iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Mobile Development

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列

工程師減肥減到年中已經乏味了,是時候來點新鮮的了!
這次要用 Jetpack Compose 做出美美der 健身紀錄介面,將我揮灑汗水歷程記錄下來,繼續向前行!

DAY 21

Day 21 Compose Navigation 頁面切換

前言 Compose 中要在不同頁面之間切換,可以用 Navigation API。今天就來用在專案中 添加依賴 dependencies { imple...

2022-09-27 ‧ 由 ChuLin 分享
DAY 22

Day 22 navigation popup & paramater

前言 今天來介紹 navigation 怎麼管理頁面 stack,以及navigation到其他頁面時帶參數的方式。 popup stack 是一種資料結構,...

2022-09-28 ‧ 由 ChuLin 分享
DAY 23

Day 23 溫咖癲啦唯啊薩~讓按鈕浮起來吧!Floating Action Button

前言 今天來介紹整個頁面的要角 Floating Action Button。 Floating Action Button 樣子 簡稱為 FAB ,常在...

2022-09-29 ‧ 由 ChuLin 分享
DAY 24

Day 24 改了變數畫面卻不會更新嗎?你需要來點 State!

前言 今天來介紹會觸發畫面更新的 State。先來個大總結,後頭再解釋: 在 Compose 中建議使用以下方式儲存變數 可觀察且可變 例如:State&...

2022-09-30 ‧ 由 ChuLin 分享
DAY 25

Day 25 Advance State 和 Side Effect

前言 今天來介紹進階 State 和 Side Effect 。 依造昨天的慣性,先上結論表方便未來查找。 Effect_Name 更新畫面時機 執行動...

2022-10-01 ‧ 由 ChuLin 分享
DAY 26

Day 26 把主畫面組起來!

前言 學以致用,把主畫面組裝起來。 MainScreen 這裡傳三個 funtion 用來做頁面轉換用。 @OptIn(ExperimentalMateria...

2022-10-02 ‧ 由 ChuLin 分享
DAY 27

Day 27 Training 頁面實作

前言 今天來做 Training 頁面 預覽 先擺上今天的成果 預設主題 黑暗主題 @Preview @Composable fun...

2022-10-03 ‧ 由 ChuLin 分享
DAY 28

Day28 實作 DateTimePicker

前言 昨天完成 Training 頁面雛形,今天要來加一些更改數據的互動。 首先是日期調整這裡要用到 DatePickerDialog Date Picker...

2022-10-04 ‧ 由 ChuLin 分享
DAY 29

Day 29 把 data List 搬到 ViewModel

前言 今天要將 training 資料搬到 viewModel。 ViewModel ViewModel 能以比較長的生命週期持有 State,讓螢幕選轉等...

2022-10-05 ‧ 由 ChuLin 分享
DAY 30

Day 30 List 的 Item 參數也能有狀態?

前言 昨天使用 *toMutableStateList*() 讓 list 新增和移除可以讓畫面更新。 今天想要嘗試更改 list 的參數內容,讓內容也可以讓...

2022-10-06 ‧ 由 ChuLin 分享