SwiftUI從入門到實戰第2章第12節：Shape-Path

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

使用Path，並配合move和addLine繪製自定義的圖形。本節課演示路徑的繪製，通過Path路徑可以繪製極爲複雜的圖形，我們在第八章使用路徑繪製了漂亮的折線圖表，但是本節只講解基本路徑的繪製。

示例代碼：

//首先添加一個路徑，在閉包語句裏進行路徑形狀的定義。
Path { path in
    //將路徑的起點移到此處的座標位置，也就是水平座標爲30，垂直座標爲0的位置。
   path.move(to: CGPoint(x: 30, y: 0))
    //然後通過addLine方法，從路徑的起點，繪製一條直線，直線的終點座標爲{30, 200}。
   path.addLine(to: CGPoint(x: 30, y: 200))
    //接着從點{30, 200}開始，向右側繪製一條直線，直線的終點座標爲{230, 200}。
   path.addLine(to: CGPoint(x: 230, y: 200))
    //繼續向上方繪製一條直線，直線的終點座標爲{230, 0}。
    path.addLine(to: CGPoint(x: 230, y: 0))
}

Path { path in
    path.addEllipse(in: CGRect(x: 100, y: 30, width: 200, height: 200))

    path.addRoundedRect(in: CGRect(x: 100, y: 120, width: 200, height: 200), cornerSize: CGSize(width: 10, height: 10))

    path.addEllipse(in: CGRect(x: 100, y: 210, width: 200, height: 200))
}

查看結果：