【问题标题】:Shared Element Transition Android not working共享元素转换 Android 不工作
【发布时间】:2016-12-07 11:24:19
【问题描述】:

我有一个回收者的观点。在 recyclerview 项目的 onclick 内,我应用了共享元素转换。 这是回收站视图适配器:

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    final View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.dashboard_location_item, parent, false);
    //final TextView locationName = (TextView)view.findViewById(R.id.locationName);
    //String transitionName = locationName.getTransitionName();
   // locationName.setTransitionName("testing");
    final ViewHolder vh = new ViewHolder(view);

    view.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            int pos = vh.getAdapterPosition();
            if( pos != RecyclerView.NO_POSITION) {

                final String cityName = mItems[pos];
                Log.d(TAG,"city name : " + cityName);
                Intent intent = new Intent(mCtx, DashboardDetailPageActivity.class);

                // Get the transition name from the string
                TextView locationName = (TextView)view.findViewById(R.id.locationName);
                String transitionName = locationName.getTransitionName();

                ActivityOptionsCompat options =

                        ActivityOptionsCompat.makeSceneTransitionAnimation((Activity) mCtx,
                                locationName,   // Starting view
                                transitionName    // The String
                        );
                //Start the Intent
                mCtx.startActivity(intent, options.toBundle());
                //transitionToActivity(DashboardDetailPageActivity.class, vh, cityName, view);
            }
        }
    });



    return vh;
}

这是我的卡片视图布局:

<?xml version="1.0" encoding="utf-8"?>

<ImageView
    android:id="@+id/locationIcon"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    />
<TextView
    android:id="@+id/locationName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/location"
    android:textColor="@color/white"
    android:layout_gravity="center"
    android:textSize="@dimen/textsize_18"
    android:transitionName="@string/title"
    android:textAllCaps="true"
    android:gravity="center"/>

这是我最终的 Activity 布局:

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/navigationDrwaerSerachLayout"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dash_toolbar_height"
            android:background="@drawable/city_image"
            app:elevation="0dp">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="@dimen/toolbar_height2"
                android:minHeight="@dimen/toolbar_height2"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:layout_scrollFlags="scroll|enterAlways|snap"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <ImageView
                    android:id="@+id/cityIcon"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:transitionName="testing" />

                <TextView
                    android:id="@+id/cityNameTextView"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="@string/location"
                    android:textAllCaps="true"
                    android:textColor="@color/white"
                    android:textSize="@dimen/textsize_18"
                    android:transitionName="@string/title" />
            </FrameLayout>
        </android.support.design.widget.AppBarLayout>


        <FrameLayout
            android:id="@+id/sample2_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/navigationDrwaerSerachLayout">


        </FrameLayout>

    </RelativeLayout>

    <com.lapism.searchview.SearchView
        android:id="@+id/searchView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="com.lapism.searchview.SearchBehavior" />


</android.support.design.widget.CoordinatorLayout>

<include layout="@layout/nav" />

过渡效果不起作用。它直接从开始活动迁移到最终活动。有什么问题吗??

【问题讨论】:

  • 你的问题解决了吗?

标签: android android-animation shared-element-transition


【解决方案1】:

您需要一个唯一的过渡名称。在从列表项制作动画的情况下,您希望将视图的转换名称设置为每个列表项的唯一名称(考虑使用适配器位置或列表项的 ID),然后将该唯一转换名称传递给您的目标活动或片段。在目标视图中,您将通过 id 找到视图,然后将转换名称设置为您传入的任何内容,从而通过转换名称将两个视图链接在一起。

您的代码可能还有其他问题,但这是我立即注意到的一个问题。

【讨论】:

    【解决方案2】:

    我没有从回收器视图适配器制作动画,而是从父活动中制作动画。我想,上下文肯定有问题

    【讨论】:

      【解决方案3】:

      您是否在 Theme 中启用了窗口内容转换?

      <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
          <!-- Customize your theme here. -->
          <item name="android:windowContentTransitions">true</item>
      </style>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-09-22
        • 1970-01-01
        相关资源
        最近更新 更多