iT邦幫忙

2023 iThome 鐵人賽

DAY 15
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 15

112/15 - 版面配置、主題設定和動畫 - Compose 版面配置和修飾符基礎知識

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「Compose 版面配置和修飾符基礎知識

學習筆記

  1. RowColumn都可以使用horizontalArrangementverticalAlignment來調整對齊位置,就想成 gravity
    //對齊中間上面
    Row(
        horizontalArrangement = Arrangemant.Center,
        verticalAlignment = Alignment.Top
    ) {
    
    }    
    
  2. 使用Modifier.fillMaxSize()來達成最大長寬
    modifier = Modifier.fillMaxSize()
    
  3. RowColumn內的子項想要跟他一樣大的話,可以使用matchParentSize()
    modifier = Modifier.matchParentSize()
    
  4. Modifier.weight(1F)可以設定比重
  5. 使用alpha來設定顏色透明度
    modifier = Modifier
        .background(color = Color.Red.copy(alpha = .7f))
    

上一篇
112/14 - Compose 基礎知識 - 實作遷移作業(下)
下一篇
112/16 - 版面配置、主題設定和動畫 - Material Design 系統
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言