Swift 常用UI界面设置

背景色设置

  1. 一个指定颜色的空视图。
color.red.ignoresSafeArea()
  1. 给一个或多个视图指定背景颜色
Color.green.overlay {
//用 overlay作为背景的 多个重叠的视图
 Text("hello").bold().foregroundColor(.white)
 }.frame(width: 50, height: 50)

控件位置设置

HStack 和 VStack 初始化时都有spacing参数来设定 它们里面的控件的间距。

控件的offset 属性可以设置该控件相比原布局位置的位移。

但注意其他控件并不会因为它的位置变化而自动布局（也就是 如果下面的控件不设offset时，可能会跟它重叠，比如下面这样：） image.png

padding 填充设置

func padding(
 _ edges: Edge.Set = .all,
 _ length: CGFloat? = nil
) -> some View

往指定的Edge 填充指定(Length) 大小的空间。edges 可以是多个。 

样例代码：

//往控件的底部和右边尾部 填充20像素宽度空间
Text("Text padded by 20 points on the bottom and trailing edges.")
 .padding([.bottom, .trailing], 20)
 .border(.gray)

image.png