本篇文章給大家分享的是有關(guān)如何在Android中使用ConstraintLayout方法約束布局，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、青山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為青山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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="com.constraintlayout.app.Main2Activity">
</android.support.constraint.ConstraintLayout>

在使用 ConstraintLayout 的布局方案，需要在 build.gradle 引入支持庫：

dependencies {
  compile 'com.android.support.constraint:constraint-layout:1.0.1'
}

傳統(tǒng)的Android開發(fā)當(dāng)中，界面基本都是靠編寫XML代碼完成的，雖然Android Studio也支持可視化的方式來編寫界面，但是操作起來并不方便，我也一直都不推薦使用可視化的方式來編寫Android應(yīng)用程序的界面。

而ConstraintLayout就是為了解決這一現(xiàn)狀而出現(xiàn)的。它和傳統(tǒng)編寫界面的方式恰恰相反，ConstraintLayout非常適合使用可視化的方式來編寫界面，但并不太適合使用XML的方式來進(jìn)行編寫。當(dāng)然，可視化操作的背后仍然還是使用的XML代碼來實(shí)現(xiàn)的，只不過這些代碼是由Android Studio根據(jù)我們的操作自動生成的。

另外，ConstraintLayout 還有一個(gè)優(yōu)點(diǎn)，它可以有效地解決布局嵌套過多的問題。我們平時(shí)編寫界面，復(fù)雜的布局總會伴隨著多層的嵌套，而嵌套越多，程序的性能也就越差。ConstraintLayout則是使用約束的方式來指定各個(gè)控件的位置和關(guān)系的，它有點(diǎn)類似于 RelativeLayout，但遠(yuǎn)比RelativeLayout要更強(qiáng)大。

ConstraintLayout向下兼容 API 9

關(guān)于 ConstraintLayout 的基本使用方法請參照郭神的博客：https://www.jb51.net/article/126440.htm

這篇文章說一些其他的特性。

常用方法總結(jié)

layout_constraintTop_toTopOf    // 將所需視圖的頂部與另一個(gè)視圖的頂部對齊。 
layout_constraintTop_toBottomOf  // 將所需視圖的頂部與另一個(gè)視圖的底部對齊。 
layout_constraintBottom_toTopOf  // 將所需視圖的底部與另一個(gè)視圖的頂部對齊。 
layout_constraintBottom_toBottomOf // 將所需視圖的底部與另一個(gè)視圖的底部對齊。 
layout_constraintLeft_toTopOf   // 將所需視圖的左側(cè)與另一個(gè)視圖的頂部對齊。 
layout_constraintLeft_toBottomOf  // 將所需視圖的左側(cè)與另一個(gè)視圖的底部對齊。 
layout_constraintLeft_toLeftOf   // 將所需視圖的左邊與另一個(gè)視圖的左邊對齊。 
layout_constraintLeft_toRightOf  // 將所需視圖的左邊與另一個(gè)視圖的右邊對齊。 
layout_constraintRight_toTopOf   // 將所需視圖的右對齊到另一個(gè)視圖的頂部。
layout_constraintRight_toBottomOf // 將所需視圖的右對齊到另一個(gè)的底部。
layout_constraintRight_toLeftOf  // 將所需視圖的右邊與另一個(gè)視圖的左邊對齊。
layout_constraintRight_toRightOf  // 將所需視圖的右邊與另一個(gè)視圖的右邊對齊。

constraintDimensionRatio

這個(gè)屬性就是把一個(gè)View的尺寸設(shè)為特定的寬高比，比如設(shè)置一張圖片的寬高比為 1：1，4：3， 16：9 等。通過使用ConstraintLayout，只需使用layout_constraintDimensionRatio屬性即可。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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"
  android:id="@+id/constraintLayout"
  tools:context="com.constraintlayout.app.MainActivity"
  >

  <ImageView
    android:id="@+id/cat_image"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintDimensionRatio="4:3"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintHorizontal_bias="0"
    android:src="@mipmap/cat"
    />

  <ImageView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher"
    app:layout_constraintDimensionRatio="4:3"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/cat_image"
    app:layout_constraintVertical_bias="0.0"
    app:layout_constraintRight_toRightOf="parent" />
</android.support.constraint.ConstraintLayout>

效果圖如下：

偏移比例

當(dāng)我們的布局文件是下面這樣的時(shí)候：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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"
  android:id="@+id/constraintLayout"
  tools:context="com.constraintlayout.app.MainActivity"
  >

  <Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    />
</android.support.constraint.ConstraintLayout>

我們得到的布局效果如下：

那么我們有個(gè)疑問，為什么Button 是居中顯示的？因?yàn)樵谏厦娴牟季种杏袃蓚€(gè)重要的屬性沒有寫出來，但是卻有默認(rèn)的屬性值，那就是水平、垂直的偏移比例。

layout_constraintHorizontal_bias //控件的水平偏移比例
layout_constraintVertical_bias  //控件的垂直偏移比例

如果在布局文件中沒有明確的寫出偏移比例，那么系統(tǒng)默認(rèn)偏移比例值為：0.5 。

到這里我們已經(jīng)清楚了，上面的布局文件就相當(dāng)于：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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"
  android:id="@+id/constraintLayout"
  tools:context="com.constraintlayout.app.MainActivity"
  >

  <Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintVertical_bias="0.5"
    />
</android.support.constraint.ConstraintLayout>

基線約束控鍵

該控鍵幫助你對齊任意兩個(gè)widget的文字部分，與widget的大小無關(guān)。例如你有兩個(gè)不同尺寸的widget但是你想要他們的文字部分對齊。

layout_constraintBaseline_toBaselineOf

以上就是如何在Android中使用ConstraintLayout方法約束布局，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱：如何在Android中使用ConstraintLayout方法約束布局-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://jinyejixie.com/article2/ccseic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、微信公眾號、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站營銷、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)