View 布局（SwiftUI中文文档手册）

View 布局

告诉视图如何通过调整其大小，位置，对齐方式，填充等在视图层次结构中进行排列。

---

主题

调整视图大小

1、func frame(width: CGFloat?, height: CGFloat?, alignment: Alignment) -> some View

将此视图放置在具有指定大小的不可见框架中。

2、func frame(minWidth: CGFloat?, idealWidth: CGFloat?, maxWidth: CGFloat?, minHeight: CGFloat?, idealHeight: CGFloat?, maxHeight: CGFloat?, alignment: Alignment) -> some View

将此视图放置在具有指定大小限制的不可见框架中。

3、func fixedSize() -> some View

将此视图固定为理想尺寸。

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

将视图固定为指定尺寸的理想尺寸。

5、func layoutPriority(Double) -> some View

设置父级布局应为此子级分配空间的优先级。

---

定位视图

6、func position(CGPoint) -> some View

将此视图的中心定位在其父级坐标空间中的指定点。

7、func position(x: CGFloat, y: CGFloat) -> some View

将此视图的中心放置在其父级坐标空间中的指定坐标处。

8、func offset(CGSize) -> some View

通过offset参数中指定的水平和垂直量来偏移此视图。

9、func offset(x: CGFloat, y: CGFloat) -> some View

将此视图偏移指定的水平和垂直距离。

10、func ignoresSafeArea(SafeAreaRegions, edges: Edge.Set) -> some View

将视图扩展到其安全区域之外。
贝塔

11、struct SafeAreaRegions

一组符号安全区域区域。
贝塔

12、func edgesIgnoringSafeArea(Edge.Set) -> some View

更改视图的建议区域以扩展到屏幕的安全区域之外。
不推荐使用

13、func coordinateSpace(name: T) -> some View

为视图的坐标空间分配一个名称，因此其他代码可以在尺寸上进行操作，例如相对于命名空间的点和尺寸。

---

对齐视图

14、func alignmentGuide(HorizontalAlignment, computeValue: (ViewDimensions) -> CGFloat) -> some View

设置视图的水平对齐方式。

15、func alignmentGuide(VerticalAlignment, computeValue: (ViewDimensions) -> CGFloat) -> some View

设置视图的垂直对齐方式。

16、struct ViewDimensions

视图的大小及其对齐方式在其自己的坐标空间中进行。

17、protocol AlignmentID

用于标识对齐指南的类型。

---

调整视图的填充

18、func padding(CGFloat) -> some View

沿所有边缘按指定量填充视图。

19、func padding(EdgeInsets) -> some View

使用您指定的边缘和填充量填充此视图。

20、func padding(Edge.Set, CGFloat?) -> some View

在系统的指定边缘内填充该视图的视图将使用系统计算的填充量。

21、struct EdgeInsets

矩形边的插入距离。

---

分层视图

21、func overlay(Overlay, alignment: Alignment) -> some View

在该视图前面分层放置一个辅助视图。

21、func background(Background, alignment: Alignment) -> some View

将给定视图分层放置在该视图之后。

22、func zIndex(Double) -> some View

控制重叠视图的显示顺序。

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470