#06 運用 UIBezierPath 繪製圖案

建立一個專案,interface選擇SwiftUI

建立專案後,可以看到ContentView.swift中已編寫的內容即對應畫面呈現在右方

在SwiftUI 使用UIViewRepresentable這個協定來打包(Wrap)UIView,新增了一個struct DrawView,並且須遵從協定定義兩個function — makeUIView(context:)、updateUIView(_:context:)

makeUIView內容回傳UIView 物件,updateUIView則是當畫面變動時會被呼叫

使用UIBezierPath練習畫一個三角形

剛才只有先宣告一個UIView而已,現在我們再加上畫三角形的程式如下

接著將struct ContentView 中呼叫寫好的DrawView()

完成後就可以在xcode14右側preview區塊看到我們畫出的三角形啦

--

--