ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

SwiftUI 简明教程之布局优先级与视图理想尺寸

2021-06-20 19:03:02  阅读:200  来源: 互联网

标签:Eul 优先级 fixedSize Text 视图 layoutPriority SwiftUI


本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容。

Eul 是一款 SwiftUI & Combine 教程 App(iOS、macOS),以文章(文字、图片、代码)配合真机示例(Xcode 12+、iOS 14+,macOS 11+)的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述 SwiftUI & Combine 相关的知识,使读者能快速掌握并在 iOS 开发中实践。

layoutPriority

layoutPriority 可以使我们手动控制视图的布局优先级。我们看看如下代码:

HStack {
  Text("Hello")
  Text("World")
  Text("Stay Hungry, Stay Foolish")
     // .layoutPriority(1)
}
.lineLimit(1)
.font(.title3)

在不打开注释处的代码时,最后的 Text 文字是会被压缩显示成省略号的。系统默认所有 View 的 layoutPriority 都是 0。如果我们将注释打开,赋予最后的 Text 较高的优先级,那么最后的 Text 就可以完全展示出来,而前面的两个 Text 可能会因为空间不足而被压缩。

fixedSize

fixedSize 可以将试图调整为理想的尺寸,比如我们有如下视图:

Text("Stay Hungry, Stay Foolish")
  //.fixedSize()
  .font(.title)
  .frame(width: 200, height: 50)
  .border(Color.blue)
  .centerHorizontal()

在没有使用 fixedSize 的情况下,文本会被压缩,因为 200 * 50 的空间不足以展示所有文字。如果我们将注释处的代码打开,文本就可以完全展示了,因为 SwiftUI 会为该视图调整最理想的尺寸。

fixedSize 还能指定调整的方向:

func fixedSize(horizontal: Bool, vertical: Bool) -> some View

Bool 值为 true 时,表示要调整该方向上的尺寸。

本文为 Eul 样章,如果您喜欢,请移步 AppStore/Eul 查看更多内容。

标签:Eul,优先级,fixedSize,Text,视图,layoutPriority,SwiftUI
来源: https://www.cnblogs.com/bruce2077/p/14897114.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有