PM007_UIBezierPath畫圖

Arthur Hung
Jul 22, 2023

--

包含如何即時預覽及將程式寫在指定區域

  1. 【紅色字體及線框】開啟即時預覽模式。
  2. 【藍色線框及說明】拿出工具箱內的 "UIBezierPath()" 假想為一支魔法筆來用。
  3. 【藍色線框及說明】這支魔法筆落在 100,100的位置,開始畫出一條看不見的線到200,200那裡。
  4. 【藍色線框及說明】這支魔法筆再畫出一條看不見的線到300,100那裡。
  5. 【藍色線框及說明】然後封起來。
  6. 【黃色線框及說明】因為是魔法畫的,是看不到,所以要顯化出來。

繪圖程式碼:

      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

--

--