iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 24

112/24 - 版面配置、主題設定和動畫 - 限制條件和修飾符順序

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「限制條件和修飾符順序

學習筆記

  1. 如果同時設定fillMaxSizesize,那麼fillMaxSize會被啟用
    Modifier
        .fillMaxSize()
        .size(50.dp)
    
  2. 當父節點要測量子節點時,約束會從 UI 樹中的父節點傳遞到子節點
  3. 一般情況子節點的大小不會超過父節點,例如父節點是 200 X 200 dp,子節點設定 500 X 500 dp,那就子節點大小就是 200 X 200 dp
  4. 如果子節點想要突破父節點的大小,可以使用requiredSize覆寫父節點的大小
  5. 可以使用sizeln來設定 min 和 max
    sizeln(
        minWidth = 100,
        maxWidth = 200,
        minHeight = 50,
        maxHeight =100
    )
    
  6. wrapContentSize會重製最小約束,以下的例子,原本fillMaxSize會被啟用,但加了wrapContentSizesize(50.dp)就會被啟用
    Modifier
        .fillMaxSize()
        .wrapContentSize
        .size(50.dp)
    

上一篇
112/23 - 版面配置、主題設定和動畫 - 自訂版面配置與圖形
下一篇
112/25 - 架構與狀態 - Compose 階段
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言