活动回车中的Android Lollipop转换特定视图

时间:2015-05-15 06:30:10

标签: android android-transitions

我正在尝试在我的应用程序中实现新的Transitions API,但我遇到了一个特定的问题。

在我的活动中,我想在特定视图上输入幻灯片转换。这是我的布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.github.ksoichiro.android.observablescrollview.ObservableScrollView
    android:id="@+id/scroll"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

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

        <FrameLayout
            android:id="@+id/header"
            android:layout_width="match_parent"
            android:layout_height="180dp">

            <ImageView
                android:id="@+id/ivRestaurantBg"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop"
                android:src="@drawable/background_poly" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="15dp"
                android:layout_marginTop="70dp">

                <de.hdodenhof.circleimageview.CircleImageView
                    android:id="@+id/cvRestaurantLogo"
                    android:layout_width="80dp"
                    android:layout_height="80dp"
                    android:layout_alignParentLeft="true"
                    android:layout_marginRight="5dp"
                    android:transitionName="sharedRestaurantLogo"
                    android:src="@drawable/placeholder" />

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_toEndOf="@+id/cvRestaurantLogo"
                    android:layout_toRightOf="@+id/cvRestaurantLogo"
                    android:gravity="center_vertical"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tvRestaurantName"
                        style="@style/HeaderText"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="4dp"
                        android:textSize="20sp" />

                    <TextView
                        android:id="@+id/tvRestaurantAddress"
                        style="@style/HeaderText"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textSize="15sp" />

                    <TextView
                        android:id="@+id/tvRestaurantContactNo"
                        style="@style/HeaderText"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textSize="15sp" />

                </LinearLayout>

            </RelativeLayout>

        </FrameLayout>

        <View
            android:id="@+id/anchor"
            android:layout_width="match_parent"
            android:layout_height="180dp"
            android:minHeight="180dp" />

        <LinearLayout
            android:id="@+id/body"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/anchor"
            android:orientation="vertical"
            android:paddingBottom="@dimen/activity_vertical_margin"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:background="@android:color/white"
            android:paddingTop="@dimen/activity_vertical_margin">

            <include android:id="@+id/mapSegment" layout="@layout/card_map_lite" /> <!-- Layout 1 to transition -->

            <include android:id="@+id/customerSegment" layout="@layout/card_customer_details" /> <!-- Layout 2 to transition -->

           <include android:id="@+id/ordersSegment" layout="@layout/card_dish_details" /> <!-- Layout 3 to transition -->

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/accept_order"
                android:id="@+id/btnAcceptOrder"
                android:layout_marginTop="10dp"
                android:background="@drawable/green_button"
                android:minWidth="120dp"
                android:minHeight="50dp"
                android:textAllCaps="false"
                android:textColor="@android:color/white"
                android:layout_gravity="center_horizontal" />
        </LinearLayout>
    </RelativeLayout>

</com.github.ksoichiro.android.observablescrollview.ObservableScrollView>

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

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

</FrameLayout>

在我的活动中,我这样做

@Override
protected void onCreate(Bundle savedInstanceState) {
    requestWindowFeature(Window.FEATURE_ACTIVITY_TRANSITIONS);
    requestWindowFeature(Window.FEATURE_CONTENT_TRANSITIONS);

    Transition transition = TransitionInflater.from(this)
            .inflateTransition(R.transition.shared_element_transition);

    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_order_details);
    mMapSegment = findViewById(R.id.mapSegment);
    mCustomerSegment = findViewById(R.id.customerSegment);
    mOrdersSegment = findViewById(R.id.orderSegment);

    TransitionSet set = new TransitionSet();

    Slide mapSlide = new Slide();
    mapSlide.setDuration(2000);
    mapSlide.setSlideEdge(Gravity.BOTTOM);
    mapSlide.addTarget(mMapSegment);

    //others ignored

    set.addTransition(mapSlide);

    getWindow().setEnterTransition(set);
    getWindow().setSharedElementEnterTransition(transition);
}

然而,这似乎不起作用。共享元素转换按预期工作,但不是输入转换。如果我删除了slide.addTarget(mMapSegment)行,我可以看到整个活动的视图都有动画效果,所以我很确定它与向Transition添加特定目标有关。难道我做错了什么?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

我知道这是前一段时间被问到的,但我刚刚再次遇到同样的问题所以我想我会分享对我有用的东西。我在新的LinearLayout(match_parent / match_parent)中包装了我想要滑动的视图。我不知道为什么这个(通常是无用的)viewGroup允许addTarget开始工作,但是现在这已经帮了我几次了。

要将问题范围缩小到addTarget,我通常会使用addTarget(View.class)替换目标。如果您看到整个屏幕转换,那么它就是addTarget问题。否则其他东西可能无法正确连接。

我有时需要做的另一件事是android:transitionGroup =&#34; false&#34;到我添加的新LinearLayout的父视图组。为什么有时需要这个而不是其他人,我不能完全理解。

希望这有助于那些致力于活动转变的人。