使用Open Peeps圖庫開發紙娃娃App

想起小時候很喜歡玩的娃娃換裝遊戲XD

目的:練習UIKit UI 元件常用的 property & method

使用到的元件:

  1. 使用UIImage拉上方的個別部位(髮型、臉、眼鏡、衣服、背景)
  2. 使用Button來做點擊時的功能
  3. 使用UIView來切換不同的部位
  4. 使用Scroll View來滑動多種部位

重點:

  1. 從Open Peeps下載完後,放入Assets裡,須將Resizing的Preserve Vector Data打勾 & Scales選擇Single Scale。

2. 拉一個button時,將Type選擇UIButton,這樣一來每個Button都可以使用同一個Function,程式會自動換成被點選的button。

將Type改成UIButton
sender變數就會是UIButton
把每個button都直接與此Function連結

3. 利用UIView的isHidden屬性,將點選到該部位時再把View顯示其餘的就隱藏。

4. 利用 Int.random(in: Range<Int>)方法,來隨機產生數字。

先將個別部位的所有圖片列出來
使用random的方式產生數字,在帶入陣列

Github

--

--