基于Android代碼實(shí)現(xiàn)常用布局

更新時(shí)間：2015年11月16日 15:19:08 投稿：mrr

大家在日常中經(jīng)常見(jiàn)到用xml文件實(shí)現(xiàn)android常用布局，但是大家知道如何用代碼實(shí)現(xiàn)呢？使用代碼實(shí)現(xiàn)可以幫助我們學(xué)習(xí)sdk api，所以小編把我日常整理些關(guān)于android常用布局代碼實(shí)現(xiàn)分享給大家

關(guān)于 android 常用布局，利用 XML 文件實(shí)現(xiàn)已經(jīng)有很多的實(shí)例了。但如何利用代碼實(shí)現(xiàn)呢？當(dāng)然利用代碼實(shí)現(xiàn)沒(méi)有太大的必要，也是不提倡的，但我覺(jué)得利用代碼實(shí)現(xiàn)這些布局，可以更好的了解 SDK API ，所以在此也整理一些，和大家分享一下。

首先看一下，布局所對(duì)應(yīng)的類(lèi)的 API 繼承圖：

android常用布局的代碼實(shí)現(xiàn)所有的布局都會(huì)對(duì)應(yīng)相關(guān)的類(lèi)，這些類(lèi)都是繼承自 android.view.ViewGroup 類(lèi)的。而 LinearLayout,RelativeLayout 都是在 android.widget 包里的。另外，TableLayout 是繼承自 LinearLayout.

下面直接貼代碼了。

// 利用代碼設(shè)置 線(xiàn)性布局
 private void setLinearLayout(){
  LinearLayout llayout = new LinearLayout(this);
  llayout.setOrientation(LinearLayout.VERTICAL); // 設(shè)置線(xiàn)性布局的排列方式
  TextView textView = new TextView(this);
  textView.setText("代碼實(shí)現(xiàn)的線(xiàn)性布局");
  textView.setTextColor(Color.RED);
  textView.setGravity(Gravity.CENTER); // 設(shè)置文本內(nèi)容的對(duì)齊方式
  LinearLayout.LayoutParams ll_lpara = new LinearLayout.LayoutParams(MP,WC);
//  ll_lpara.gravity = Gravity.CENTER_HORIZONTAL; // 設(shè)置控件在布局中的對(duì)齊方式
  llayout.addView(textView,ll_lpara);
  Button btn = new Button(this);
  btn.setText("按鈕");
  llayout.addView(btn,ll_lpara); // 按指定屬性添加控件
  setContentView(llayout);  
 }

實(shí)現(xiàn)效果圖：

=========================================================================

// 利用代碼設(shè)置 相對(duì)布局
 private void setRelativeLayout(){
  RelativeLayout rlayout = new RelativeLayout(this);
  rlayout.setPadding(10, 10, 10, 10); // 單位: pixels
  int textViewID = 100;
  TextView textView = new TextView(this);
  textView.setId(textViewID);
  textView.setText("請(qǐng)輸入:");
  RelativeLayout.LayoutParams rl_lpara1 = new RelativeLayout.LayoutParams(MP, WC);
  rlayout.addView(textView, rl_lpara1);
  int editTextID = 200;
  EditText editText = new EditText(this);
  editText.setId(editTextID);
  editText.setBackgroundResource(android.R.drawable.editbox_background); // 設(shè)置背景 , 同android:backgroumd
  RelativeLayout.LayoutParams rl_lpara2 = new RelativeLayout.LayoutParams(MP, WC);
  rl_lpara2.addRule(RelativeLayout.BELOW,textViewID); // 設(shè)置相對(duì)屬性,需先指定相對(duì)控件的ID
  rlayout.addView(editText, rl_lpara2);  
  int backBtnID = 300;
  Button backBtn = new Button(this);
  backBtn.setId(backBtnID);
  backBtn.setText("返回");
  RelativeLayout.LayoutParams rl_lpara3 = new RelativeLayout.LayoutParams(WC, WC);
  rl_lpara3.addRule(RelativeLayout.BELOW, editTextID);
  rl_lpara3.addRule(RelativeLayout.ALIGN_PARENT_RIGHT); // 設(shè)置與父控件的相對(duì)屬性
  rlayout.addView(backBtn, rl_lpara3);
  Button okBtn = new Button(this);
  okBtn.setText("確定");
  RelativeLayout.LayoutParams rl_lpara4 = new RelativeLayout.LayoutParams(WC, WC);
  rl_lpara4.addRule(RelativeLayout.LEFT_OF, backBtnID);
  rl_lpara4.addRule(RelativeLayout.ALIGN_TOP,backBtnID);
  rlayout.addView(okBtn, rl_lpara4);
  setContentView(rlayout);
 }

實(shí)現(xiàn)效果圖：

=========================================================================

// 利用代碼設(shè)置 表格布局
 private void setTableLayout(){
  TableLayout tlayout = new TableLayout(this);
  tlayout.setColumnStretchable(2, true); // 拉長(zhǎng)索引從0開(kāi)始的第2列
  TableLayout.LayoutParams tl_lpara = new TableLayout.LayoutParams(MP,WC);
  // 1. TableRow 不需要設(shè)置 layout_width, layout_height
  // 2. TableRow 中的控件不能設(shè)置 layout_span 屬性
  TableRow tr1 = new TableRow(this); 
  TextView textView0 = new TextView(this);
  textView0.setText("第0列");
  tr1.addView(textView0);  
  TextView textView1 = new TextView(this);
  textView1.setText("第1列");
  tr1.addView(textView1);  
  TextView textView2 = new TextView(this);
  textView2.setText("第2列");
  textView2.setBackgroundColor(Color.CYAN);
  tr1.addView(textView2);   
  tlayout.addView(tr1, tl_lpara); 
  TableRow tr2 = new TableRow(this);
  Button btn0 = new Button(this);
  btn0.setText("按鈕0");
  tr2.addView(btn0);  
  Button btn1 = new Button(this);
  btn1.setText("按鈕1");
  tr2.addView(btn1);  
  Button btn2 = new Button(this);
  btn2.setText("按鈕2");
  tr2.addView(btn2); 
  Button btn3 = new Button(this);
  btn3.setText("按鈕3");
  tr2.addView(btn3);
  tlayout.addView(tr2, tl_lpara);
  setContentView(tlayout);  
 }

實(shí)現(xiàn)效果圖: