开发者社区云计算文章正文

SwiftUI—用Rectangle绘制矩形

2022-05-21 705

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： SwiftUI—用Rectangle绘制矩形

使用Rectangle绘制矩形，使用RoundedRectangle绘制圆角矩形。

示例代码：

VStack{
    Rectangle()
    Rectangle()
    .fill(Color.orange)
    .frame(width: 200, height: 200)
    ZStack {
       Rectangle().fill(Color.purple)
    .frame(width: 300, height: 200)
       Rectangle().fill(Color.yellow)
    .frame(width: 300, height: 200)
    .scaleEffect(0.8)
       Rectangle()
    .fill(Color.orange)
    .frame(width: 300, height: 200)
    .scaleEffect(0.6)
    }
    RoundedRectangle(cornerRadius: 120) //绘制一个圆角矩形，并设置它的圆角半径为120
    RoundedRectangle(cornerSize: CGSize(width: 100, height: 40)).frame(width: 300, height: 200) //设置圆角的宽度为100，圆角的高度为40
    RoundedRectangle(cornerRadius: 100, style: RoundedCornerStyle.continuous) //圆角样式为continuous连续型，也就是连续曲率的圆角
}