前言

首先大家可以思考下如何用RelativeLayout而且沒有嵌套生成下面的布局，如果你會的話就不用看后面的了。

分析

這個布局的特點是按鈕3底部對齊，按鈕2在按鈕3的上面，文本框水平充滿剩余的區(qū)域，按鈕1頂部對齊，列表框垂直充滿剩余的區(qū)域。

下面我們會拆分為下面兩個子問題：

水平充滿剩余區(qū)域的問題

水平方向上有兩個組件，一個組件寬度為wrap_content（或者固定寬度），另外一個組件的需要充滿剩余的寬度，效果如下： 

左側一個文本框，右側一個按鈕

如果是嵌套一個LinearLayout布局肯定就十分簡單了，如果用RelativeLayout也是可以的，如下：

<Button
 android:id="@+id/btn2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_above="@id/btn3"
 android:layout_alignParentRight="true"
 android:text="按鈕2"
 />
<EditText
 android:id="@+id/et"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignBaseline="@id/btn2"
 android:layout_alignParentLeft="true"
 android:layout_toLeftOf="@id/btn2"
 />

主要方法如下：（主要通過toRightOf和toLeftOf兩個屬性）

      1. 兩個組件的布局寬度都是wrap_content（或者固定寬度）

      2. 左邊的組件alignParentLeft，右邊的組件alignParentRight（如果他們左右分別有一些固定寬度的組件，就用toRightOf（左側）或者toLeftOf（右側）指定的組件）

      3. 為了讓左邊的組件緊挨著右邊的組件，也就是拉長左側的文本框，設置toLeftOf="右邊組件的ID" （這里是重點），這樣，左側文本框就會自動拉伸至和右側按鈕緊挨著。

      4. 當然，最后，兩邊組件要水平對齊，對左邊組件用alignBaseline="右邊組件的ID"

      5. 注意要把右側按鈕在代碼中放到前面（否則編譯時找不到對應的id，因為左側EditText布局依賴右側按鈕）

垂直充滿剩余空間的問題

垂直方向上有兩個組件，第一個組件的高度為wrap_content（或固定高度），另外一個組件的高度需要充滿剩余的高度,效果如前面的ListView: 

這個時候也可以通過RelativeLayout實現(xiàn)，下面我貼出了整個布局的代碼（為了更好的說明，我在上面和下面都加了一個組件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
 <Button
  android:id="@+id/btn1"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:text="固定寬度按鈕"/>
 <Button
  android:id="@+id/btn3"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_alignParentBottom="true"
  android:text="按鈕3"/>
 <Button
  android:id="@+id/btn2"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_above="@id/btn3"
  android:layout_alignParentRight="true"
  android:text="按鈕2"
  />
 <EditText
  android:id="@+id/et"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignBaseline="@id/btn2"
  android:layout_alignParentLeft="true"
  android:layout_toLeftOf="@id/btn2"
  />
 <ListView
  android:id="@+id/lv"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_above="@id/btn2"
  android:layout_below="@id/btn1"
  />
</RelativeLayout>

主要看ListView的布局，方法如下：

      1. 讓ListView below=上面的組件

      2. 讓ListView above=下面的組件

      3. 注意將ListView依賴的組件都放到ListView的上面

看前面我們給出的完整的布局文件代碼，這里需要說明如下內(nèi)容：

注意組件在代碼中的前后擺放，不然會編譯報錯（前面一直在說），方法如下：

需要拉伸的組件放到后面，然后用另一個組件來進行整體的布局。也就是被依賴位置的都放到前面，那些固定長寬（指的是固定或者wrap_content且不依賴其他組件布局的）或者依賴父容器的組件都放到前面，其他組件放到后面，如前面的按鈕1，按鈕3，按鈕2都放到了前面，因為按鈕2依賴于按鈕3（按鈕2 above 按鈕3），所以按鈕2也放到了按鈕3的后面。 (按鈕1說的是最上面那個固定高度按鈕)

讓兩個組件水平中線對齊的問題

讓一個組件和另外一個組件中線對齊：讓其中一個組件足夠高(或者我們知道哪個組件高度一定是高于頂一個組件的)，然后讓需要對齊的組件和這個沒有內(nèi)容的組件上下皆對齊（alignTop,alignBottom設置），然后將第二個組件的gravity為垂直居中即可。
如果是有 baseline 屬性的 TextView，Button 這類顯示文本的組件的話，可以通過 align_Baseline 來進行對齊，這里的 baseline指的是文本底部對其的，就像我們小時候拿一把尺子，然后比著尺子寫字那種意思。

總結

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對各位Android開發(fā)者們能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

最新評論