美文网首页
SwiftUI—如何在SwiftUI中绘制一个圆形

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

作者: anny_4243 | 来源:发表于2020-07-14 10:55 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC30%E8%8A%82shape-circle-

    在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)
        }
    }
    

    相关文章

      网友评论

          本文标题:SwiftUI—如何在SwiftUI中绘制一个圆形

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