我有一个传递共享元素动画的活动。这是一个基本的 ImageView 转换,工作得很好。
现在,对于活动中的其他元素,我想要一个淡入淡出动画。现在,这适用于所有元素,但与 ImageView(共享视图)位于同一视图组中的视图除外。
我的布局如下。 ImageView 位于 CollapsingToolbarLayout 和 AppBarLayout 内,我在 oncreate 中设置了淡入淡出过渡,如下所示:
getWindow().requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS);
super.onCreate(savedInstanceState);
Fade fade = new Fade(Fade.IN);
fade.setDuration(4000);
getWindow().setEnterTransition(fade);
setContentView(R.layout.article_details);
Layout:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/article_details_collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="200dp"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="10dp"
app:expandedTitleMarginStart="10dp"
app:expandedTitleTextAppearance="@style/title_text_appearence"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/article_details_image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
android:transitionName="imageTrans"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.6"
/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:theme="@style/AppTheme.ToolBar"
android:background="#0000"
app:layout_collapseMode="pin"
/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:transitionGroup="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<WebView
android:id="@+id/article_details_webview"
android:layout_margin="20dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.FloatingActionButton
app:fabSize="mini"
app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom|right|end"
android:src="@drawable/star_white"
android:layout_marginRight="16dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
所以,总结一下。嵌套滚动布局及其 Web 视图按照设置淡入,但 AppBarLayout 中的其他视图则不然。 AppBarLayout 中的 ImageView 的行为与共享元素应有的行为相同(从传递的 Activity 移至适当位置)。此外,只有一半的 FloatingActionButton 淡入,其余部分在 4 秒淡入之后弹出。
编辑:我实际上遇到了和这个人同样的问题:android 中共享元素之上的内容转换 https://stackoverflow.com/questions/31400132/content-transitions-on-top-of-shared-elements-in-android
我找到了解决这个“问题”的方法。问题是这是有意的行为。您可以通过调用禁用重叠
getWindow().setSharedElementsUseOverlay(false);`
但这往往会产生伪影。不管怎样,我最终都这样做了,并删除了我的活动的背景,并使用透明的主题:
<style name="Theme.Transparent" parent="@style/AppTheme">
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowBackground">@android:color/transparent</item>
</style>
由于我的目标是淡入 CollapsingToolbarLayout 中的文本,因此我无法实现此目的,因为 ImageView 是布局的子级。我最终做的是添加另一个 ImageView,其图像与 Activity 之间动画的图像相同,并在 Activity 共享元素转换完成后将其与 CollapsingToolbarLayout 一起淡入。由于共享元素图像已经就位,因此新的 ImageView 不会对 UI 产生任何影响。该解决方案当然不是最优的,但对于我的问题来说是唯一的解决方案 - 考虑到 API 的行为方式。退出 Activity 时,我只需隐藏替换 ImageView,用户就会看到共享元素图像转换到父 Activity 中的位置。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)