iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

從零開始學習 Jetpack Compose 系列

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

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

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

從零開始學習 Jetpack Compose Day0 - 前言

前言 第一次參加鐵人賽,原本打算第一天就直接開始介紹Compose,但看了一下其他前輩們都是從前言想必是有很重要的理由。因此,決定參考前輩們的做法,從前言開始說...

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

從零開始學習 Jetpack Compose Day1 - Compose簡介

什麼是Jetpack Compose Jetpack Compose為目前Android 推薦使用的UI Framework,與傳統的XML不同,Compose...

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

從零開始學習 Jetpack Compose Day2 - Compose Hello World

今天會來建立一個基本的ComposeUI專案,並且介紹Android Studio中的功能。 建立專案 建立新專案,選擇Empty Activity 建立完成後...

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

從零開始學習 Jetpack Compose Day3 - Modifier

Modifier 根據官方文件說明修飾符可以做這些事: 可調整Composable的大小、佈局、行為和外觀 新增訊息,例如輔助使用標籤 處理使用者輸入 新增進...

2024-09-18 ‧ 由 HF 分享
DAY 5

從零開始學習 Jetpack Compose Day4 - Text

Text 負責顯示文字。根據官方說明他是繼承於BasicText,兩者的差別在於說BasicText並沒有主題,而Text是有使用Material 的主題。 基...

2024-09-19 ‧ 由 HF 分享
DAY 6

從零開始學習 Jetpack Compose Day5 - TextField

TextEdit 負責讓使用者輸入,繼承於BasicTextField,跟Text一樣是有使用Material 的主題,如果不要的話就是使用BasicTextF...

2024-09-20 ‧ 由 HF 分享
DAY 7

從零開始學習 Jetpack Compose Day6 - Button

Button 一個與使用者進行互動的組件,透過定義按鈕的顯示與點擊事件(onClick)。可以輕鬆自定義按鈕的外觀和行為,例如調整大小、形狀、顏色,以及點擊時的...

2024-09-21 ‧ 由 HF 分享
DAY 8

從零開始學習 Jetpack Compose Day7 - Image

Image 在畫面上顯示圖片的元件,但需要先把要顯示的圖檔放在專案資料夾的resources裡面,如果要使用網路圖片就必須使用第三方套件,如:Glide、Coi...

2024-09-22 ‧ 由 HF 分享
DAY 9

從零開始學習 Jetpack Compose Day8 - Column、Row與Box

在 Jetpack Compose 中,Column、Row 和 Box 是三個常用的排版元件。用來設定子元件的排列方式。 Column Column 會將子元...

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

從零開始學習 Jetpack Compose Day9 - ConstrainLayout

ConstrainLayout Jetpack Compose 的 ConstrainLayout跟傳統 Android 中的 ConstraintLayout...

2024-09-24 ‧ 由 HF 分享