MotionLayout的子级忽略“ setVisibility”

时间:2020-03-31 14:32:17

标签: android android-motionlayout

比方说,我有带有运动布局的简单UI:

// activity_main.xml

<?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"
    android:id="@+id/motion"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutDescription="@transition/motion_scene"
    app:showPaths="true">

    <View
        android:id="@+id/view"
        android:layout_width="0dp"
        android:layout_height="250dp"
        android:background="#CCAA33"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        />

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="visible"
        android:progressTint="#3366CC"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        />
</androidx.constraintlayout.motion.widget.MotionLayout>

具有运动布局场景:

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

    <Transition
            app:constraintSetStart="@id/collapsed"
            app:constraintSetEnd="@id/expanded"
            app:duration="1000">
        <OnSwipe
                app:touchAnchorId="@id/view"
                app:touchAnchorSide="top"
                app:dragDirection="dragUp" />
    </Transition>
    <ConstraintSet android:id="@+id/collapsed">

    </ConstraintSet>

    <ConstraintSet android:id="@+id/expanded">

    </ConstraintSet>
</MotionScene>

Image1

(它什么都不做,因为我出于演示目的剥离了所有内容)。

现在,如果我尝试隐藏进度栏(假设点击视图):

// MainActivity.kt

import android.content.res.ColorStateList
import android.graphics.Color
import android.os.Bundle
import android.view.View
import android.widget.ProgressBar
import androidx.appcompat.app.AppCompatActivity


class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        setContentView(R.layout.activity_main)

        val view = findViewById<View>(R.id.view)
        val progressBar = findViewById<ProgressBar>(R.id.progress_bar)

        view.setOnClickListener {
            view.setBackgroundColor(Color.parseColor("#006699"))
            progressBar.progressTintList = ColorStateList.valueOf(Color.parseColor("#FF3300"))
            progressBar.visibility = View.GONE
        }
    }
}

(颜色仅为演示目的而设置)。

Image2

由于某些原因,进度条仍会显示在屏幕上(正确设置了背景颜色)。 如果再次单击,进度栏将重新启动进度。

在我看来,布局在某种程度上是无效的。

我希望单击视图后隐藏进度条。运动布局或我的理解是否有误? 如何避免这种影响并隐藏进度栏?

谢谢!

1 个答案:

答案 0 :(得分:4)

是的!我对此也感到非常沮丧。我可以通过将标签visibilityMode="ignore"放在所需视图的约束标签中来解决此问题(注意:我为开始和结束约束都添加了此标签)。有关更多信息,您可以签出this SO post。因此,在您的ConstraintSet内部,您需要像这样的Constraint

<Constraint
        android:id="@id/progress_bar"
        motion:visibilityMode="ignore"/>

为每个视图设置可见性模式。

希望对您有用!