Jetpack Compose 教學上課講義【從零開始學 Jetpack Compose 程式設計】Box 堆疊佈局方式

 

【從零開始學 Jetpack Compose 程式設計】

線上教學課程目錄: https://bit.ly/3JF4SFA
Youtube 課程播放清單：https://bit.ly/3tFjRbx
Udemy 線上課程：https://bit.ly/3MbVnhO

Compose layout basics

https://developer.android.com/jetpack/compose/layouts/basics

訊息未讀讀片

https://www.google.com/search?q=訊息未讀&sxsrf=APq-WBtN64iKrJ7t8M__m3OpYJvcEzdsIw:1648264316319&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiUwMeI5-L2AhWPGqYKHYfGB0kQ_AUoAnoECAEQBA&biw=1600&bih=764&dpr=1

Box 堆疊佈局方式範例

Box(
      contentAlignment = Alignment.Center,
      modifier = Modifier
          .fillMaxHeight()
          .fillMaxWidth()
  ) {
      Box(
          modifier = Modifier
              .size(100.dp)
              .background(Color.Green)
      )
      Box(
          modifier = Modifier
              .padding(start = 100.dp, bottom = 100.dp)
              .size(60.dp)
              .background(Color.Red)
      )
  }