像普通得LinearLayout 可以通过weight 权重得方式来分割大小。
约束布局也可以
<?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/tvA"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:minWidth="60dp"
android:text="A"
android:textColor="@color/white"
app:layout_constraintEnd_toStartOf="@id/tvB"
app:layout_constraintHorizontal_chainStyle="spread"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tvB"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:minWidth="80dp"
android:text="B"
android:textColor="@color/white"
app:layout_constraintEnd_toStartOf="@id/tvC"
app:layout_constraintStart_toEndOf="@id/tvA"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tvC"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:minWidth="100dp"
android:text="C"
android:textColor="@color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/tvB"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
但是这里需要注意得是左右约束必须写完整 然后使用
app:layout_constraintHorizontal_chainStyle="spread"
就可以十七分为三等分并间隔相同距离
还有其他得属性
换成:
app:layout_constraintHorizontal_chainStyle="spread_inside"
app:layout_constraintHorizontal_chainStyle="packed"
非常的时尚。
我们还可以不用chain 使用权重 width =0 and weight=1这样
<?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/tvA"
android:layout_width="0dp"
android:layout_height="50dp"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:text="A"
app:layout_constraintHorizontal_weight="1"
android:textColor="@color/white"
app:layout_constraintEnd_toStartOf="@id/tvB"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tvB"
android:layout_width="0dp"
android:layout_height="50dp"
app:layout_constraintHorizontal_weight="2"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:text="B"
android:textColor="@color/white"
app:layout_constraintEnd_toStartOf="@id/tvC"
app:layout_constraintStart_toEndOf="@id/tvA"
app:layout_constraintTop_toTopOf="parent" />
<TextView
app:layout_constraintHorizontal_weight="3"
android:id="@+id/tvC"
android:layout_width="0dp"
android:layout_height="50dp"
android:background="@android:color/holo_red_dark"
android:gravity="center"
android:text="C"
android:textColor="@color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/tvB"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
将布局1:2:3分割