xml android 指南约束布局
xml android Guideline constraint layout
我需要你的帮助:)
我的问题是关于使用 Constraint Guideline 来分隔我的屏幕。
我不知道这是否是分离文档的最佳方式，但我想试试这个。
我的问题如下：
我想将屏幕分成两个水平部分。第二部分将包含 3 或 4 个指南。
我可以找到如何做到这一点。如果你也能在这部分帮助我（这是关于我的 xml 代码中的第二个 TextView 的消息：“此视图不受水平约束。在 运行 时它将跳转到左边，除非你有水平约束。"
我想要这样的东西:
代码如下：
<?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=".MainActivity">
<TextView
android:id="@+id/test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="blablabla"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineTwo"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineThree"
app:layout_constraintTop_toBottomOf="@id/test" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.25" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineTwo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineThree"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.75" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineFour"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="1" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
您需要添加 app:layout_constraintGuide_percent 为 0.5 的水平参考线，使其恰好位于 screen/ConstraintLayout 高度的一半。
然后将 test TextView 的顶部约束添加到此水平引导线而不是父级。
<?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=".MainActivity">
<TextView
android:id="@+id/test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="blablabla"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toTopOf="@id/guideline_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineTwo"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineThree"
app:layout_constraintTop_toBottomOf="@id/test" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.25" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineTwo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineThree"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.75" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineFour"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="1" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.5" />
</androidx.constraintlayout.widget.ConstraintLayout>
我需要你的帮助:)
我的问题是关于使用 Constraint Guideline 来分隔我的屏幕。
我不知道这是否是分离文档的最佳方式，但我想试试这个。
我的问题如下：
我想将屏幕分成两个水平部分。第二部分将包含 3 或 4 个指南。
我可以找到如何做到这一点。如果你也能在这部分帮助我（这是关于我的 xml 代码中的第二个 TextView 的消息：“此视图不受水平约束。在 运行 时它将跳转到左边，除非你有水平约束。"
我想要这样的东西:
代码如下：
<?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=".MainActivity">
<TextView
android:id="@+id/test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="blablabla"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineTwo"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineThree"
app:layout_constraintTop_toBottomOf="@id/test" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.25" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineTwo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineThree"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.75" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineFour"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="1" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
您需要添加 app:layout_constraintGuide_percent 为 0.5 的水平参考线，使其恰好位于 screen/ConstraintLayout 高度的一半。
然后将 test TextView 的顶部约束添加到此水平引导线而不是父级。
<?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=".MainActivity">
<TextView
android:id="@+id/test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="blablabla"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toTopOf="@id/guideline_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guideline"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineTwo"
app:layout_constraintTop_toBottomOf="@id/test" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="buenos dias"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="@+id/guidelineThree"
app:layout_constraintTop_toBottomOf="@id/test" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.25" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineTwo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineThree"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.75" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guidelineFour"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="1" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guideline_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.5" />
</androidx.constraintlayout.widget.ConstraintLayout>