美文网首页
SwiftUI中形状组件 —— ContainerRelativ

SwiftUI中形状组件 —— ContainerRelativ

作者: 刘铁崧 | 来源:发表于2021-02-22 16:24 被阅读0次

由于不同大小的设备可能对其 Widget 使用不同的半径,而子视图往往也需要同步修改,这无疑是比较麻烦的。Appe新增的 ContainerRelativeShape 是一种新的形状类型,它将采用最接近父视图容器形状的路径,并根据形状的位置使用适当的角半径。
自动使拐角半径与其父形状一致,而无需指定cornerRadius

效果:

struct ContentView: View {
    var body: some View {
        VStack {
            Circle().fill(Color.red).frame(width: 50, height: 50, alignment: .center)
            Circle().fill(Color.yellow).frame(width: 100, height: 100, alignment: .center)
            
            
        }.background(ContainerRelativeShape()
                        .inset(by: 0)//边距,相当于设置padding
                        .fill(Color.blue))
    }
}

相关文章

网友评论

      本文标题:SwiftUI中形状组件 —— ContainerRelativ

      本文链接:https://www.haomeiwen.com/subject/cjqkfltx.html