#86 利用 SwiftUI 的 Path & Shape 繪圖

功能需求:

• 利用 SwiftUI 的 Path 繪製可愛圖案， logo 或 emoji。
• 遵從 protocol Shape，定義可重覆使用修改的形狀。
• 使用到 Extract Subview，至少定義 2 個遵從 protocol View 的型別。
• 加上背景圖片和文字。
• 用程式畫出兩種不同的圖片，比方紅色 & 綠色衣服的小新。

範例:

• 紅色 & 綠色衣服的小新。

• 眉毛正常 & 眉毛不正常的小新。

提示

上傳圖片查詢元件的大小位置

搭配網站查詢圖片的座標畫圖

範例

加分功能

• 組合自己畫的圖跟同學畫的圖。

範例:

Hannn 畫的小新 & 王瑋畫的 Peppa Pig。

• 利用 LibraryContentProvider 將自訂的 view 或 shape 加到 View Library，在文章裡附上 library 畫面截圖。

範例

將自訂的 SwiftUI view 加到 View Library 的 LibraryContentProvider

• 錄製圖形分解影片。

• 使用 StrokeStyle。

SwiftUI 設計線條樣式的 StrokeStyle

作品集

#01 Swift 繪圖＿看到球球的木兔貓頭鷹

Swift繪圖_當查理布朗拋下史努比

角卷綿芽仿畫

#1 利用 SwiftUI 的 Path & Shape 繪圖 - 魚仔好吃嗎?沒牙

#HW1 SwiftUI繪圖練習—Pacman

利用SwiftUI的Path & Shape繪圖 — 第二碑半價 （原神 胡桃）

用 SwiftUI 畫出 Big Chungus

Swift UI 繪圖練習 — 田中太郎

Bart Simpson

SwiftUI 繪圖 — Captain Keroro

Swift UI 繪圖-大雄

SwiftUI繪圖 — 泰瑞

Swift Ui 繪圖 cute CATBUG

真相只有一個！！— 名探偵コナン

Minions 又黃又紫

柯南

Swift UI 繪圖練習 — 章魚哥

利用 SwiftUI 的 Path & Shape 繪圖-小熊維尼

我不能再被貓了，靠你了！艾路貓!!

肉肉家族團圓照

可愛小豬之利用 SwiftUI 的 Path & Shape 繪圖

Swift UI繪圖練習 — 可憐皮老闆

Swift UI繪圖練習-炙燒仙人掌

利用 SwiftUI 的 Path & Shape 繪圖

利用 SwiftUI：Path & Shape 畫 Taiwan Meme Cat

用SwiftUI的Path繪圖是在Hello Kitty???

IOS作業SwiftUI繪圖 — 哈姆太郎好可愛～！

Swift UI 繪圖練習 — 蠟筆小新

SwiftUI 作業～跟著卡娜赫拉的小動物一起學習path繪圖

我有杯緣子成癮症(利用 SwiftUI 的 Path & Shape 繪圖)

SwiftUI畫的裸熊還是豪口愛，阿極最口愛！

SwiftUI繪圖 — 神奇寶貝伊布

體操選手野原新之助

畫個BMO (2020/03)

SwiftUI皮卡丘

SwiftUI繪圖 — Peppa Pig

f利用 SwiftUI 的 Path & Shape 繪圖之可愛小豬

SwiftUI Path & Shape 繪圖-Doraemon~

火車環島3671藍皮普快紀念品

#89 當SwiftUI遇到石虎抱抱

利用 SwiftUI 的 Path & Shape 繪圖 — Miffy 咪菲兔

SwiftUI Path & Shape繪圖-Tokage

#86 利用 SwiftUI 的 Path 繪圖：GitHub icon

SwiftUI 用Path畫熊大

這裡是github連結～

foodpanda開戰啊

利用 SwiftUI畫出“菇菇寶貝”

SwiftUI Path & Shape 繪圖 — dodoro

SwiftUI 可達鴨

使用SwiftUI畫老皮

使用SWIFT PATH畫出一個emoji

使用swiftUI畫出顏色不對的咖波

https://mhworld.kiranico.com/zh-Hant/monsters/rp346/suan-yi-longIOS_Hw1第一次的SwiftUI練習題

SwiftUI Python

其它範例: 同學們利用 UIBezierPath 繪製的作品。UIBezierPath 跟 SwiftUI Path 繪圖的原理類似，也可以參考。

#52 運用 UIBezierPath 繪製可愛圖案，比方雪人，米奇 & 可愛動物

#43 從程式製作國旗圖案