android转场动画详解,Android中的转场动画以及materialcomponentsandroid使用

本文主要是介绍转场动画的一些基本使用&＃xff0c;以及三方组件material-components-android 对于转场动画一些拓展&＃xff0c;转场动画本质上是谷歌在转场规范下的属性动画&＃xff0c;他提供了一些默认的转场动画效果&＃xff0c;当然你也可以自己手动对转场动画进行定制。相关的类在 package android.transition 下。如果你觉得阅读本篇文章麻烦可以移步Android官方Api。下面先介绍在Android官方api下如何使用转场动画。

1. TransitionManager

这个类主要提供了两种方式让用户去控制转场&＃xff0c;一种方式是对一个单独的View的可见状态&＃xff0c;大小做一个转场&＃xff0c;在通常的情况下我们可以对xml中的viewgroup设置android:animateLayoutChanges&＃61;"true",这个时候如果子view从不可见可见会有默认的转场动画效果。下面展示一个view从不可见到可见的一个转场效果。实现起来也比较简单&＃xff1a;

findViewById(R.id.tv_vis_click).setOnClickListener(newView.OnClickListener() {

&＃64;Overridepublic voidonClick(View v) {

TransitionManager.beginDelayedTransition(llAnimationRoot);

targetView.setVisibility(targetView.getVisibility()&＃61;&＃61; View.VISIBLE ?View.GONE:View.VISIBLE);

}

});

这样一个简单的可见到不可见的转场就完成了&＃xff0c;看看效果&＃xff0c;在默认的情况有个淡入淡出的效果。如果你需要自己定制这个转场的持续时beginDelayedTransition允许你自己定制transition&＃xff0c;这里不做过多拓展。

上面谈到了view的可见不可见转场&＃xff0c;除此之外我们还可以设置对于大小变换的转场&＃xff0c;实现代码也比较简单:

findViewById(R.id.tv_size_click).setOnClickListener(newView.OnClickListener() {

&＃64;Overridepublic voidonClick(View v) {

TransitionManager.beginDelayedTransition(llAnimationRoot);if (targetView.getVisibility() &＃61;&＃61;View.GONE){

targetView.setVisibility(View.VISIBLE);

}//changeSize

if (!isLarge){

changeSize(700);

isLarge&＃61; true;

}else{

changeSize(300);

isLarge&＃61; false;

}

}

});

我们来看看效果&＃xff1a;

合理有效的转场动画&＃xff0c;能极大的提升用户的体验&＃xff0c;你的app也不会再被人说成像H5一样僵硬了。TransitionManager还支持对场景的转换&＃xff0c;比如场景A中有个view在左上角&＃xff0c;场景B有个View在右上角&＃xff0c;从A->B之间的转换&＃xff0c;当然AB场景也不限于一个View。使用的时候需要注意&＃xff0c;场景过渡的View需要做到Id相同。以下是示例代码:

layout_scene1.xml

layout_scene2.xml

通过layout声明了两个场景&＃xff0c;当然你还可以通过自定义View方式声明&＃xff0c;这里不做过多介绍

final Scene scene1 &＃61; Scene.getSceneForLayout(llAnimationRoot, R.layout.layout_screen1, this);final Scene scene2 &＃61; Scene.getSceneForLayout(llAnimationRoot, R.layout.layout_screen2, this);

findViewById(R.id.tv_scree_click).setOnClickListener(newView.OnClickListener() {

&＃64;Overridepublic voidonClick(View v) {if(is2Scene2){

ChangeBounds changeBounds&＃61; newChangeBounds();

TransitionManager.go(scene1,changeBounds);

is2Scene2&＃61; false;

}else{

ChangeBounds changeBounds&＃61; newChangeBounds();

TransitionManager.go(scene2,changeBounds);

is2Scene2&＃61; true;

}

}

});

我们来看看效果:

如果你还想了解更多关于TransitionManager的使用和用法&＃xff0c;建议移步这里&＃xff0c;作者对TransitionManager进行了有效的自定义&＃xff0c;查看项目你能学到更多关于TransitionManager的知识。