5

约束布局版本：2.0.0-alpha3

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

我想实现当用户进入活动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>

这是一个简单的活动，我在 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 更好。

4

2 回答 2

3

该错误现已修复！去享受你的快乐生活，没有任何可见性故障:)

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

团队在 Alpha 4 中修复了它。

于 2019-02-21T11:27:38.277 回答
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);
}

希望这在此期间有所帮助。

于 2019-02-27T17:26:35.527 回答