iT邦幫忙

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

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

112/23 - 版面配置、主題設定和動畫 - 自訂版面配置與圖形

15th鐵人賽 android compose
261 瀏覽

  • 分享至 

  • xImage
    •  

今天學什麼？

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「自訂版面配置與圖形」

學習筆記

  1. Layout phase
    • 佈局階段
    • 元件大小和位置
  2. A Layout
    • 佈局
    • 快速定義 Compose 的 UI 元素
  3. Layout node
    • 佈局節點
    • UI 樹中的元件視覺化
  4. Layout composable
    • 佈局可組合項
    • Compose 的 UI 核心元件，在 UI 樹中建立並新增佈局節點
  5. layout() function
    • 函式
    • 佈局階段的第二個步驟
    • 把子佈局放入父佈局中
  6. layout() Modifier
    • 佈局修飾符
    • 包裝單一佈局的節點
    • 允許單獨調整大小和位置
  7. 延遲顯示的 UI 元件被稱為子佈局，就想成 RecyclerView 的 item，等需要使用時再載入和顯示
  8. 知道什麼時候使用子佈局很重要
  9. 使用子佈局：一個元件取決於另一個元件的測量結果
  10. 每次只測量一次子佈局
  11. 手動測量兩次子佈局，會造成異常

上一篇
112/22 - 版面配置、主題設定和動畫 - 建立元素動畫
下一篇
112/24 - 版面配置、主題設定和動畫 - 限制條件和修飾符順序
系列文
一天學一篇 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鐵人賽
iThome鐵人賽
參賽組數
388 組
團體組數
13 組
累計文章數
2720 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 17th鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙