iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

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

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

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

捲動畫面(2)

捲動到新的光點,必須同步讓LightZone顯示。我想要做一個一秒鐘的動畫效果,閃一下讓用戶知道選取到哪一個。

2024-09-06 ‧ 由 麥殼蟹 分享
DAY 22

捲動畫面(3)

先簡單測試一下捲動效果,還要調整寬度配置。 let items = Array(1...10) var body: some View...

2024-09-07 ‧ 由 麥殼蟹 分享
DAY 23

儲存系統的設計

介面設計中,何時要自動儲存目前的設定,可以減少使用者反覆執行這項動作。我想要做一個功能,當用戶關閉APP或系統將APP關閉的時候,自動存下目前的設定狀態。等到下...

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

關於UI

今天面臨一個抉擇,思考許久。目前主流的APP面對捲動的元件,普遍都會留邊。意思是說,在有限的寬度下,再多留一點邊。我覺得保持畫面完整度比較好看,最後還是留著吧!...

2024-09-09 ‧ 由 麥殼蟹 分享
DAY 25

功能改善

今天想到一個方法,讓操作介面更簡潔。之前有看到手勢操作可以組合起來,這樣Slider的部分是不是有機會改成在圓形區域的雙指操作。類似圖片縮放的操作方式,改變光圈...

2024-09-10 ‧ 由 麥殼蟹 分享
DAY 26

光束效果

實機操作起來,感覺光束怪怪的。角度越大,應該要延伸得更遠,而且要漸層。這個關鍵功能要改善一下。

2024-09-11 ‧ 由 麥殼蟹 分享
DAY 27

引導畫面

一旦操作模式變得精簡,初次使用的使用者並不會曉得。還可能隨意操作,發生預期外的效果。這時候引導畫面發揮很大作用。怎麼安排引導順序也要經過設計,從最常用最基本的開...

2024-09-12 ‧ 由 麥殼蟹 分享
DAY 28

iPad的分割畫面

今天發現一個很酷的功能,在iPad上能夠開啟多工的畫面。而在app的設計上要考慮支援多款尺寸。做法也很簡單,打開一個設定就達成了。

2024-09-13 ‧ 由 麥殼蟹 分享
DAY 29

光束延長效果

為了讓光源有延伸的感覺,我試著用scaleEffect先修改外型再進行rotation3DEffect。再多嘗試看看效果如何。

2024-09-14 ‧ 由 麥殼蟹 分享
DAY 30

總結 心得

30天過得好快後半段時間有別件事情要處理只有把想法記錄下來少了實作與成果展示每天趁著空閒時間,想著至少要發文寫一點東西累積下來也蠻可觀的。 再來說說把玩Swif...

2024-09-15 ‧ 由 麥殼蟹 分享