Блог

Я преобразую текущее constraintlayout в MotionLayout для анимации. То, что я делаю, довольно просто: когда пользователь прокручивает второй вид recycler, первый вид recycler должен быть скрыт. И заголовок должен быть видимым, как только я получу данные из API. Итак, мой макет выглядит примерно так:

 <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/background_gradient"
        app:layoutDescription="@xml/fragment_scene">

    <androidx.recyclerview.widget.RecyclerView
            android:id="@ id/rvList"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:paddingBottom="@dimen/spacing_24dp"
            android:scrollbars="none"
            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@ id/toolbar"
            tools:itemCount="3"
            tools:listitem="@layout/view_items" />

    <com.google.android.material.tabs.TabLayout
            android:id="@ id/tlContainer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@id/rvList"
            app:tabGravity="fill"
            app:tabIndicatorColor="@color/colorPrimaryBlue"
            app:tabIndicatorFullWidth="false"
            app:tabInlineLabel="false"
            app:tabMode="auto"
            app:tabPaddingEnd="@dimen/spacing_8dp"
            app:tabPaddingStart="@dimen/spacing_8dp"
            app:tabSelectedTextColor="@color/colorAccent"
            app:tabTextAppearance="@style/TextAppearance.Roboto.Bold"
            app:tabTextColor="@color/white50">

        <com.google.android.material.tabs.TabItem
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Favorites" />

    </com.google.android.material.tabs.TabLayout>

    <include
            android:id="@ id/containerHeader"
            layout="@layout/view_header"
            android:layout_width="0dp"
            android:layout_height="45dp"
            android:visibility="gone"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@ id/tlContainer"
            tools:visibility="visible" />

    <androidx.recyclerview.widget.RecyclerView
            android:id="@ id/rvList2"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@ id/containerHeader"
            tools:listitem="@layout/view_list_item" />

    <androidx.appcompat.widget.Toolbar
            android:id="@ id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:gravity="center"
            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:layout_collapseMode="pin"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:titleTextColor="@color/colorAccent">

        <TextView
                style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="Home"
                android:textAppearance="@style/TextAppearance.Roboto.Bold"
                android:textColor="@color/colorAccent"
                android:textSize="@dimen/font_size_16"
                tools:text="Home" />

        <ImageView
                android:id="@ id/ivSearch"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:paddingRight="@dimen/spacing_8dp"
                app:srcCompat="@drawable/ic_search_white_24dp" />

        <ImageView
                android:id="@ id/ivOpenDetail"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:paddingRight="@dimen/spacing_8dp"
                app:srcCompat="@drawable/ic_settings_white_24dp" />

    </androidx.appcompat.widget.Toolbar>

</androidx.constraintlayout.motion.widget.MotionLayout>
  

И XML сцены является

 <?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:motion="http://schemas.android.com/apk/res-auto">

    <ConstraintSet android:id="@ id/expand">
        <Constraint android:id="@id/containerHeader">
            <PropertySet
                    app:applyMotionScene="false"
                    app:visibilityMode="ignore" />
        </Constraint>
    </ConstraintSet>

    <ConstraintSet android:id="@ id/collapse">
        <Constraint
                android:id="@id/rvList"
                android:alpha="0"
                motion:layout_constraintEnd_toEndOf="parent"
                motion:layout_constraintStart_toStartOf="parent" />
        <Constraint
                android:id="@id/containerHeader">
            <PropertySet
                    app:applyMotionScene="false"
                    app:visibilityMode="ignore" />
        </Constraint>
    </ConstraintSet>

    <Transition
            app:constraintSetEnd="@id/collapse"
            app:constraintSetStart="@id/expand">

        <OnSwipe
                app:dragDirection="dragUp"
                app:touchAnchorId="@id/rvList2" />
    </Transition>
</MotionScene>
  

Странно то, что я установил containerHeader как View.Gone в первый раз, и видимость представления должна зависеть от ответа api. Однако, когда я запускаю приложение, containerHeader занимает место после того, как я установил View.Visbile для заголовка контейнера, но не может отображать какой-либо контент. Я не могу найти никакой подсказки по этому поводу.

Я что-то не так делаю с MotionLayout? Ценю любую помощь или совет.