android 5.x转场动画Transition

android 5.x 提供了3中过渡动画:

  • 进入:一个进入的过渡(动画)决定activity中的所有的视图怎么进入屏幕
  • 退出:一个退出的过渡(动画)决定一个activity中的所有视图怎么退出屏幕。
  • 共享元素:一个共享元素过渡(动画)决定两个activities之间的过渡,怎么共享(它们)的视图

有以下进入和退出的过渡动画:

  • explode(分解)—— 进入/退出从屏幕中间移动视图;
  • slide(滑动)——进入/退出从屏幕边沿石洞视图;
  • fade(淡出)——通过改变屏幕上视图的不透明度达到进入/退出视图的效果

在以上动画基础上还可以添加共享元素过渡,共享元素的效果,是基于分解动画基础上进行的,共享元素过渡是共享2个activity中共同的元素,在页面切换过程中,共享元素仿佛独立于2个activity页面,

  • changeBounds——改变目标视图的布局界面;
  • changeClipBounds——裁剪目标视图边界;
  • changeTransform——改变目标视图的缩放比例和旋转角度;
  • changeImageTransform——改变目标图片的大小和缩放比例

使用:

</pre><pre name="code" class="java">1.// 允许使用transitions,需要放在setContentView之前  
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS); 

或者使用

<item name="android:windowContentTransitions">true</item> 


2.进入动画
getWindow().setEnterTransition(new Explode());
getWindow().setEnterTransition(new Slide());
getWindow().setEnterTransition(new Fade());


退出动画

getWindow().setExitTransition(new Explode());
getWindow().setExitTransition(new Slide());
getWindow().setExitTransition(new Fade());

3. activity跳转启动动画效果:

startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this).toBundle());

4. 设置共享元素动画:

  • 使用android:transitionName属性给两个布局中的共享元素指定一个相同的名字(名字一定是相同的)
<ImageView
        android:id="@+id/iv_shared_img"
        android:layout_width="10dp"
        android:layout_height="10dp"
        android:scaleType="centerInside"
        android:src="@drawable/sun"
        android:padding="10dp"
        android:transitionName="sun"
        android:layout_margin="10dp"
        android:textSize="15sp"/>


    <ImageView
        android:transitionName="sheep"
        android:id="@+id/iv_sheep_img"
        android:layout_width="10dp"
        android:layout_height="10dp"
        android:scaleType="centerInside"
        android:src="@drawable/sheep"
        android:padding="10dp"
        android:layout_margin="10dp"
        android:textSize="15sp"/>

activity 2中的定义的共享元素

<ImageView
        android:id="@+id/iv_shared_img"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentRight="true"
        android:layout_gravity="right"
        android:layout_margin="10dp"
        android:layout_marginRight="20dp"
        android:padding="10dp"
        android:scaleType="centerInside"
        android:src="@drawable/sun"
        android:textSize="15sp"
        android:transitionName="sun"/>


    <ImageView
        android:id="@+id/iv_sheep_img"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="10dp"
        android:layout_marginBottom="40dp"
        android:layout_marginRight="40dp"
        android:padding="10dp"
        android:scaleType="centerInside"
        android:src="@drawable/sheep"
        android:textSize="15sp"
        android:transitionName="sheep"/>
</pre><pre name="code" class="html">

  • 使用ActivityOptions.makeSceneTransitionAnimation() 方法启动共享动画

5..如果只有一个共享的元素

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(mAty, Pair.create((View)
                                mIv_sun_img,
                        "sun")).toBundle());
Pair.create(View,String)中第一个参数是共享元素的View对象,第二个参数是绑定的的android:transitionName属性值。

如果是多个元素

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(mAty, Pair.create((View)
                        mIv_sun_img, "sun"),Pair.create(mv_sheep,"sheep")).toBundle());

文章转载 ..


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值