Android约束布局障碍和空白
我有一个约束布局,如下所示:Android约束布局障碍和空白,android,margin,android-constraintlayout,barrier,Android,Margin,Android Constraintlayout,Barrier,我有一个约束布局,如下所示: A-B --------- (barrier that refer to A and B bottom) C (constraint_top_bottomOf barrier) <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_pa
A-B
--------- (barrier that refer to A and B bottom)
C (constraint_top_bottomOf barrier)
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_light">
<TextView
android:id="@+id/textviewA"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text A"
android:visibility="visible"
app:layout_constraintEnd_toStartOf="@+id/textviewB"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textviewB"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text B"
android:visibility="visible"
app:layout_constraintStart_toEndOf="@id/textviewA"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="textviewA, textviewB" />
<Space
android:id="@+id/space"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/barrier" />
<TextView
android:id="@+id/textviewC"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text C"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/space"
app:layout_goneMarginTop="30dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
tools:context=".TypographyActivity"
android:background="?attr/lightPrimary">
<TextView
android:id="@+id/textviewA"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@+id/textviewB"
app:layout_constraintTop_toTopOf="parent"
android:text="Text A" />
<TextView
android:id="@+id/textviewB"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
app:layout_constraintStart_toEndOf="@id/textviewA"
app:layout_constraintTop_toTopOf="parent"
android:text="Text B" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="textviewA, textviewB" />
<TextView
android:id="@+id/textviewC"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
app:layout_goneMarginTop="30dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/barrier"
android:text="Text C" />
</androidx.constraintlayout.widget.ConstraintLayout>
textviewC中的goneMarginTop始终会触发,即使A和B可见
当a和B不在另一个布局中包装a和B时,有没有办法将goneMarginTop添加到textviewC
谢谢。屏障不会显示在布局中,我相信,它们总是设置为“消失”。这就是为什么您在文本视图“C”上看到了“gone”边距-它被限制在一个“gone”小部件上 如果你想使用一个消失的边距,你必须将文本视图“C”约束到一个小部件上,当文本视图“a”和“B”都消失时,这个小部件就消失了。一种方法是创建一个空间小部件并将其顶部约束到屏障。然后将“C”的顶部约束到Space小部件。您必须确保当“A”和“B”都消失时,空格小部件消失;当“A”或“B”(或两者)都可见时,空格小部件可见 细节将取决于您的需要,但总体布局将如下所示:
A-B
--------- (barrier that refer to A and B bottom)
C (constraint_top_bottomOf barrier)
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_light">
<TextView
android:id="@+id/textviewA"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text A"
android:visibility="visible"
app:layout_constraintEnd_toStartOf="@+id/textviewB"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textviewB"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text B"
android:visibility="visible"
app:layout_constraintStart_toEndOf="@id/textviewA"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="textviewA, textviewB" />
<Space
android:id="@+id/space"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/barrier" />
<TextView
android:id="@+id/textviewC"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text C"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/space"
app:layout_goneMarginTop="30dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
屏障不会显示在布局中,我相信,它们总是设置为“消失”。这就是为什么您在文本视图“C”上看到了“gone”边距-它被限制在一个“gone”小部件上 如果你想使用一个消失的边距,你必须将文本视图“C”约束到一个小部件上,当文本视图“a”和“B”都消失时,这个小部件就消失了。一种方法是创建一个空间小部件并将其顶部约束到屏障。然后将“C”的顶部约束到Space小部件。您必须确保当“A”和“B”都消失时,空格小部件消失;当“A”或“B”(或两者)都可见时,空格小部件可见 细节将取决于您的需要,但总体布局将如下所示:
A-B
--------- (barrier that refer to A and B bottom)
C (constraint_top_bottomOf barrier)
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_light">
<TextView
android:id="@+id/textviewA"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text A"
android:visibility="visible"
app:layout_constraintEnd_toStartOf="@+id/textviewB"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textviewB"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text B"
android:visibility="visible"
app:layout_constraintStart_toEndOf="@id/textviewA"
app:layout_constraintTop_toTopOf="parent" />
<androidx.constraintlayout.widget.Barrier
android:id="@+id/barrier"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:barrierDirection="bottom"
app:constraint_referenced_ids="textviewA, textviewB" />
<Space
android:id="@+id/space"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/barrier" />
<TextView
android:id="@+id/textviewC"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="Text C"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/space"
app:layout_goneMarginTop="30dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
尝试添加代码来解释您的问题、您尝试了什么以及什么不适合您。@user8608556我添加了代码尝试添加代码来解释您的问题、您尝试了什么以及什么不适合您。@user8608556我添加了代码