Android中如何使用RelativeLayout相對(duì)布局管理器

Android中如何使用RelativeLayout相對(duì)布局管理器，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

RelativeLayout的文檔：

它的繼承結(jié)構(gòu)為：

java.lang.Object    ? android.view.View    ? android.view.ViewGroup    ? android.widget.RelativeLayout

下面在Eclipse中新建一個(gè)項(xiàng)目來看一下相對(duì)布局管理器RelativeLayout的使用：

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:orientation="vertical" >     <ImageView         android:id="@+id/img1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:src="@drawable/ic_launcher" />     <ImageView         android:id="@+id/img2"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:src="@drawable/google_plus"         android:layout_toRightOf="@+id/img1" /> </RelativeLayout>

我們?cè)趍ain.xml中將布局管理器聲明為RelativeLayout，之后創(chuàng)建了兩個(gè)ImageView組件用來顯示兩幅圖片，其中在第二個(gè) ImageView組件上設(shè)置了layout_toRightOf屬性，也就是設(shè)置相對(duì)于某組件的右側(cè)，這里填入的是組件ID的值，那么這里也就是說我們 的img2相對(duì)于img1的位置是右側(cè)。下面運(yùn)行程序，我們看到如下效果：

很明顯，第二幅圖片放置在了***副圖片的右側(cè)，下面往代碼中再加入一個(gè)TextView組件：

<TextView android:id="@+id/txt"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="這里是一些顯示文字"     android:layout_below="@+id/img2"/>

這個(gè)組件也很簡(jiǎn)單，我們?cè)O(shè)置了layout_below屬性，說明要放置在第二幅圖片的下面，那么運(yùn)行程序，我們得到如下的顯示效果：

沒有問題，文字確實(shí)在第二幅片的下面了，但是卻頂頭顯示了，如果***副圖片小于第二幅圖片，是會(huì)產(chǎn)生覆蓋效果的，我們調(diào)整位置來看一下，調(diào)整代碼為：

<ImageView     android:id="@+id/img1"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:src="@drawable/ic_launcher"     android:layout_toRightOf="@+id/img2" /> <ImageView     android:id="@+id/img2"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:src="@drawable/google_plus" /> <TextView android:id="@+id/txt"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="這里是一些顯示文字"     android:layout_below="@+id/img1"/>

這里不再解釋代碼的含義，直接運(yùn)行，我們看到：

文字覆蓋***副圖片顯示了，那么需要繼續(xù)對(duì)它進(jìn)行設(shè)置：

<TextView android:id="@+id/txt"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="這里是一些顯示文字"     android:layout_below="@+id/img1"     android:layout_toRightOf="@+id/img2"/>

再次運(yùn)行程序，我們可以看到如下效果：

文字就在img1的下面并且在img2的右側(cè)了。此時(shí)文字的下側(cè)和img2的右側(cè)還有一定空間，我們?cè)俜胖靡粋€(gè)Button組件：

<Button      android:id="@+id/btn"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="按鈕"     android:layout_below="@+id/txt"     android:layout_toRightOf="@+id/img2"/>

再次運(yùn)行程序，我們就得到了如下效果：

和其它布局管理器一樣，我們可以通過Java代碼來實(shí)現(xiàn)對(duì)相對(duì)布局管理器的控制，下面首先來看一下RelativeLayout.LayoutParams的文檔：

其繼承結(jié)構(gòu)為：

java.lang.Object    ? android.view.ViewGroup.LayoutParams    ? android.view.ViewGroup.MarginLayoutParams    ? android.widget.RelativeLayout.LayoutParams

只是在代碼中控制相對(duì)布局管理器時(shí)需要設(shè)置一些規(guī)則，也就是我們上面看到的layout_toRightOf和layout_below等，下面來看一下代碼：

package org.ourpioneer; import android.app.Activity; import android.os.Bundle; import android.view.ViewGroup; import android.widget.EditText; import android.widget.RelativeLayout; public class RelativeLayoutDemoActivity extends Activity {     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         super.setContentView(R.layout.main);// 讀取已有的布局管理器         RelativeLayout relativeLayout = (RelativeLayout) super                 .findViewById(R.id.rLayout);// 獲取相對(duì)布局管理器rLayout         RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(                 ViewGroup.LayoutParams.FILL_PARENT,                 ViewGroup.LayoutParams.FILL_PARENT);// 設(shè)置布局管理器參數(shù)         params.addRule(RelativeLayout.BELOW, R.id.btn);// 設(shè)置放置規(guī)則         EditText edit = new EditText(this);// 創(chuàng)建EditText組件         relativeLayout.addView(edit,params);     } }

編寫代碼之前，我們需要在main.xml中為我們的布局管理器添加ID屬性，也就是rLayout，之后我們可以在代碼中對(duì)它進(jìn)行控制，這里我們?cè)谝延?的布局管理器之中繼續(xù)添加組件，也就是要往按鈕下放置一個(gè)編輯框，那么我們?cè)O(shè)置布局管理器參數(shù)都為FILL_PARENT，就是要填充整個(gè)屏幕，然后規(guī)則 定位在btn的下側(cè)，之后往布局管理器中添加組件

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。