Meterial Design 的activity转场效果

MD设计对activity的跳转动画也有专门的senceTransition效果,简单效果图如下:
这里写图片描述

主要代码如下:

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
  //activity转场动画要求是5.0以上才有这个效果        getWindow().requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS);
   }
//在mainActivity中的imageview布局文件,记得要添加transitionname属性,同时在targetActivity中的布局文件也要添加这个属性,名字可以不一样的
 <ImageView
            android:id="@+id/iv_sharedElement"
            android:transitionName="image"
            android:layout_marginTop="10dp"
            android:src="@drawable/timg"
            android:layout_width="match_parent"
            android:layout_height="300dp" />
//targetActivity中的返回事件代码
findViewById(R.id.backActivity).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                    finishAfterTransition();
                }else{
                    finish();
                }
            }
        });

=================分割线======================
上面只是分享一个元素,下面是多个元素分享,看效果图,注意图片和按钮的运动轨迹。
这里写图片描述

 //和上面的代码没多大差别
 Pair<View, String> pair1 = new Pair<>((View) btnNext,"button");
                Pair<View,String> pair2=Pair.create((View) shareElement,"image");
                ActivityOptionsCompat image = makeSceneTransitionAnimation(MainActivity.this,pair1,pair2);
                Intent intent = new Intent(MainActivity.this, SecondActivity.class);
                startActivity(intent, image.toBundle());

=================分割线======================
还有一张window窗口的动画,这种动画会将toolbar和状态栏一起动起来,见下面效果图,原生模拟器还好是有点卡
这里写图片描述

注意里面有activity的跳转以及最后退出的动画效果,整个窗口一起往下slide,代码如下:

   //系统自带有三种动画,slide、Explode、Fade,自己可以随便组合定义
    Slide tran=new Slide();
   //Explode tran=new Explode();
    getWindow().setExitTransition(tran);
   getWindow().setEnterTransition(tran);

总结:上面的代码两个activity都要写。
ActivityOptionsCompat和ActivityOptions两个的区别是,前者兼容低版本,这里的兼容是在里面 做了很多的版本判断,但效果却不能兼容21一下

最后将窗口动画和ActivityOptions结合一下,
可以自己调节动画类型和动画的时间来调整更酷炫的效果

//MainActivity的代码如下:
   Slide slide = new Slide();
  //Explode tran=new Explode();
  slide.setDuration(2000);
  Explode explode=new Explode();
  explode.setDuration(2000);
  getWindow().setExitTransition(explode);
 getWindow().setEnterTransition(slide);
  ActivityOptionsCompat image = makeSceneTransitionAnimation(MainActivity.this);
  Intent intent = new Intent(MainActivity.this, SecondActivity.class);
                startActivity(intent,image.toBundle());

//SecondActivity的代码
  Slide slide=new Slide();
 slide.setDuration(2000);
  Explode explode=new Explode();
  explode.setDuration(2000);
  getWindow().setExitTransition(slide);
 getWindow().setEnterTransition(explode);
 finishAfterTransition();

效果图如下:
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值