iT邦幫忙

2023 iThome 鐵人賽

DAY 21
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 21

112/21 - 版面配置、主題設定和動畫 - Compose 繪圖功能簡介

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「Compose 繪圖功能簡介

學習筆記

  1. 使用drawBehind來畫圖
    Spacer(modifier = Modifier
           .fillMaxSize()
           .drawBehind{
               drawCircle(Color.Magenta)
           })
    
  2. 也可以用Canvas
    Canvas( modifier = Modifier.fillMaxSizw(),
           onDraw = {
    
           })
    
  3. 三種畫圖方式
    • Modifier.drawBehind
    • Modifier.drawWithContent
    • Modifier.drawWithCache
  4. drawCircle內可以用center來畫偏移量
    Spacer(modifier = Modifier.fillMaxSize(),
           onDraw = {
               drawCircle(
                   Color.Magenta,
                   center = Offset(
                       20.dp.toPx(),
                       100.dp.toPx()
                   ),
                   radius = 60.dp.toPx()
               )
           }          
    

上一篇
112/20 - 版面配置、主題設定和動畫 - 讓應用程式脫穎而出的 5 個快速動畫
下一篇
112/22 - 版面配置、主題設定和動畫 - 建立元素動畫
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言