WWDC 2019 Building Custom Views

//通过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