Android Layout 之 RelativeLayout,程式碼實現相對佈局
作者:喜之郎
常年擔任java開發小組負責人
使用 AbsoluteLayout 可以直接指定其子 View 的絕對位置, 這種佈局方式雖然簡單,但是不夠靈活。比如在一個程式中,按鈕2 位於 按鈕1 的下方且和 按鈕1 左對齊,我們可以使用指定兩個按鈕的絕對位置的方式佈局,但是當佈局完成後,由於某些原因,這兩個按鈕需要相左平移一些距離以便在父 View 右邊留出一些空白區域,那麼我們就需要同時修改 按鈕1 和 按鈕2 的 layout params。如果佈局更復雜一些呢?這樣“牽一髮而動全身”的佈局模式恐怕不是那麼友好吧?
RelativeLayout,顧名思義,就是以“相對”位置/對齊 為基礎的佈局方式。android.widget.RelativeLayout 有個 繼承自android.view.ViewGroup.LayoutParams 的內嵌類 LayoutParams,使用這個類的例項呼叫RelativeLayout.addView 就可以實現“相對佈局”。
android.widget.RelativeLayout.LayoutParams有一個建構函式:RelativeLayout.LayoutParams(int w, inth),引數指定了子 View 的寬度和高度,這一點和其父類是一樣的。而實現相對佈局的關鍵在它的兩個 addRule 方法上。anchor 引數指定可以是 View 的 id(“相對於誰”)、RelativeLayout.TRUE(啟用某種對齊方式) 或者是-1(應用於某些不需要 anchor 的 verb);AddRule 方法的 verb 引數指定相對的“動作”(以下常量均定義於 android.widget.RelativeLayout中,為了簡便不給出其全名):
ALIGN_BOTTOM、ALIGN_LEFT、 ALIGN_RIGHT、 ALIGN_TOP: 本 View 的 底邊/左邊/右邊/頂邊和 anchor 指定的 View 的 底邊/左邊/右邊/頂邊對齊。
ALIGN_WITH_PARENT_BOTTOM 、ALIGN_WITH_PARENT_LEFT 、 ALIGN_WITH_PARENT_RIGHT 、 ALIGN_WITH_PARENT_TOP : 和上面一組常量類似,只不過不需要再指定 anchor, 其 anchor 自動為 Parent View。
CENTER_HORIZONTAL、CENTER_IN_PARENT 、CENTER_VERTICAL: 如果 anchor 為 TRUE,在 Parent 中水平居中/水平和垂直均居中/垂直居中。
POSITION_ABOVE 、POSITION_BELOW 、POSITION_TO_LEFT 、POSITION_TO_RIGHT :本 View 位於 anchor 指定的 View 的上邊/下邊/左邊/右邊。
看一個例子:
package com.farproc.RLTest;
import android.app.Activity;
import android.os.Bundle;
import android.widget.*;
import android.view.*;
public class RLTest extends Activity {
private RelativeLayout rl;
privateButton btn1;
private Button btn2;
private Button btn3;
private Button btn4;
private static final int ID_BTN1 = 1;
private static final int ID_BTN2 = 2;
private static final int ID_BTN3 = 3;
private static final int ID_BTN4 = 4;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
rl = new RelativeLayout(this);
btn1 = new Button(this);
btn1.setText("----------------------");
btn1.setId(ID_BTN1);
RelativeLayout.LayoutParams lp1 = newRelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp1.addRule(RelativeLayout.ALIGN_WITH_PARENT_TOP);
lp1.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);
// btn1 位於父 View 的頂部,在父 View 中水平居中
rl.addView(btn1, lp1 );
btn2 = new Button(this);
btn2.setText("|\n|\n|\n|\n|\n|");
btn2.setId(ID_BTN2);
RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp2.addRule(RelativeLayout.POSITION_BELOW, ID_BTN1);
lp2.addRule(RelativeLayout.ALIGN_LEFT, ID_BTN1);
// btn2 位於 btn1 的下方、其左邊和 btn1 的左邊對齊
rl.addView(btn2, lp2);
btn3 = new Button(this);
btn3.setText("|\n|\n|\n|\n|\n|");
btn3.setId(ID_BTN3);
RelativeLayout.LayoutParams lp3 = newRelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp3.addRule(RelativeLayout.POSITION_BELOW, ID_BTN1);
lp3.addRule(RelativeLayout.POSITION_TO_RIGHT, ID_BTN2);
lp3.addRule(RelativeLayout.ALIGN_RIGHT, ID_BTN1);
// btn3 位於 btn1 的下方、btn2 的右方且其右邊和 btn1 的右邊對齊(要擴充)
rl.addView(btn3,lp3);
btn4 = new Button(this);
btn4.setText("--------------------------------------------");
btn4.setId(ID_BTN4);
RelativeLayout.LayoutParams lp4 = newRelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp4.addRule(RelativeLayout.POSITION_BELOW, ID_BTN2);
lp4.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);
// btn4 位於 btn2 的下方,在父 Veiw 中水平居中
rl.addView(btn4,lp4);
setContentView(rl);
}
}
相關文章
- Android 相對佈局RelativeLayout 程式碼示例Android
- Android入門教程 | UI佈局之RelativeLayout 相對佈局AndroidUI
- layout佈局
- Flutter學習之”相對佈局“Flutter
- 進擊的佈局之Grid Layout
- ASP.NET Core MVC 之佈局(Layout)ASP.NETMVC
- DependentLayout相對佈局
- Element原始碼分析系列1一Layout(佈局)原始碼
- SwiftUI 佈局之元件對齊實現上下對齊和水平居中 (教程含原始碼)SwiftUI元件原始碼
- Android實現RecyclerView巢狀流式佈局AndroidView巢狀
- Xamarin 學習筆記 - Layout(佈局)筆記
- Android開發之常用佈局Android
- android基礎學習-android篇day15-相對佈局的常用屬性Android
- Android入門教程 | UI佈局之LinearLayout 線性佈局AndroidUI
- easyui-layout佈局高度自適應UI
- Android 實現一個通用的圓角佈局Android
- 小程式簡單實現表格佈局
- Android 佈局Android
- SAP Spartacus Page Layout - 頁面佈局設計
- 寫給 Android 開發的小程式佈局指南,Flex 佈局!AndroidFlex
- 佈局總結-水平居中佈局的實現
- Android效能優化之佈局優化Android優化
- Android系統修改之Notification佈局修改Android
- Android 中LayoutInflater(佈局載入器)原始碼篇之rInflate方法Android原始碼
- Android學習—— Android佈局Android
- Grid 拖拽佈局實現
- 聖盃佈局進階版-flex佈局實現Flex
- 一對一直播系統原始碼,Flexbox+ReclyclerView實現流式佈局原始碼FlexView
- 只要一行程式碼,實現五種 CSS 經典佈局行程CSS
- CSS佈局–聖盃佈局和雙飛翼佈局以及使用Flex實現聖盃佈局CSSFlex
- Android自定義View實現流式佈局(熱門標籤效果)AndroidView
- 學習筆記(十二):ArkUi-相對佈局 (RelativeContainer)筆記UIAI
- SAP UI5 SimpleForm 的 two-column layout 佈局UIORM
- Android 佈局優化Android優化
- android --巧用 flexboxLayout 佈局AndroidFlex
- Android之深刻理解layout_weightAndroid
- jQuery實現瀑布流佈局jQuery
- Android中常見的佈局和佈局引數Android
- 使用 CSS columns 佈局來實現自動分組佈局CSS