1. 程式人生 > >Android 利用addView 動態給Activity新增View元件

Android 利用addView 動態給Activity新增View元件

本文主要講述如何動態給UI介面添加布局和控制元件,在程式設計的時候很多時候需要動態顯示一些內容,在動態新增View的時候,主要使用addView方法。
1. addView方法簡介
在Android 中,可以利用排版View的 addView 函式,將動態產生的View 物件加入到排版View 中。
例子如下:
Activity程式碼:
public class helloWorld extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView( R.layout.main );
// 取得LinearLayout 物件
LinearLayout ll = (LinearLayout)findViewById(R.id.viewObj);
// 將TextView 加入到LinearLayout 中
TextView tv = new TextView(this);
tv.setText(Hello World);
ll. addView ( tv );
// 將Button 1 加入到LinearLayout 中
Button b1 = new Button(this);
b1.setText(取消);
ll. addView ( b1 );
// 將Button 2 加入到LinearLayout 中
Button b2 = new Button(this);
b2.setText(確定);
ll. addView ( b2 );
// 從LinearLayout 中移除Button 1
ll. removeView ( b1 );
}
}
上述程式碼的位置,是垂直順序排列的因為介面程式碼Linerlayout的orientation設定的是vertical的,但是為了美觀,需要設定新增的View的位置和樣式。在新增View的時候分為兩類來介紹,一種是佈局(例如:Linearlayout等),一種是控制元件(例如:Button,TextView等等。)
2. 動態添加布局(包括樣式和位置)
下面的例子將介紹如何動態添加布局,基本內容和上面的程式碼一致,主要注重如何控制新增的佈局的位置。在控制佈局的位置的時候使用LayoutParam類來實現。
例子:
介面程式碼和上面的介面程式碼類似,就不在重複介紹。
Activity類部分程式碼:
RelativeLayout rl = new RelativeLayout(this);
//設定RelativeLayout佈局的寬高
RelativeLayout.LayoutParams relLayoutParams=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
this.addView(rl, relLayoutParams);
3. 動態新增控制元件
動態新增控制元件和添加布局很相似,下述程式碼主要注重看控制控制元件的位置,下面的程式碼和第二項添加布局的補充,在新新增的佈局裡面再新增控制元件。
介面程式碼同樣不在重複。
Activity類部分程式碼:
RelativeLayout rl = new RelativeLayout(this);
//設定RelativeLayout佈局的寬高
RelativeLayout.LayoutParams relLayoutParams=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
TextView temp = new TextView(this);
temp .setId(1);
temp.setText(“圖片”);
rl.addView(temp);
TextView tv = new TextView(this);
tv.setText(“文字”);
tv.setId(2);
LayoutParams param1 = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
param1.addRule(RelativeLayout.BELOW, 1);//此控制元件在id為1的控制元件的下邊
rl.addView(tv,param1);
Button update = new Button(this);
update.setText(Button);
LayoutParams param2 = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
param2.addRule(RelativeLayout.RIGHT_OF, 1);//此控制元件在id為1的控制元件的右邊
rl.addView(update,param2);
this.addView(rl, relLayoutParams);

注意:控制位置和樣式的時候,佈局和控制元件使用的方法是一樣的。

我在這裡看了一篇別人部落格對於LayoutParams 的解釋,我覺的很到位,所以就繼續拿來主義。


其實這個LayoutParams類是用於child view(子檢視) 向 parent view(父檢視)傳達自己的意願的一個東西(孩子想變成什麼樣向其父親說明)其實子檢視父檢視可以簡單理解成
一個LinearLayout 和 這個LinearLayout裡邊一個 TextView 的關係 TextView 就算LinearLayout的子檢視 child view 。需要注意的是LayoutParams只是ViewGroup的一個內部類這裡邊這個也就是ViewGroup裡邊這個LayoutParams類是 base class 基類實際上每個不同的ViewGroup都有自己的LayoutParams子類
比如LinearLayout 也有自己的 LayoutParams 大家開啟原始碼看幾眼就知道了
myeclipse 怎麼檢視原始碼 請看http://byandby.iteye.com/blog/814277
下邊來個例子


 
Java程式碼 :
      //建立一個線性佈局   
       private LinearLayout mLayout;      
       mLayout = (LinearLayout) findViewById(R.id.layout);      
      //現在我要往mLayout裡邊新增一個TextView    
     //你可能會想直接在佈局檔案裡邊配置不就O 了 那是 但是這裡為了說明問題我們用程式碼實現   
      TextView textView = new TextView(Activity01.this);      
           textView.setText("Text View " );   
           //這裡請不要困惑這裡是設定 這個textView的佈局 FILL_PARENT WRAP_CONTENT 和在xml檔案裡邊設定是一樣的如   
    
//在xml裡邊怎麼配置高寬大家都會的。   
  //第一個引數為寬的設定,第二個引數為高的設定。   
           LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(      
                   LinearLayout.LayoutParams.FILL_PARENT,      
                   LinearLayout.LayoutParams.WRAP_CONTENT      
           );      
           //呼叫addView()方法增加一個TextView到線性佈局中   
           mLayout.addView(textView, p);      
          //比較簡單的一個例子  


如果還不能理解下邊在來一段直白的說明:
LayoutParams繼承於Android.View.ViewGroup.LayoutParams.
LayoutParams相當於一個Layout的資訊包,它封裝了Layout的位置、高、寬等資訊。假設在螢幕上一塊區域是由一個Layout佔領的,如果將一個View新增到一個Layout中,最好告訴Layout使用者期望的佈局方式,也就是將一個認可的layoutParams傳遞進去。
可以這樣去形容LayoutParams,在象棋的棋盤上,每個棋子都佔據一個位置,也就是每個棋子都有一個位置的資訊,如這個棋子在4行4列,這裡的“4行4列”就是棋子的LayoutParams。
但LayoutParams類也只是簡單的描述了寬高,寬和高都可以設定成三種值:
1,一個確定的值;
2,FILL_PARENT,即填滿(和父容器一樣大小);
3,WRAP_CONTENT,即包裹住元件就好。


關於setLayoutParams報錯
 
  在繼承BaseAdapter的時候,用getView返回View的時候,用程式碼控制佈局,需要用到View.setLayoutParams,但是報錯了,報的是型別轉換錯誤,經過研究,發現,這裡不能使用ViewGroup.LayoutParams而必須使用對應父View的LayoutParams型別。如:某View被LinearLayout包含,則該View的setLayoutParams引數型別必須是LinearLayout.LayoutParams。原因在於LinearLayout(或其他繼承自ViewGroup的layout,如:RelativeLayout)在進行遞迴佈局的時候,LinearLayout會獲取子View的LayoutParams,並強制轉換成LinearLayout.LayoutParams,如
1LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) child.getLayoutParams();
或者是如下定義:
1LayoutParams lp = (LayoutParams) child.getLayoutParams();
以轉換成內部型別LinearLayout.LayoutParams。
 
自己測試執行的時候報空指標,原因為child.getLayoutParams();這裡沒有獲得到子控制元件所在的佈局,檢視程式碼發現parent.addView(child);應該寫在上面,之後child才能getLayoutParams();