iT邦幫忙

2024 iThome 鐵人賽
DAY 11
0
Mobile Development

少年K的Swift奇幻漂流記系列 第 11 篇

Day11 Swift ColorBoard APP 實作 Part1

16th鐵人賽
34 瀏覽

  • 分享至 

  • xImage
    •  

ColorBoard

是一個由三原色 RGB 進行調色的 APP，以下是成品：
https://ithelp.ithome.com.tw/upload/images/20240919/201682038LKX61EQd7.png

在開始前需要的元件

  • View
  • 3 個 Label
  • 3 個 Slider
  • 3 個 Text Field

在 .xib 拉好元件之後，按著 Control＋左鍵 把元件拉進 .swift

這邊有補充，在我們命名元件、class、struct、func 等等，每個團隊都會有 Coding Style（ https://hackmd.io/@fox3allenwang/BJ1N12GxT )
https://ithelp.ithome.com.tw/upload/images/20240919/20168203q4GcJInH4D.png

在宣告完元件之後，Text Field 元件需要設置代理（delegate）

https://ithelp.ithome.com.tw/upload/images/20240919/20168203VOFSMfIKcJ.png
這邊做完，基本的元件部署就已經完成了！明天會教這些元件在實作中該怎麼使用～


上一篇
Day10 Swift APP 實作前基本功！
下一篇
Day12 Swift ColorBoard APP 實作 Part2
系列文
少年K的Swift奇幻漂流記 共 30 篇
  1. 26
    Day26 Swift Clock App 實作 Part6：新增鬧鐘頁面
  2. 27
    Day27 Swift Clock App 實作 Part 7：重複天數畫面
  3. 28
    Day28 Swift Clock App 實作 Part 8：選擇鈴聲畫面
  4. 29
    Day 29 Swift 藍牙應用實作 Part 1 – 建立藍牙服務的 Swift 檔案
  5. 30
    Day30 Swift Bluetooth App 實作 Part 2：主畫面
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1055 組
團體組數
40 組
累計文章數
20166 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 16th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙