SharedElement

一、共享元素简单使用(Activity -> Activity)

1、在第一个Activity的控件中添加属性:
android:transitionName="0_image"

添加的方式还有:

ViewCompat.setTransitionName(imageView,"0_image");
imageView.setTransitionName("0_image");
2、在第二个Activity的控件中添加相同的属性;
android:transitionName="0_image"
3、使用startActivity()跳转:
startActivity(intent,   ActivityOptions.makeSceneTransitionAnimation(
                                            MainActivity.this,//上下文
                                            imageView,//使用共享元素的控件
                                            "0_image"//设置的transitionName
                                      ).toBundle()
                     );

二、多个控件同时添加共享元素(Activity->Activity)

场景:点击RecyclerView中任意一个图片可以放大,图片放大之后可以左右切换,返回之后回到对应图片上。
1、在第一个Activity的Adapter的ImageView中添加:
holder.getImageView().setTransitionName(position + "_image");
//并记录下:
Pair[] sharedElements = new Pair[mData.size()];
sharedElements[position] =Pair.create( holder.getImageView(),position+"_image");
2、在第二个Activity中添加:
 viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
                    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
                    @Override
                    public void onPageSelected(int i) {
                        viewPager.setTransitionName(i+"_image");
                    }
                });
3、使用startActivity()跳转:
startActivity(
         intent,
         ActivityOptions.makeSceneTransitionAnimation(
            context,
            sharedElements
         ).toBundle()
);

未完待续…

使用Shared Element Transition可以使Activity之间的跳转更加平滑,减少闪屏的出现。具体实现步骤如下: 1. 在需要进行共享元素过渡的两个Activity中,使用`android:transitionName`属性为共享元素命名。例如: ```xml <ImageView android:id="@+id/imageView" android:transitionName="image_transition" ... /> ``` 2. 在跳转到另一个Activity时,使用`ActivityOptionsCompat.makeSceneTransitionAnimation()`方法创建`ActivityOptionsCompat`对象,并将共享元素的View和对应的transitionName作为参数传入。例如: ```java ImageView imageView = findViewById(R.id.imageView); Intent intent = new Intent(this, AnotherActivity.class); ActivityOptionsCompat options = ActivityOptionsCompat .makeSceneTransitionAnimation(this, imageView, "image_transition"); startActivity(intent, options.toBundle()); ``` 3. 在另一个Activity中,使用`getWindow().setSharedElementEnterTransition()`方法和`getWindow().setSharedElementExitTransition()`方法分别设置进入和退出的共享元素过渡动画。例如: ```java getWindow().setSharedElementEnterTransition(new ChangeImageTransform()); getWindow().setSharedElementExitTransition(new ChangeImageTransform()); ``` 在上述代码中,`ChangeImageTransform`是一个系统自带的过渡动画类,表示在共享元素过渡时使用图片变换的动画效果。 4. 在另一个Activity的布局文件中,使用`android:transitionName`属性指定共享元素的名称,并使用`android:fitsSystemWindows="true"`属性确保过渡效果正确显示。例如: ```xml <ImageView android:id="@+id/imageView" android:transitionName="image_transition" android:fitsSystemWindows="true" ... /> ``` 这样,就可以使用Shared Element Transition实现Activity之间的平滑过渡,减少闪屏的出现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值