shared element


步骤:

设置Window Content Transition属性

<style name="MaterialAnimations" parent="@style/Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="android:windowContentTransitions">true</item
    ...
</style>

设置相同的transition name

为了使共享元素动画生效,你需要给共享元素的两个View设置相同的 android:transitionName 属性值。不过他们的id和其他属性可以不同。


用共享元素来启动activity

使用 ActivityOptions.makeSceneTransitionAnimation()  方法指定要共享元素的View和 android:transitionName 属性的值


启动带有共享元素的Fragment

getFragmentManager().beginTransaction() .replace(R.id.content, fragmentB) .addSharedElement(blueView, getString(R.string.blue_name)) .commit();


注意:如果是图像,一定不要用 <shape>去画,而要用png,jpg,svg这样的,才可以有效果。




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用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、付费专栏及课程。

余额充值