使用SwiftUI设置不同位置的圆角

2024-09-10  本文已影响0人  zhlv

在项目中很多时候会遇到圆角,当然圆角很多种方式
设置圆角

 ZStack {
                Color.blue
                    .frame(width: 200, height: 100)
                Text("圆角视图")
                    .font(.title)
                    .foregroundColor(.white)
            }
            .clipShape(RoundedRectangle(cornerRadius: 15, style: .continuous))
////////////////
 GeometryReader {
                let size = $0.size
                MyAsyncImage(url: "https://img0.baidu.com/it/u=3985000706,2181490320&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1200")
                    .aspectRatio(contentMode: .fill)
                    .frame(width: size.width, height: size.width)
                    .cornerRadius(size.width/2)
                //
            }
WX20240911-164731@2x.png WX20240911-164703@2x.png

四个角不同大小圆角的设置

 GeometryReader {
                let size = $0.size
                MyAsyncImage(url: "https://img0.baidu.com/it/u=3985000706,2181490320&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1200")
                    .aspectRatio(contentMode: .fill)
                    .frame(width: size.width, height: size.height)
                    .clipShape(.rect(topLeadingRadius: 10, bottomLeadingRadius: 0, bottomTrailingRadius: 30, topTrailingRadius: 80))
                //
            }
WX20240911-164436@2x.png
上一篇 下一篇

猜你喜欢

热点阅读