文章目錄

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

1 Android中的約束布局

1.1 約束布局的重要屬性

重要屬性：

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

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

1.2 約束布局示例

需要實現(xiàn)的效果如下：

需要注意的是對于約束布局我們一般更多的是采用拖拉來進行實現(xiàn)的，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側(cè)會在參照物的B側(cè)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="輸口令，領(lǐng)紅包" /><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="口令紅包規(guī)則"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>

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。