MotionLayout 和约束组
MotionLayout and constraint Groups
我要开始使用 MotionLayout
。
用 MotionLayout 替换现有的 ConstraintLayout
后,
它有一个简单的运动场景,
我注意到 androidx.constraintlayout.widget.Group
不再工作了。
最初,我根据条件显示了两组中的一组,
但现在它们都是可见的,即使我将可见性设置为 GONE
.
我能否以某种方式让 MotionLayout 与组一起工作,或者我应该使用不同的 MotionLayouts?
ConstraintLayout 的最新版本是 2.0.0-beta2,并验证了 MotionScene 不关心 androidx.constraintlayout.motion.widget.Group
。因此,如果您想更改可见性或高程值,您应该为每个视图单独处理它,而不是应用于虚拟组。
最新稳定版 MotionLayout (2.0.4) 允许您通过组更改可见性。不幸的是,它需要在 Group 及其所有引用的视图上设置 visibilityMode="ignore"
。这是一个工作示例:
布局:
<?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"
app:layoutDescription="@xml/motion_scene"
tools:context=".MainActivity">
<androidx.constraintlayout.widget.Group
android:id="@+id/test_group"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:constraint_referenced_ids="text_view"
android:visibility="gone"
/>
<TextView
android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/button"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_orange_dark"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"/>
</androidx.constraintlayout.motion.widget.MotionLayout>
运动场景:
<?xml version="1.0" encoding="utf-8"?>
<MotionScene
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:lol="http://schemas.android.com/apk/res-auto">
<Transition
lol:constraintSetStart="@id/start"
lol:constraintSetEnd="@id/end"
/>
<ConstraintSet android:id="@+id/start">
<Constraint android:id="@+id/text_view">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
<Constraint android:id="@+id/test_group">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint android:id="@+id/text_view">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
<Constraint android:id="@+id/test_group">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
</ConstraintSet>
</MotionScene>
主要活动:
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val button = findViewById<View>(R.id.button)
button.setOnClickListener {
val group = findViewById<Group>(R.id.test_group)
group.isVisible = !group.isVisible
}
}
}
我要开始使用 MotionLayout
。
用 MotionLayout 替换现有的 ConstraintLayout
后,
它有一个简单的运动场景,
我注意到 androidx.constraintlayout.widget.Group
不再工作了。
最初,我根据条件显示了两组中的一组,
但现在它们都是可见的,即使我将可见性设置为 GONE
.
我能否以某种方式让 MotionLayout 与组一起工作,或者我应该使用不同的 MotionLayouts?
ConstraintLayout 的最新版本是 2.0.0-beta2,并验证了 MotionScene 不关心 androidx.constraintlayout.motion.widget.Group
。因此,如果您想更改可见性或高程值,您应该为每个视图单独处理它,而不是应用于虚拟组。
最新稳定版 MotionLayout (2.0.4) 允许您通过组更改可见性。不幸的是,它需要在 Group 及其所有引用的视图上设置 visibilityMode="ignore"
。这是一个工作示例:
布局:
<?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"
app:layoutDescription="@xml/motion_scene"
tools:context=".MainActivity">
<androidx.constraintlayout.widget.Group
android:id="@+id/test_group"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:constraint_referenced_ids="text_view"
android:visibility="gone"
/>
<TextView
android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<View
android:id="@+id/button"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@android:color/holo_orange_dark"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"/>
</androidx.constraintlayout.motion.widget.MotionLayout>
运动场景:
<?xml version="1.0" encoding="utf-8"?>
<MotionScene
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:lol="http://schemas.android.com/apk/res-auto">
<Transition
lol:constraintSetStart="@id/start"
lol:constraintSetEnd="@id/end"
/>
<ConstraintSet android:id="@+id/start">
<Constraint android:id="@+id/text_view">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
<Constraint android:id="@+id/test_group">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint android:id="@+id/text_view">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
<Constraint android:id="@+id/test_group">
<PropertySet lol:visibilityMode="ignore" />
</Constraint>
</ConstraintSet>
</MotionScene>
主要活动:
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val button = findViewById<View>(R.id.button)
button.setOnClickListener {
val group = findViewById<Group>(R.id.test_group)
group.isVisible = !group.isVisible
}
}
}