iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 2

112/02 - Compose 基礎知識 - Compose 的程式設計概念

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第一章「Compose 基礎知識」的「Compose 的程式設計概念

學習筆記

  1. Compose 是聲明式 UI 框架
  2. 描述 UI(O)、建構UI(X)
  3. XML 做法
    1. 建立 Layout
    2. 建立 View
    3. 建立 findViewById
    4. 使用getset修改每個 View
  4. Compose 做法
    1. 使用RowColumn
    2. RowColumn內使用 View 的元素
  5. Compose 中,UI 是函數而不是對象,所以無法直接改變,而且用傳入的狀態或參數控制
  6. 提供 UI 執行所需要的狀態來聲明 UI 應該是什麼樣子
  7. 不跟 UI 說他如何呈現什麼樣子
  8. 狀態改變時重新建立 UI 的過程被稱為「重組」
  9. Compose 的思考流程
    1. 講述希望 UI 包含什麼內容
    2. 使用 Kotlin 函數來表示 UI 元素
    3. 傳入狀態控制 UI
    4. 使用事件(Events)更新 UI 狀態

上一篇
112/01 - Compose 基礎知識 - 入門教學課程
下一篇
112/03 - Compose 基礎知識 - 可組合函式
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言