SwiftUI從入門到實戰第2章第10節：Shape-Circle

相關課程：http://hdjc8.com/hdjc/swiftUI/

在SwiftUI裏可以很方便的繪製各種各樣的圖形，您將在第七章和第八章，繪製各種複雜和漂亮的圖形和圖表，本節課先演示簡單圓形的繪製。

使用Circle繪製圓，並設置圓形的填充顏色、顯示區域等屬性。

示例代碼：

VStack{
    //繪製一個圓形，它的填充顏色默認是黑色。
    Circle()

    //通過調用它的fill方法，給圓形填充橙色。
    Circle()
	.fill(Color.orange)
	.frame(width: 200, height: 200)//然後將圓形的寬度和高度都設置爲200。
    ZStack {
        //然後繪製一個圓形，並設置填充顏色爲紫色。
       Circle().fill(Color.purple)
        //繪製另一個圓形，其填充顏色爲黃色，並將尺寸縮小到原來的0.8倍。
       Circle().fill(Color.yellow).scaleEffect(0.8)
        //繪製最後一個圓形，其填充顏色爲橙色，並將尺寸縮小到原來的0.6倍。
       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)

    //接着繪製另一個黃色的矩形，並將它縮小到原來的0.8倍。
       Rectangle().fill(Color.yellow)
	.frame(width: 300, height: 200)
	.scaleEffect(0.8)

    //使用相同的方式，繪製第三個橙色的矩形，並將它縮小到原來的0.6倍。這樣就繪製了在垂直屏幕的方向上進行疊加的三個矩形。
       Rectangle()
	.fill(Color.orange)
	.frame(width: 300, height: 200)
	.scaleEffect(0.6)
    }
}

查看運行結果：