我看了一下官方文档,但是无奈我的理解能力不够好,跑了好多次还是看不见炫酷的动画效果,无奈只好去翻阅官方demo的源码,终于知道了怎么使用。
Touch Feedback(触摸反馈)
在XML文件中添加以下代码可以添加触摸反馈的动画效果(类似于涟漪的效果)
- ?android:attr/selectableItemBackground(有边界,可以使用在listview的item上)
-
?android:attr/selectableItemBackgroundBorderless(没有边界,或者直接看是看不到明显的边界,但是点击是有涟漪效果)
需要说明android:attr/selectableItemBackgroundBorderless是API 21新增加的**
Circular Reveal
这个主要是提供一个圆形的显示或者隐藏的动画效果,主要使用的api是[ViewAnimationUtils.createCircularReveal()](http://developer.android.com/reference/android/view/ViewAnimationUtils.html#createCircularReveal(android.view.View, int, int, float, float)
// previously invisible view
View myView = findViewById(R.id.my_view);
// get the center for the clipping circle
int cx = (myView.getLeft() + myView.getRight()) / 2;
int cy = (myView.getTop() + myView.getBottom()) / 2;
// get the final radius for the clipping circle
int finalRadius = Math.max(myView.getWidth(), myView.getHeight());
// create the animator for this view (the start radius is zero)
Animator anim =
ViewAnimationUtils.createCircularReveal(myView, cx, cy, 0, finalRadius);
// make the view visible and start the animation
myView.setVisibility(View.VISIBLE);
anim.start();
里面几个参数的意思分别为:
- myView 要展示动画效果的视图
- cx 动画开始的X坐标
- cy 动画开始的Y坐标
- startRadius 动画开始的角度
- finalRadius 动画结束的角度
Activity Transitions
关于这个我就�不多写了,博主大苞米对于这个写的十分详细,给大家附上链接自己看一下,我就�Activity之间的视图共享写一下,因为我在这个地方花了一些时间,所以记下来以备后面忘记。
首先需要在XML文件中你需要共享的View定义一个android:transitionName
<ImageView
android:id="@+id/bookPage"
android:layout_width="match_parent"
android:layout_height="400dp"
android:scaleType="centerCrop"
android:tint="@color/photo_tint"
android:transitionName="bookPage" />
然后可以定义动画效果:
1.可以在style文件中定义
<item name="android:windowContentTransitions">true</item>
<item name="android:windowEnterTransition">@transition/explode</item>
<item name="android:windowExitTransition">@transition/explode</item>
2.可以在java文件中定义
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
getWindow().setExitTransition(new Explode());
然后在使用Intent跳转的时候,加入ActivityOptions
Intent intent = new Intent(this, Activity2.class);
// shareView: 需要共享的视图
// bookPage就是刚刚 transitionName所写的值
ActivityOptions options = ActivityOptions
.makeSceneTransitionAnimation(this, shareView, "bookPage");
startActivity(intent, options.toBundle());
对于一次共享多个View的需要使用Pair.create(view,"shareName"),这里必须是View。
关于结束Activity时同样动画效果倒回可以使用Activity.finishAfterTransition()。
添加TranstionListener
同样你可以在进入动画时候添加动画监听器,这样你就可以在本页面加载更多的动画效果
getWindow().getEnterTransition().addListener(new TransitionAdapter() {
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
@Override
public void onTransitionEnd(Transition transition) {
ObjectAnimator color = ObjectAnimator.ofArgb(bookPage.getDrawable(), "tint",
getResources().getColor(R.color.photo_tint), 0);
color.start();
renewButton.animate().scaleX(1.0f);
renewButton.animate().scaleY(1.0f);
renewButton.animate().alpha(1.0f);
getWindow().getEnterTransition().removeListener(this);
}
});
关闭Activity时同样可以使用,需要重写onBackPressed()方法:
@Override
public void onBackPressed() {
super.onBackPressed();
if (Build.VERSION.SDK_INT == 21) {
ObjectAnimator color = ObjectAnimator.ofArgb(bookPage.getDrawable(), "tint",
0, getResources().getColor(R.color.photo_tint));
color.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
finishAfterTransition();
}
});
color.start();
renewButton.animate().scaleX(0.0f);
renewButton.animate().scaleY(0.0f);
renewButton.animate().alpha(0.0f);
finishAfterTransition();
}
}
网友评论