SwiftUI 学习笔记

250 阅读1分钟

SwiftUI 布局研究

VStack

垂直布局,加入到VStack容器的控件,会按照从上到下的方式排布

初始化参数

alignment 参数控制对齐方式,默认是leading

.leading 左对齐 .trailing 右对齐

spacing 参数

控制子控件的间距

HStack

水平布局,加入到HStack容易的控件,会从左到右排布 VStack 和 HStack 的 用frame属性设置的alignment 会把在初始化时候设置的alignment覆盖。

Spacer

在stack类的容器中沿着主轴灵活的扩充空间,如果不再stack中则沿着水平和垂直两个轴进行扩充

GeometryReader

GeometryReader让我们能够获取到父view提供的建议的size,该数据保存在GeometryProxy,GeometryProxy提供了一个frame(in:)函数,可以让我们分别获取到该view相对于.global.local或者.name的size。