动态布局和可见性使布局不同于约束布局

问题描述

我正在将当前的约束布局转换为动画的MotionLayout。我所做的非常简单，当用户滚动第二个回收站视图时，第一个回收站视图应处于隐藏状态。一旦我从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响应。但是，当我运行应用程序时，在为容器标题设置View.Visbile之后，containerHeader会占用空间，但是无法显示任何内容。我找不到任何线索。

我在MotionLayout上做错了吗？感谢任何帮助或建议。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）