Android使用代碼動態生成界面

Posted on by

我們最常用使用XML來編寫Android應用程序的UI，這樣的好處是方便快捷可視化，而且維護和修改特別容易，但是它是靜態的。如果我們要做的程序的界面是固定的，用XML固然是最好的選擇，但是如果我們需要動態、靈活地控制UI，使用代碼來動態生成UI無疑使最好的辦法。

在XML中，我們使用的五大佈局：LinearLayout（線性佈局）、RelativeLayout（相對佈局）、TableLayout（表格佈局）、AbsoluteLayout（絕對佈局）和FrameLayout（幀佈局）在Android中也有對應的類來表示。

舉個例子，我現在需要顯示一個表格，表格的行數和列數及其內容都不確定，如果在XML中，這是不可能實現的。

先給大傢看一下成品：（下面的代碼隻給大傢展示如何實現，表格裡面的內容忽略）

首先，新建一個不帶任何控件的XML文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
 
    <TableLayout
        android:id="@+id/tableLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </TableLayout>
 
</LinearLayout>

在代碼中新建一個TableLayout：

// TODO 顯示表格信息
 private void displayRegeditedInfo()
 {
  Iterator
   
     iterator = iterable.iterator();
  ICells
    
      iCells = GlobalVariable.manager
    .createPersonDataCells(IInspectionManager.CS_PERSON_LIST_CELLS);
  boolean flag = true;// 標題欄為true，內容欄位false
  int colorChange = 1;// 用來判斷單雙行，以顯示不同的顏色
  TableLayout tableLayout = (TableLayout) findViewById(R.id.tableLayout);
  tableLayout.setStretchAllColumns(true);
  tableLayout.setShrinkAllColumns(true);
 
  while (iterator.hasNext())
  {
   // 行的樣式
   TableRow.LayoutParams params = new TableRow.LayoutParams(
       ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
   if (flag)// 首先顯示表格的標題欄，內容自己定義
   {
    TableRow titleRow = new TableRow(this);
    for (int i = 0; i < colums; i++)// 列數
    {// 列名
     params.setMargins(1, 1, 1, 1);
     TextView textView = new TextView(this);
     textView
       .setBackgroundColor(getResources().getColor(R.color.top));
     textView.setTextColor(Color.WHITE);
     textView.setTextSize(31);
     textView.setLayoutParams(params);
     textView.setText(columsName);// 列名
     textView.setTextSize(30);
     textView.setGravity(Gravity.CENTER_HORIZONTAL);
     titleRow.addView(textView);// 把控件添加到行TableRow中
    }
    flag = false;
    tableLayout.addView(titleRow);// 把行添加到TableLayout中
   }
 
   // 新建一行，顯示每個成員的具體信息
   TableRow personRow = new TableRow(this);
   for (int i = 0; i < lines; i++)
   {
    params.setMargins(1, 1, 1, 1);
    object; // 我在這裡用Object代表表格顯示的內容，
      // Object可以是字符串、數字，也可以是照片，看你具體的定義
    if (object instanceof String)
    {// 字符串居中顯示
     TextView textView = new TextView(this);
     textView.setLayoutParams(params);
     textView.setTextSize(29);
     if (colorChange % 2 == 1)
      textView.setBackgroundColor(getResources().getColor(
        R.color.second));
     else
      textView.setBackgroundColor(getResources().getColor(
        R.color.third));
     textView.setText(object.toString());
     textView.setTextSize(30);
     textView.setGravity(Gravity.CENTER);
     personRow.addView(textView);
    }
 
    else if (object instanceof Number)
    {// 數字居右顯示
     TextView textView = new TextView(this);
     textView.setPadding(0, 0, 5, 0);// 右內邊距
     textView.setLayoutParams(params);
     textView.setText(object.toString());
     textView.setTextSize(30);
     textView.setTextSize(29);
     if (colorChange % 2 == 1)
      textView.setBackgroundColor(getResources().getColor(
        R.color.second));
     else
      textView.setBackgroundColor(getResources().getColor(
        R.color.third));
     textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.RIGHT);
     personRow.addView(textView);
    }
 
    else if (object instanceof byte[])
    {// 顯示頭像
     TableRow.LayoutParams params2 = new TableRow.LayoutParams(60, 75);
     ImageView imageView = new ImageView(this);
     if (colorChange % 2 == 1)
      imageView.setBackgroundColor(getResources().getColor(
        R.color.second));
     else
      imageView.setBackgroundColor(getResources().getColor(
        R.color.third));
     Bitmap bitmap = BitmapFactory.decodeByteArray((byte[]) object,
       0, ((byte[]) object).length);
     imageView.setImageBitmap(bitmap);
     imageView.setLayoutParams(params2);
     personRow.addView(imageView);
    }
 
    else
    {// 空值
     TextView textView = new TextView(this);
     textView.setLayoutParams(params);
     textView.setTextSize(30);
     if (colorChange % 2 == 1)
      textView.setBackgroundColor(getResources().getColor(
        R.color.second));
     else
      textView.setBackgroundColor(getResources().getColor(
        R.color.third));
     personRow.addView(textView);
    }
   }
   colorChange++;
   tableLayout.addView(personRow);
  }
 }

還可以對整個佈局、整行或某個空間添加監聽事件，隻需setId(int id)，然後在設立監聽器即可。

以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：