Android中的转场动画以及material-components-android 使用
本文主要是介绍转场动画的一些基本使用,以及三方组件material-components-android 对于转场动画一些拓展,转场动画本质上是谷歌在转场规范下的属性动画,他提供了一些默认的转场动画效果,当然你也可以自己手动对转场动画进行定制。相关的类在 package android.transition 下。如果你觉得阅读本篇文章麻烦可以移步Android官方Api。下面先介绍在Android官方api下如何使用转场动画。
1. TransitionManager
这个类主要提供了两种方式让用户去控制转场,一种方式是对一个单独的View的可见状态,大小做一个转场,在通常的情况下我们可以对xml中的viewgroup设置android:animateLayoutChanges="true",这个时候如果子view从不可见<->可见会有默认的转场动画效果。下面展示一个view从不可见到可见的一个转场效果。实现起来也比较简单:
findViewById(R.id.tv_vis_click).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { TransitionManager.beginDelayedTransition(llAnimationRoot); targetView.setVisibility(targetView.getVisibility() == View.VISIBLE ? View.GONE:View.VISIBLE); } });
这样一个简单的可见到不可见的转场就完成了,看看效果,在默认的情况有个淡入淡出的效果。如果你需要自己定制这个转场的持续时beginDelayedTransition允许你自己定制transition,这里不做过多拓展。
上面谈到了view的可见不可见转场,除此之外我们还可以设置对于大小变换的转场,实现代码也比较简单:
findViewById(R.id.tv_size_click).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { TransitionManager.beginDelayedTransition(llAnimationRoot); if (targetView.getVisibility() == View.GONE){ targetView.setVisibility(View.VISIBLE); } //changeSize if (!isLarge){ changeSize(700); isLarge = true; }else { changeSize(300); isLarge = false; } } });
我们来看看效果:
合理有效的转场动画,能极大的提升用户的体验,你的app也不会再被人说成像H5一样僵硬了。TransitionManager还支持对场景的转换,比如场景A中有个view在左上角,场景B有个View在右上角,从A->B之间的转换,当然AB场景也不限于一个View。使用的时候需要注意,场景过渡的View需要做到Id相同。以下是示例代码:
layout_scene1.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/tv_share" android:layout_gravity="bottom" android:layout_width="wrap_content" android:background="@color/colorAccent" android:layout_height="wrap_content" android:text="转场Exampe" android:textColor="#FFFFFF" android:padding="20dp" /> </LinearLayout>
layout_scene2.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/tv_share" android:layout_width="wrap_content" android:background="@color/colorAccent" android:layout_height="wrap_content" android:text="转场Exampe" android:textColor="#FFFFFF" android:padding="20dp" /> </LinearLayout>
通过layout声明了两个场景,当然你还可以通过自定义View方式声明,这里不做过多介绍
final Scene scene1 = Scene.getSceneForLayout(llAnimationRoot, R.layout.layout_screen1, this); final Scene scene2 = Scene.getSceneForLayout(llAnimationRoot, R.layout.layout_screen2, this); findViewById(R.id.tv_scree_click).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (is2Scene2){ ChangeBounds changeBounds = new ChangeBounds(); TransitionManager.go(scene1,changeBounds); is2Scene2 = false; }else { ChangeBounds changeBounds = new ChangeBounds(); TransitionManager.go(scene2,changeBounds); is2Scene2 = true; } } });
我们来看看效果:
如果你还想了解更多关于TransitionManager的使用和用法,建议移步这里,作者对TransitionManager进行了有效的自定义,查看项目你能学到更多关于TransitionManager的知识。
原文地址:https://www.cnblogs.com/lovelyYakir/p/12889220.html
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 【Rust日报】2020-09-06 Evil_DLL 用来测试注入方法的DLL
- 【Rust日报】2020-09-05 微软在c++静态分析工具实现了一些rust的安全规则
- 一起来玩玩WebGL
- 自研网关:多项目的swagger聚合功能
- Prometheus 如何做到“活学活用”,大牛总结的避坑指南
- 文档驱动 —— 表单组件(一):表单元素组件 优点缺点选择文本类的Inputcheck 多选value的类型问题
- Vue3.0源码结构分析
- 【每周一库】- cached - 缓存结构型、辅助函数记忆化
- meta生成器 —— 表单元素组件 meta表单代码meta的模板data变幻
- 不用写代码也能做表单 —— 加载meta即可 菜单表单加载json运行效果。ModelAbout
- 从0到1,手把手教你入门 etcd
- 数据结构:手把手带你了解 ”图“ 所有知识!(含DFS、BFS)
- 设计模式之单例模式
- AndroidStudio创建JNI 工程与调用
- Java 版植物大战僵尸思路和源码分享!