超详细：SwiftUI文本排版布局和动态字体缩放的奥秘

已于 2025-06-28 14:03:48 修改
阅读量1.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 开发疑难秒懂百科 文章标签： swiftui 文本 排版 动态字体 字间距行间距
于 2022-01-07 13:30:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mydo/article/details/122318718
本文详细探讨了SwiftUI中文本排版的各个方面，包括Apple的SF字体、字间距与字偶距的区别、行间距调整、显示不全的处理以及字体动态缩放的原理。通过实例代码，展示了如何在SwiftUI中优雅地处理文本布局，并介绍了如何使自定义字体支持动态缩放。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述



功能需求

如果每个App都是一个有趣的灵魂，那么每个灵魂自然也少不了一张美丽的皮肤。

SwiftUI使得App界面构建如此的简单，而App界面中怎能少得了文本的显示呢? 那么，我们能否充分利用SwiftUI框架提供的强大接口来搞定文本排版与布局呢？

在这里插入图片描述

在本篇博文中，我们将详细介绍SwiftUI中关于文本排版、布局以及动态字体缩放的知识，看完本篇博文您将学到以下内容：

  • Apple中的皇牌字体SF介绍
  • 字间距和字偶距的区别以及调整它们的正确姿势
  • 行间距介绍及调整的方法
  • 文本显示不全的另一种处理思路
  • 字体支持动态缩放的奥秘

想为自己App文本排版技能如虎添翼么？还等什么，Let’s Go!

请系好安全带，让我们在2022虎年开始一场虎虎生风的探索吧! 😉


功能分析

1. Apple的皇牌S
了解本专栏 订阅专栏 解锁全文
macOS SwiftUI 教程之 12 字体、风格样式、竖排版，文本视图显示一行或多行只读文本。（教程含源码）
iCloudEnd的博客
08-09 734
文本视图显示一行或多行只读文本。
OCR技术解析：用Tesseract和PaddleOCR识别文本
最新发布
CSDN博客专家，系统架构师，有合作、疑惑请私信博主。
05-19 3万+
OCR技术解析：用Tesseract和PaddleOCR识别文本 ，人工智能，计算机视觉，大模型，AI，光学字符识别（Optical Character Recognition，简称 OCR）是一项将图片、扫描件等文档中的文字信息转换为可编辑文本的技术。在数字化时代，OCR 技术广泛应用于文档处理、车牌识别、身份证识别、古籍数字化等领域，极大地提高了文字信息处理的效率。Tesseract 和 PaddleOCR 是两款极具代表性的 OCR 工具。
Swift -- UICollectionView中cell的排版布局
SoftwareDoger的博客
10-21 808
override func layoutSubviews() { super.layoutSubviews() if let layout = rightCollectionView.collectionViewLayout as? UICollectionViewFlowLayout { layout.minimumLineSpac...
SwiftUI基础 - 文本
Mazy's Blog
01-17 2322
Text 文本 基础使用 Text 作为 SwiftUI 中一个基本的控件, 等价于 UIKit 中的 UILabel, 但它可以用更少的代码，实现 UIKit 中对文本的复杂操作。 Text("Hello SwiftUI") // 设置文本内容 .lineLimit(3) // 限制行数 .truncationMode(.middle) // 截断方式 .frame(maxWidth: .infinity, alignment: .leading) // 设置大小 .fon
Text （SwiftUI 中文手册教程）
iCloudEnd的博客
08-18 1569
基础知识 Text 是什么 显示一行或多行只读文本的视图。 @frozen struct Text Text基础使用 设置字体 文本视图使用body适合当前平台的字体在应用程序的用户界面中绘制字符串。您可以使用view修饰符选择其他标准字体，例如title或。 Text("Hamlet") .font(.title) 设置样式字体大小、粗体、斜体 如果需要更好地控制文本的样式，则可以使用相同的修饰符来配置系统字体或选择自定义字体。您也可以应用bold()或的视图修饰符，italic()以进一
SwiftUI Text 合集
iCloudEnd的博客
08-04 447
SwiftUI 2.0 Text 新功能之强大的日期显示功能 (教程含代码) SwiftUI 如何让Text支持多行文本并支持滚动 SwiftUI小技巧之Text背景全屏背景 SwiftUI小技巧之Text文字自动调整大小(2020基础教程) 基础09:iOS SwiftUI带选择和复制功能的Text SwiftUI技巧之Text长文本该如何处理 技术交流 QQ:3365059189 SwiftU...
swift 首行缩进两个字符
kailai_xu的博客
02-21 341
let paraStyle01 = NSMutableParagraphStyle() paraStyle01.alignment = .left //对齐 paraStyle01.headIndent = 0.0 //行首缩进 let emptylen:CGFloat = (cell?.textLabel?.font.pointSize)!*2 paraStyle01.firstLineHead...
SwiftUI - 界面布局知识点
humiaor的博客
11-14 4464
SwiftUI
swift-UIlabel根据文本字体获得label宽度；自适应宽高
08-15
在Swift开发中，文本输入和显示是用户界面（UI）设计的重要组成部分，UILabel是一个常用的类，用于展示单行或多行的静态文本。本教程将详细讲解如何根据文本内容和字体来计算UILabel的宽度，并实现其自适应宽高的...
SwiftUI implementation of the SAP Fiori for iOS Design Lan.zip
02-04
6. **适配与响应式设计**：SwiftUI支持自动布局和不同屏幕尺寸的适配，学习如何确保应用在iPhone和iPad上都能提供良好的Fiori体验。 7. **过渡和动画**：SAP Fiori强调平滑的过渡效果，SwiftUI提供了丰富的动画API...
SwiftUIFontIcon：在SwiftUI项目中实现字体图标的最简单方法
02-05
SwiftUI字体图标 在SwiftUI项目中实现字体图标的最简单方法。 用法 该库非常易于使用，就像这样:) 文本 import SwiftUIFontIcon // ... FontIcon. text (. materialIcon ( code : . access_alarm )) FontIcon. text (. materialIcon ( code : . access_alarm ), fontsize : 30 ) 纽扣 FontIcon. button (. ionicon ( code : . md_add_circle ), action : {}) FontIco
第3章第6节：使用LazyVGrid进行灵活性的网格布局 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-04 739
LazyVGrid和LazyHGrid，为我们提供了相当多的灵活性的网格布局，并且可以自由调整网格中的单元格的尺寸。 首先初始化一个数组，数组元素的类型是GridItem。GridItem是对单个网格项目（例如行或列）的描述。通过GridItem可以设置单元格的尺寸和间距。 可以在网格中添加任意数量的行或列，这里先设置网格拥有一列的网格项，网格项的宽度和网格尺寸保持一致，网格项的间距为10。 创建一个滚动视图，作为LazyVGrid的容器。 初始化一个LazyVGrid，网格是“..
css3--布局--文本
iteye_8039的博客
10-23 209
CSS3 多列布局——Columns 它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现 语法： columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。...
SwiftUI-组件-Text
xushaoda9的博客
10-31 471
SwiftUI-Text组件
SwiftUI 2.0 实战之文本字体选择组(封装UIFontPickerViewController)
iCloudEnd的博客
07-12 521
本文价值与收获 看完本文后，您将能够作出下面的界面 基础知识 UIFontPickerViewController 一个视图控制器，显示用于在CloudKit共享记录中添加和删除人员的标准屏幕。 class UIFontPickerViewController : UIViewController 使用教程 使用UIFontPickerViewController为用户提供对其设备上所有字体的访问权限。 直接查询UIFont仅提供系统字体，但用户的设备上可能有其他字体。 当用户在字体选择器中选择这些
[SwiftUI]Text使用自定义字体
Gamin
01-26 1181
在 SwiftUI 中，要使用自定义字体，您需要首先确保字体文件已经被正确添加到您的项目中，并且在项目的 Info.plist 文件中注册了字体。2.确保在添加字体时选择了 "Copy items if needed" 选项，并且字体文件已经被添加到了应用的 target。要获取正确的 PostScript 名称，您可以在 macOS 的字体册应用中打开字体文件，然后查看字体的信息。在这个数组中，添加你的字体文件的名称，包括其扩展名，例如。4.在你的 SwiftUI 视图中，使用。文件中，添加一个新条目。
SwiftUI 中的文本字体选择组
YUELJe的博客
09-13 143
在 SwiftUI 中，我们可以轻松地创建一个文本字体选择组，以便用户可以选择他们喜欢的字体。这个组件可以让用户在预定义的字体列表中进行选择，并实时显示所选字体的效果。通过使用 SwiftUI 的强大功能，我们可以轻松地为用户提供自定义字体的选项。然后，我们需要准备一个包含所有可选字体的列表。这样，你就可以在应用程序中看到一个可供用户选择的字体列表，并实时查看所选字体的效果。构造函数来遍历字体列表，并为每个字体创建一个选项。首先，我们需要定义一个存储所选字体的变量。方法，我们可以将所选字体应用于文本视图。
iOS16 中的 3 种新字体宽度样式
网罗天下方法，方便你我开发！！！
11-22 1779
在 iOS 16 中，Apple 引入了三种新的宽度样式字体到 SF 字体库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大熊猫侯佩

赏点钱让我买杯可乐好吗 ;)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值