PM007_UIBezierPath畫圖
Jul 22, 2023
包含如何即時預覽及將程式寫在指定區域
- 【紅色字體及線框】開啟即時預覽模式。
- 【藍色線框及說明】拿出工具箱內的 "UIBezierPath()" 假想為一支魔法筆來用。
- 【藍色線框及說明】這支魔法筆落在 100,100的位置,開始畫出一條看不見的線到200,200那裡。
- 【藍色線框及說明】這支魔法筆再畫出一條看不見的線到300,100那裡。
- 【藍色線框及說明】然後封起來。
- 【黃色線框及說明】因為是魔法畫的,是看不到,所以要顯化出來。
繪圖程式碼:
let path = UIBezierPath()
path.move(to: CGPoint(x: 100, y: 100))
path.addLine(to: CGPoint(x: 200, y: 200))
path.addLine(to: CGPoint(x: 300, y: 100))
path.close()
let tttLayer = CAShapeLayer()
tttLayer.path = path.cgPath
tttLayer.fillColor = CGColor(red: 0.4, green: 0.3, blue: 0.4, alpha: 1)
view.layer.addSublayer(tttLayer)
.
即時預覽語法:
#Preview {
UIStoryboard(name: "Main", bundle: nil).instantiateInitialViewController()!
.
20230722