//通过padding 可以扩大区域
.padding()
//四周加上距离, 默认是10,可以自定义大小和区域
//图片设置
Image("20x20_avocado") {
.frame(width: 30, height: 30)
}
//设置超过20,会加大图片view的区域,不过图片不会变大,因为图片尺寸就是20
SwiftUI 使用的 layout 比以前使用的都更加轻量级,不是通过约束去实现,更像是去框住它
HStack And VStack
国际化时,视图也会自动变化方向,高度自动化
Layout Priority
.layoutPriority(0...1)
//设置layout的等级
Alignments
可以通过
_Stack(alignment: ._____)
//新特性.lastTextBaseline对齐文字的切线
来设置对齐的标准
Defining a New Vertical Alignment
//自定义对齐方式
extension VerticalAlignment {
private enum MidStarAndTitle : AlignmentID {
static func defaultValue(in d: ViewDimensions) -> Length {
return d[.bottom]
}
static let midStarAndTitle = VerticalAlignment(MidStarAndTitle.self)
}
Drawing
Circle()
//可以画一个圆
Capsule()
//圆角矩形
Ellipse()
//椭圆
Gradients
可以绘制出线性渐变颜色?
ZStack
可以以圆形排版绘制
More Information
SwiftUI Lab WWDC2019