使用运动布局时开始与 UI 交互后进度条可见性重置

Question

ConstraintLayout 版本：2.0.0-alpha3

所以我正在使用 MotionLayout 我想创建与此类似的东西。 https://blog.stylingandroid.com/motionlayout-collapsing-toolbar-part-2/

我想实现当用户输入 activity 时，当我加载数据时 ProgressBar 旋转（需要一些时间）我想 ProgressBar 隐藏。

我的问题是当我开始与 UI 交互时 ProgressBar 状态被重置并且再次可见

我应该怎么做才能防止 progressBar 在用户开始与之交互后开始显示？

这里是简化版

layout file

<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"
    app:layoutDescription="@xml/collapsing_toolbar"
    tools:context=".MainActivity"
    tools:showPaths="true">

    <androidx.core.widget.NestedScrollView
        android:id="@+id/scroll_view"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/toolbar_image">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <View
                android:layout_width="match_parent"
                android:layout_height="2000dp"
                android:background="#ff2"/>
        </FrameLayout>
    </androidx.core.widget.NestedScrollView>

    <ImageView
        android:id="@+id/toolbar_image"
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:background="@color/colorPrimary"
        android:src="@color/colorAccent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <TextView
        android:id="@+id/error"
        android:text="ERROR"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

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

这里是布局说明(xml/collapsing_toolbar)

<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <Transition
        app:constraintSetEnd="@id/collapsed"
        app:constraintSetStart="@id/expanded">

        <OnSwipe
            app:dragDirection="dragUp"
            app:touchAnchorId="@id/scroll_view"
            app:touchAnchorSide="top"/>
    </Transition>

    <ConstraintSet android:id="@+id/expanded">
        <Constraint
            android:id="@id/toolbar_image"
            android:layout_height="200dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">
        </Constraint>
    </ConstraintSet>

    <ConstraintSet android:id="@+id/collapsed">
        <Constraint
            android:id="@id/toolbar_image"
            android:layout_height="?attr/actionBarSize"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">
        </Constraint>

    </ConstraintSet>

</MotionScene>

这是一个简单的 activity，我在 1 秒后隐藏 ProgressBar

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        Handler().postDelayed({
            progress_bar.visibility = View.GONE
            error.text="NEW ERROR"
            error.visibility = View.GONE
        }, 1000)
    }
}

我正在使用androidx.constraintlayout:constraintlayout:2.0.0-alpha3

编辑： 我也将此报告为错误 https://issuetracker.google.com/issues/124812189

编辑： 部分解决方案是将 progress_bar 和错误可见性设置为 GONE << 但是同样的情况适用于此处，因此如果您与加载交互，您可以看到了scrollView，但是应该有内容的时候，总比看到ProgressBar好。

Answer 1

错误现已修复！去享受没有任何能见度故障的快乐生活:)

对于未来的读者：这是 MotionLayout 中的已知错误，当用户触摸某物时状态会重置。 Nicolas 在这里谈论这个：https://youtu.be/r8cYDlBOPaA?t=2276

团队在 Alpha 4 中修复了它。

Answer 2

在发布 alpha4 之前，我已经设法解决了这个问题。

在我的用例中，我有一个按钮，该按钮通常仅在列表处于结束模式时显示。因此，为了在列表未处于编辑模式时将其隐藏，我正在根据编辑模式更改约束。

 private void enableDoneButton(boolean enabled){
    int visibility = enabled ? View.VISIBLE : View.GONE;
    ConstraintSet startSet = container.getConstraintSet(R.layout.fragment_menu);
    startSet.setVisibility(R.id.fab_done, visibility);
}

希望这对您有所帮助。

使用运动布局时开始与 UI 交互后进度条可见性重置

Progress Bar Visibility reset after I start interacting with UI when using motion layout

xml

android

android-constraintlayout

android-motionlayout