iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

從零開始學習 Jetpack Compose 系列

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

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

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

從零開始學習 Jetpack Compose Day20 - Compose中使用傳統View

在 Compose 中,有些元件官方尚未提供或仍處於實驗階段,但我們可能仍然需要使用。為此,官方提供了一個名為 AndroidView 的 UI 元件,能夠幫助...

2024-10-05 ‧ 由 HF 分享
DAY 22

從零開始學習 Jetpack Compose Day21 - Compose Navigation

Compose Navigation 是用來在 Jetpack Compose 中處理多個畫面之間的切換。它提供了一個聲明式 API,允許我們定義各個畫面的路徑...

2024-10-06 ‧ 由 HF 分享
DAY 23

從零開始學習 Jetpack Compose Day22 - Compose Navigation(2)

昨天提到 NavHost 負責定義所有可導航的畫面,NavController 則負責管理應用中的導航行為。除了單純的畫面跳轉外,Compose Navigat...

2024-10-07 ‧ 由 HF 分享
DAY 24

從零開始學習 Jetpack Compose Day23 - 專案實作(1)畫面建置

今天開始將使用 Jetpack Compose 實作一個簡單的專案,目標是製作一個訂閱紀錄應用程式。此應用程式的介面預計包含兩個主要頁面:一個是顯示所有訂閱項目...

2024-10-08 ‧ 由 HF 分享
DAY 25

從零開始學習 Jetpack Compose Day24 - 專案實作(2)詳細頁畫面建置

今天主要建立詳細頁畫面,以及navigation補上傳遞參數。 主畫面 首先我將主畫面抽離到另一個檔案中比較好閱讀,並在 floatingActionButto...

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

從零開始學習 Jetpack Compose Day25 - 專案實作(3)主畫面 ViewModel 建立

今天主要會建立主畫面的 ViewModel 以及建立 Mock 的資料來源。 在 Day20 有提到說要在 Compose 裡面使用 ViewModel 首先要...

2024-10-10 ‧ 由 HF 分享
DAY 27

從零開始學習 Jetpack Compose Day26 - 詳細頁ViewModel建立

今天會建立詳細頁的 ViewModel 。 畫面狀態建立 這邊我們會定義畫面的幾個狀態,根據不同狀態來顯示不同畫面。 Empty:表示初始狀態Create :表...

2024-10-11 ‧ 由 HF 分享
DAY 28

從零開始學習 Jetpack Compose Day27 - 專案實作(5)Room建立

今天主要會建立Room來做資料串接。 Room Room 是 Android 的資料庫 Library,為 SQLite 提供抽象層,讓開發者更輕鬆、安全地使用...

2024-10-12 ‧ 由 HF 分享
DAY 29

從零開始學習 Jetpack Compose Day28 - Compose UI Test

Compose UI Test 是 Jetpack Compose 提供的測試框架,用來驗證 UI 元件的行為。例如檢查元件的顯示、互動(如點擊按鈕)、狀態變化...

2024-10-13 ‧ 由 HF 分享
DAY 30

從零開始學習 Jetpack Compose Day29 - 參賽感想

終於到了第三十篇,今天來回顧了一下第一天的內容,看看是否有達成。 作為一名 Android 工程師,坦白說,我從 Compose 問世到現在都還沒使用過,反而先...

2024-10-14 ‧ 由 HF 分享