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

SwiftUI—如何在SwiftUI中绘制一个圆形

2022-05-21 719

版权

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

简介： SwiftUI—如何在SwiftUI中绘制一个圆形

在SwiftUI里可以很方便的绘制各种复杂和漂亮的图形和图表，本节课先演示简单圆形的绘制。

使用Circle绘制圆，并设置圆形的填充颜色、显示区域等属性。

示例代码：

VStack{
    Circle() //绘制一个圆形，它的填充颜色默认是黑色
    Circle()
    .fill(Color.orange) //给圆形填充颜色
    .frame(width: 200, height: 200) //将圆形的宽度和高度都设置为200
    ZStack {
       Circle().fill(Color.purple)
       Circle().fill(Color.yellow).scaleEffect(0.8) //尺寸缩小到原来的0.8倍
       Circle().fill(Color.orange).scaleEffect(0.6)
    }
    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)
    }
}