今天學什麼？

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「讓應用程式脫穎而出的 5 個快速動畫」

學習筆記

1. 如果一個 Compose UI 是很常在顯示和隱藏中切換，那麼可以使用AnimatedVisibility來自動增加動畫

   AnimatedVisibility(showDrtails) {
       Text(
           message.timestamp
       )
   }
   

2. 如果是修改 Size 大小，可以在modifier中增加animateContentSize

   Text(
       modifier = Modifier
           .animateContentSize()
   )    
   

3. animateContentSize還能增加動畫樣式

   Text(
       modifier = Modifier
           .animateContentSize(animationSpec = spring(
                   dampingRatio = Spring.DampingRatioLowBouncy,
                   stiffness = Spring.StiffnessLow
               )
           )
   )    
   

4. 切換頁面能用AnimatedContent
5. 進度條動畫可以用animateFloatAsState

   val progress by animateFloatAsState(
       targetValue = ...
   )
   

6. 漸層動畫可以用drawBehind

   Image(
       modifier = Modifier.drawBehind {
           drawCircle {
               rotate (rotationAnimation.value) {
                   drawCircle (...)
               }
           }
       }
   )