Android---Jetpack Compose学习005

动画

1. 简单值动画

示例:背景颜色在紫色和绿色之间,以动画形式切换。使用 animateColorAsState() 

val backgroundColor by animateColorAsState(if (tabPage == TabPage.Home) Purple100 else Green300)

该句代码中,有一个 backgroundColor 属性来设置背景颜色的变化。在 animateColorAsState() 简单值动画中判断当前页面使用哪种颜色,然后切换页面时带动画效果。

2. 可见性动画

示例:当我们向上滚动 LazyList() 时,FloatingActionButton 收缩时会有明显的动画效果。使用 AnimatedVisibility() 动画显示此可见性变化。

3. 内容大小动画

示例;点击其中一个主题,可以看到它随着动画扩展和收缩。使用 animateContentSize() 当它的内容改变时,这个列的大小是动态的。


 

                

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-16 05:46:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-16 05:46:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-02-16 05:46:03       82 阅读
  4. Python语言-面向对象

    2024-02-16 05:46:03       91 阅读

热门阅读

  1. 单点登录(SSO,Single Sign-On)

    2024-02-16 05:46:03       53 阅读
  2. nextjs use client 和use server区别

    2024-02-16 05:46:03       51 阅读
  3. 作业2.12

    2024-02-16 05:46:03       52 阅读
  4. 设计模式概述

    2024-02-16 05:46:03       50 阅读
  5. (12)Hive调优——count distinct去重优化

    2024-02-16 05:46:03       52 阅读
  6. LeetCode115. Distinct Subsequences——动态规划

    2024-02-16 05:46:03       46 阅读
  7. 数据结构与算法--PTA第七章习题

    2024-02-16 05:46:03       51 阅读
  8. 回归预测模型:机器学习回归模型

    2024-02-16 05:46:03       45 阅读
  9. C++ for循环:求任意整数的因数

    2024-02-16 05:46:03       54 阅读
  10. 23种设计模式概述

    2024-02-16 05:46:03       51 阅读