android动画之TransitionManager

TransitionManager用于Scene场景之间的过渡

Scene储存着一个根View下的各个View的属性，例如下图就是一个场景



场景过渡有两个触发方式 

go() 和 beginDelayedTransition()

常见的过渡效果有

Fade Slide Explode ChangeBounds



go()

使用该方法是进行两个布局之间的切换，提前设置好两个布局，然后进行切换。

如下图是主视图，在Framelayout中插入要进行切换的布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.m.oftransitionmanager.MainActivity"
android:orientation="vertical">
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/root">
<include layout="@layout/demo1"/>
</FrameLayout>
</LinearLayout>

下面是两个切换的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="300dp"
android:id="@+id/root">
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="300dp"
android:id="@+id/root">

<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>

然后就要写代码了

Scene scene1;
Scene scene2;
boolean demo1=true;
@TargetApi(Build.VERSION_CODES.KITKAT)
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button=findViewById(R.id.btn);
ViewGroup group=findViewById(R.id.root);
scene1=Scene.getSceneForLayout(group,R.layout.demo1,this);
scene2=Scene.getSceneForLayout(group,R.layout.demo2,this);
button.setOnClickListener(new View.OnClickListener() {
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
@Override
public void onClick(View v) {
TransitionManager.go(demo1?scene2:scene1,new ChangeBounds());
demo1=!demo1;
}
});

}

首先需要通过

Scene.getSceneForLayout(group,R.layout.demo1,this);

获得场景，第一个参数ViewGroup是布局的根View

然后通过

TransitionManager.go();

进行场景切换

效果图:



该方法第一个参数是要跳转至的场景

第二个参数是切换效果，也可以通过xml文件进行设置

Transition set= TransitionInflater.from(v.getContext()).inflateTransition(R.transition.demo_transition);
TransitionManager.go(demo1?scene2:scene1,set);

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android">

<slide
android:slideEdge="top"
android:duration="2000"
android:interpolator="@android:interpolator/fast_out_slow_in"
tools:targetApi="lollipop" />

</transitionSet>

 beginDelayedTransition()
通过go()切换场景需要创建布局，不免还是有些繁琐，所以还有一个更简单的方法beginDelayedTransition()

该方法可以在原布局不变的情况下，通过修改View的属性来进行场景过渡

public class DelayedActivity extends AppCompatActivity {
ImageView imageView;
boolean inite=true;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_delayed);
imageView=findViewById(R.id.delayed_img);
ViewGroup.LayoutParams params= imageView.getLayoutParams();
params.height=100;
params.width=100;
imageView.setLayoutParams(params);
imageView.setOnClickListener(new View.OnClickListener() {
@RequiresApi(api = Build.VERSION_CODES.KITKAT)
@Override
public void onClick(View v) {
ViewGroup viewGroup=(ViewGroup) findViewById(android.R.id.content);
TransitionManager.beginDelayedTransition(viewGroup,new ChangeBounds());
ViewGroup.LayoutParams params= imageView.getLayoutParams();
if (inite){
params.height=400;
params.width=400;
}else {
params.height=100;
params.width=100;
}
inite=!inite;
imageView.setLayoutParams(params);
}
});
}
}

值得注意的是，我们可以通过

findViewById(android.R.id.content)

获取一个activity的根View，具体参考
https://stackoverflow.com/questions/4486034/get-root-view-from-current-activity