iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

從概念發想上架一支SwiftUI app 系列

某個失眠夜冒出一個idea, 剛好想找個題目練練swiftUI。
會討論怎麼把概念實體化,介面設計的考量,期間嘗試的過程,一直到上架。
一頁式的小專題,如果來得及就加上一點自動化測試。
如果邊做邊想到新功能,就加一些新功能介紹。
一切都有可能

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

我有一個好點子, 然後呢

點子的誕生我想說,很多點子都來自生活中。前陣子多了一項新的愛好,把玩翡翠掛件。當時看了幾場直播逛了網拍,狠下心來挑了一款玻璃種觀音吊墜(比較透光的意思)。收到貨...

2024-08-17 ‧ 由 麥殼蟹 分享
DAY 2

基礎部分 - SwiftUI做中學

今天運用了 基本元件(Text, Slider, ColorPicker) 元件排列(ZStack, VStack) 手勢(DragGesture) Prop...

2024-08-18 ‧ 由 麥殼蟹 分享
DAY 3

基礎部分 - 旋轉面板

接下來要製作旋轉效果。首先要產生一個圓形面板, 正中心代表光源朝上。當我移動到圓形的邊緣, 代表光源與螢幕呈現垂直。連動的方式與Day2的PositionPan...

2024-08-19 ‧ 由 麥殼蟹 分享
DAY 4

基礎部分 - 面板部份

今天改善PositionPanel的一項功能,新增一個變數(lastOffset)儲存上一次的位置,下次重新觸發手勢會從這個位置開始移動。也修正Day2的邏輯錯...

2024-08-20 ‧ 由 麥殼蟹 分享
DAY 5

基礎部分 - 重構討論

先補上昨天未完成的改善。RotationPanel的邊界最遠在半徑75以內,處理邏輯為邊界超過的時候,取同一個角度且距離原點距離為半徑的座標。 Circle()...

2024-08-21 ‧ 由 麥殼蟹 分享
DAY 6

基礎部分 - 重構程式碼, 實作光束效果

今天拆分成不同檔案,建立LightSettings存放操作變數。 LightSettings.swift import SwiftUI struct Light...

2024-08-22 ‧ 由 麥殼蟹 分享
DAY 7

基礎部分 - 調整PanelView排版

先看一下今日成果 試著把操作面板調整小一點 PanelView.swift struct PanelView: View { @Binding...

2024-08-23 ‧ 由 麥殼蟹 分享
DAY 8

聊聊APP下一步

這週末給自己安排兩天類黑客松的計劃(在家除了吃,其他時間看書看文件寫程式)。列了好幾項待辦項目。這幾項是功能相關的,上架素材就不特別寫出來了。 明天最晚六點開始...

2024-08-24 ‧ 由 麥殼蟹 分享
DAY 9

Layout調整

今日成果 在控制面板的操作,我希望方向在Landscape能夠重新調整按鈕位置。建立一個新的PanelViewLandscape,運用GeometryReade...

2024-08-25 ‧ 由 麥殼蟹 分享
DAY 10

畫面設計

今天在調整畫面。既然鎖定的客群是把玩翡翠玉石的同好,畫面一大部分是留白,能發揮的部分就剩下PanelView。大家可以想想怎麼設計,比較能切合主題。 昨天有點異...

2024-08-26 ‧ 由 麥殼蟹 分享