iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

從零開始學習 Jetpack Compose 系列

Jetpack Compose已經Release好一陣子了,官方現在的教學也都是用ComposeUI在做範例。一直都沒去學習好像也不是辦法,因此透過這機會從零開始了解Jetpack Compose。主要會介紹UI元件、狀態管理、動畫。

或許最後會有一個SideProject吧(?

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

從零開始學習 Jetpack Compose Day10 - Dialog

Dialog Dialog 是一種用來顯示臨時彈出視窗的 UI 元件,通常用來向使用者顯示重要資訊、要求輸入或提供多種操作選項。它會暫時疊加在其他內容上,直到使...

2024-09-25 ‧ 由 HF 分享
DAY 12

從零開始學習 Jetpack Compose Day11 - Drawer

Drawer 是 Jetpack Compose 中用來顯示側邊滑出的導航畫面的元件,通常用於提供 App 中的導航選項或其他輔助操作。當使用者從螢幕邊緣滑動或...

2024-09-26 ‧ 由 HF 分享
DAY 13

從零開始學習 Jetpack Compose Day12 - Scaffold

Scaffold Scaffold 是 Jetpack Compose 中的一個畫面架構元件,提供了一個結構化的 UI 框架,包含標準的應用程式該有的項目,如...

2024-09-27 ‧ 由 HF 分享
DAY 14

從零開始學習 Jetpack Compose Day13 - LazyColumn與LazyRow

LazyColumn 與 LazyRow LazyColumn 和 LazyRow 是 Jetpack Compose 中的懶加載列表元件,類似於 Recycl...

2024-09-28 ‧ 由 HF 分享
DAY 15

從零開始學習 Jetpack Compose Day14 - BottomSheet

BottomSheet BottomSheet 在 Jetpack Compose 中為允許從螢幕底部顯示可拖動的元件,提供額外的操作選項或資訊,而不會中斷主要...

2024-09-29 ‧ 由 HF 分享
DAY 16

從零開始學習 Jetpack Compose Day15 - Canvas

在 Jetpack Compose 中,Canvas 允許開發者在應用程式中繪製自定義的圖形和形狀。它提供了一個畫布,可以使用各種繪圖方法來創建複雜的圖形。 C...

2024-09-30 ‧ 由 HF 分享
DAY 17

從零開始學習 Jetpack Compose Day16 - Animation

Animation 在 Jetpack Compose 中 Animation 是用來實現視覺過渡效果的工具,它可以讓 UI 元件隨著狀態變化進行平滑的動畫切換...

2024-10-01 ‧ 由 HF 分享
DAY 18

從零開始學習 Jetpack Compose Day17 - Canvas + Animate

今天颱風天放假所以不用像平常那麼趕著發文章,因此就用前兩天的 Canvas 以及 Animate 做個小專案,順便嘗試看看不同的分享方式,以及看看自己目前對 C...

2024-10-02 ‧ 由 HF 分享
DAY 19

從零開始學習 Jetpack Compose Day18 - 狀態管理

在第二天的內容中提到,宣告式 UI 需要將狀態與對應的 UI 元件綁定,當狀態變化時 UI 會自動更新。在 Jetpack Compose 中,這可以透過 re...

2024-10-03 ‧ 由 HF 分享
DAY 20

從零開始學習 Jetpack Compose Day19 - Compose 搭配 ViewModel

昨天我們提到狀態管理時介紹了 remember 和 mutableStateOf,但在實際開發中,情況往往更加複雜。比如說,專案採用的是 MVVM 架構,那麼如...

2024-10-04 ‧ 由 HF 分享