文章目錄

• 1 Android中的約束布局
• • 1.1 約束布局的重要屬性
  • 1.2 約束布局示例

1 Android中的約束布局

1.1 約束布局的重要屬性

重要屬性：

• app:layout_constraintBottom_toBottomO（約束當前view的底部位置）
• app:layout_constraintVertical_bias（垂直偏移量）

xml中<需要使用&lt;來表示，>需要使用&gt;來表示。

1.2 約束布局示例

需要實現的效果如下：

需要注意的是對于約束布局我們一般更多的是采用拖拉來進行實現的，xml文件如下：

<?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"android:background="@mipmap/bg"><!--app:layout_constraint方位_to方位Of="?"? : 1. parent 2.引用其他控件id當前控件的某個方位和另一個參照物的某個方位對齊app:layout_constraintLeft_toLeftOf 相當于RelativeLayout的alignLeft屬性app:layout_constraintRight_toRightOf 相當于RelativeLayout的alignRight屬性app:layout_constraintTop_toTopOf 相當于RelativeLayout的alignTop屬性app:layout_constraintBottom_toBottomOf 相當于RelativeLayout的alignBottom屬性app:layout_constraintStart_toStartOf 同Left_toLeftOfapp:layout_constraintEnd_toEndOf 同Right_toRightOf當前控件的A側會在參照物的B側app:layout_constraintLeft_toRightOf 相當于RelativeLayout的toRightOfapp:layout_constraintRight_toLeftOf 相當于RelativeLayout的toLeftOfapp:layout_constraintTop_toBottomOf 相當于RelativeLayout的belowapp:layout_constraintBottom_toTopOf 相當于RelativeLayout的aboveapp:layout_constraintStart_toEndOf 同Left_toRightOfapp:layout_constraintEnd_toStartOf 同Right_toLeftOfapp:layout_constraintVertical_bias="0.53" 垂直偏移量，0.5在正中間app:layout_constraintHorizontal_bias="0.53" 水平偏移量，0.5在正中間--><TextViewandroid:id="@+id/textView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:text="紅包"android:textColor="#f6d5a8"android:textSize="22sp"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /><TextViewandroid:id="@+id/textView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:layout_marginLeft="8dp"android:text=" &lt; 返回"android:textColor="#f6d5a8"android:textSize="22sp"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><!-- &lt &gt 左右尖括號--><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:layout_marginRight="8dp"android:text="紅包"android:textColor="#f6d5a8"android:textSize="22sp"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintTop_toTopOf="parent" /><Buttonandroid:id="@+id/button2"android:layout_width="330dp"android:layout_height="60dp"android:background="@mipmap/btn"android:text="一字千金紅包"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintVertical_bias="0.53" /><Buttonandroid:id="@+id/button3"android:layout_width="330dp"android:layout_height="60dp"android:background="@mipmap/btn"android:layout_marginBottom="15dp"android:text="普通紅包"app:layout_constraintBottom_toTopOf="@+id/button2"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent" /><Buttonandroid:id="@+id/button4"android:layout_width="330dp"android:layout_height="60dp"android:background="@mipmap/btn"android:layout_marginBottom="15dp"android:text="口令紅包"app:layout_constraintBottom_toTopOf="@+id/button3"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent" /><LinearLayoutandroid:id="@+id/linearLayout"android:layout_width="330dp"android:layout_height="60dp"android:background="@mipmap/edit"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/button2"app:layout_constraintVertical_bias="0.389"><EditTextandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:background="@null"android:gravity="center"android:hint="輸口令，領紅包" /><TextViewandroid:layout_width="90dp"android:layout_height="match_parent"android:gravity="center"android:text="確定"android:textColor="#cccccc"android:textSize="26sp" /></LinearLayout><TextViewandroid:id="@+id/textView4"android:layout_width="wrap_content"android:layout_height="22dp"android:layout_marginStart="8dp"android:layout_marginLeft="8dp"android:layout_marginTop="15dp"android:layout_marginEnd="8dp"android:layout_marginRight="8dp"android:text="口令紅包規則"android:textColor="#f6d5a8"android:textSize="18sp"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/linearLayout" /> </androidx.constraintlayout.widget.ConstraintLayout>

總結

以上是生活随笔為你收集整理的Android中的约束布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。