iT邦幫忙

2023 iThome 鐵人賽
DAY 25
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 25 篇

112/25 - 架構與狀態 - Compose 階段

15th鐵人賽 android compose
149 瀏覽

  • 分享至 

  • xImage
    •  

今天學什麼？

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第三章「架構與狀態」的「Compose 階段)」

學習筆記

  1. Compose 將程式轉成畫面的三個階段
    • 構圖（What）
    • 佈局（Where）
    • 繪圖（How）
  2. 執行過程
    1. 執行可組合函數
    2. 輸出由佈局節點組成的 UI 樹
    3. 測量和放置子元素
    4. 依照每個節點，在螢幕上繪製像素
  3. Compose 使用二元樹反轉來畫圖
    1. 用最後的節點決定上一個節點的大小
  4. 先建立大小模板，再把圖案繪製上去
  5. 每個節點只被訪問一次
  6. 最好將修飾符（Modifier） 視為唯一或者是佈局節點

上一篇
112/24 - 版面配置、主題設定和動畫 - 限制條件和修飾符順序
下一篇
112/26 - 架構與狀態 - 建構 Compose UI
系列文
一天學一篇 Google Codelabs 共 30 篇
  1. 26
    112/26 - 架構與狀態 - 建構 Compose UI
  2. 27
    112/27 - 架構與狀態 - Compose 狀態思維
  3. 28
    112/28 - 架構與狀態 - 提升狀態的位置、進階狀態和連帶效果
  4. 29
    112/29 - 架構與狀態 - Navigation 最佳做法、Navigation
  5. 30
    112/30 - 架構與狀態 - 狀態容器與狀態產生方式
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙