共享元素过渡Android无法正常工作

时间:2016-12-07 11:24:20

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

我有一个回收者视图。在recyclelerview项目的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;
}

这是我对cardview的布局:

<?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"/>

这是我最后的活动布局:

<?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" />

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

3 个答案:

答案 0 :(得分:1)

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

您的代码可能存在其他问题,但这是我刚刚注意到的那个问题。

答案 1 :(得分:0)

我没有从回收器视图适配器制作动画,而是从父活动中做到了。我想,上下文必定存在一些问题

答案 2 :(得分:0)

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

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