前言：以前曾寫過一篇關于動態(tài)生成控件的文章《動態(tài)添加控件及將某XML動態(tài)加入到Activity顯示》，比較淺顯，對于RelativeLayout的相關布局設置方法及相對布局與線性布局的混合使用的相關內容都沒有進行深入討論。今天再次涉及到這些內容，就不再單獨討論相對布局的相關設置內容了，直接從相對布局與線性布局的混合應用開始。
相關文章：《動態(tài)添加控件及將某XML動態(tài)加入到Activity顯示》
總效果：
這里動態(tài)生成十個相同的列表，這是最終效果，但凡事都是從易而難的，下面我們就從XML生成一項內容開始講解。
一、利用XML生成一項列表
這里先利用XML生成一項列表開始，先看一項列表的效果圖及對應代碼：
對應的XML代碼為：
[html] view plaincopy
<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??????xmlns:tools="http://schemas.android.com/tools"??????android:id="@+id/layout_root"??????android:layout_width="fill_parent"??????android:layout_height="fill_parent"??????android:orientation="vertical"??????tools:context=".MainActivity"?>????????<TextView??????????android:layout_width="fill_parent"??????????android:layout_height="wrap_content"??????????android:background="#19000000"??????????android:gravity="center_horizontal"??????????android:paddingBottom="20dip"??????????android:paddingTop="20dip"??????????android:text="嘗試動態(tài)生成列表"??????????android:textColor="#ff0000"??????????android:textSize="24sp"?/>????????<ScrollView??????????android:layout_width="fill_parent"??????????android:layout_height="match_parent"??????????android:scrollbars="vertical"?>????????????<LinearLayout??????????????android:id="@+id/list_Lin"??????????????android:layout_width="fill_parent"??????????????android:layout_height="wrap_content"??????????????android:orientation="vertical"?>???????????????????????????????<RelativeLayout??????????????????android:layout_width="fill_parent"??????????????????android:layout_height="wrap_content"?>????????????????????<LinearLayout??????????????????????android:layout_width="match_parent"??????????????????????android:layout_height="wrap_content"??????????????????????android:layout_margin="5dip"??????????????????????android:layout_marginRight="10dip"??????????????????????android:layout_toLeftOf="@+id/image"??????????????????????android:background="#ff00ff00"??????????????????????android:orientation="horizontal"??????????????????????android:padding="5dip"?>????????????????????????<TextView??????????????????????????android:layout_width="wrap_content"??????????????????????????android:layout_height="wrap_content"??????????????????????????android:text="我的第一次經(jīng)歷"??????????????????????????android:textColor="#ff000000"??????????????????????????android:textSize="20dip"?/>??????????????????</LinearLayout>????????????????????<ImageView??????????????????????android:id="@+id/image"??????????????????????android:layout_width="wrap_content"??????????????????????android:layout_height="wrap_content"??????????????????????android:layout_alignParentRight="true"??????????????????????android:clickable="true"??????????????????????android:padding="5dip"??????????????????????android:src="@drawable/plus"?/>??????????????</RelativeLayout>??????????????????????????</LinearLayout>??????</ScrollView>????</LinearLayout>??
動態(tài)生成注釋里的部分就是我們將要用代碼生成的部分，這里寫出來是為了在寫代碼時參考，現(xiàn)在把注釋里的部分刪掉，開始在代碼中生成。
二、使用XML和JAVA代碼生成界面
?先貼出完整的代碼，然后再逐步講解。
?完整代碼：
[java] view plaincopy
package?com.example.trydynamiclayout;????????import?android.os.Bundle;??import?android.app.Activity;??import?android.graphics.Color;??import?android.widget.ImageView;??import?android.widget.LinearLayout;??import?android.widget.RelativeLayout;??import?android.widget.TextView;????public?class?MainActivity?extends?Activity?{????????????private?static?int?id?=?100;????????@Override??????protected?void?onCreate(Bundle?savedInstanceState)?{??????????super.onCreate(savedInstanceState);??????????setContentView(R.layout.activity_main);????????????????????final?LinearLayout?lin?=?(LinearLayout)?findViewById(R.id.list_Lin);???????????LinearLayout.LayoutParams?LP_FW?=?new?LinearLayout.LayoutParams(??????????????????LinearLayout.LayoutParams.FILL_PARENT,?LinearLayout.LayoutParams.WRAP_CONTENT);??????????RelativeLayout?newSingleRL=new?RelativeLayout(this);????????????????????for(int?i=0;i<10;)??????????{??????????????newSingleRL=generateSingleLayout(id,"第"+(++i)+"個動態(tài)列表");??????????????lin.addView(newSingleRL,LP_FW);??????????}??????????????????????????????}?????????????????private?RelativeLayout?generateSingleLayout(int?imageID,String?str)??????{??????????RelativeLayout?layout_root_relative=new?RelativeLayout(this);????????????????????LinearLayout?layout_sub_Lin=new?LinearLayout(this);??????????layout_sub_Lin.setBackgroundColor(Color.argb(0xff,?0x00,?0xff,?0x00));??????????layout_sub_Lin.setOrientation(LinearLayout.VERTICAL);??????????layout_sub_Lin.setPadding(5,?5,?5,?5);????????????????????TextView?tv?=?new?TextView(this);??????????LinearLayout.LayoutParams?LP_WW?=?new?LinearLayout.LayoutParams(??????????LinearLayout.LayoutParams.WRAP_CONTENT,?LinearLayout.LayoutParams.WRAP_CONTENT);??????????tv.setText(str);??????????tv.setTextColor(Color.argb(0xff,?0x00,?0x00,?0x00));??????????tv.setTextSize(20);??????????tv.setLayoutParams(LP_WW);??????????layout_sub_Lin.addView(tv);????????????????????RelativeLayout.LayoutParams?RL_MW?=?new?RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,??????????????????RelativeLayout.LayoutParams.WRAP_CONTENT);??????????RL_MW.setMargins(5,?5,?10,?5);??????????RL_MW.addRule(RelativeLayout.LEFT_OF,imageID);??????????layout_root_relative.addView(layout_sub_Lin,RL_MW);???????????????????????????????ImageView?imageView?=?new?ImageView(this);???????????????RelativeLayout.LayoutParams?RL_WW?=?new?RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,??????????????????????RelativeLayout.LayoutParams.WRAP_CONTENT);???????????imageView.setPadding(5,?5,?5,?5);???????????RL_WW.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);???????????imageView.setLayoutParams(RL_WW);?????????????imageView.setClickable(true);???????????imageView.setId(imageID);???????????imageView.setImageResource(R.drawable.plus);???????????layout_root_relative.addView(imageView);??????????????????????return?layout_root_relative;????????????????}????}??
講解：
?一、先看generateSingleLayout(int imageID,String str)
?1、看這段代碼：?
[java] view plaincopy
RelativeLayout?layout_root_relative=new?RelativeLayout(this);????LinearLayout?layout_sub_Lin=new?LinearLayout(this);??layout_sub_Lin.setBackgroundColor(Color.argb(0xff,?0x00,?0xff,?0x00));??layout_sub_Lin.setOrientation(LinearLayout.VERTICAL);??layout_sub_Lin.setPadding(5,?5,?5,?5);????TextView?tv?=?new?TextView(this);??LinearLayout.LayoutParams?LP_WW?=?new?LinearLayout.LayoutParams(??LinearLayout.LayoutParams.WRAP_CONTENT,?LinearLayout.LayoutParams.WRAP_CONTENT);??tv.setText(str);??tv.setTextColor(Color.argb(0xff,?0x00,?0x00,?0x00));??tv.setTextSize(20);??tv.setLayoutParams(LP_WW);??layout_sub_Lin.addView(tv);????RelativeLayout.LayoutParams?RL_MW?=?new?RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,??????????RelativeLayout.LayoutParams.WRAP_CONTENT);??RL_MW.setMargins(5,?5,?10,?5);??RL_MW.addRule(RelativeLayout.LEFT_OF,imageID);??layout_root_relative.addView(layout_sub_Lin,RL_MW);??
根據(jù)上面的XML可以，我們要首先生成一個RelativeLayout，這就是layout_root_relative。
注意一： （控件的布局參數(shù)選擇方式）
然后生成其第一個字布局LinearLayout? layout_sub_Lin；然后再生成layout_sub_Lin里唯一的一個控件，注意這里設置LayoutParams的方式，使用的是LinearLayout?參數(shù)！！！！對于如何選擇當前控件的布局layout_width、layout_height的參數(shù)的方法，主要是看其父布局！！！！如果其父布局是LinearLayout?設置其LayoutParams參數(shù)時就要使用LinearLayout.LayoutParams，正如這里的TextView tv。而如果其父容器的相對布局呢，一樣，換它父布局的來，使用RelativeLayout.LayoutParams RL_MW，如這里的LinearLayout layout_sub_Lin，所以即便layout_sub_Lin自己是布局控件也要按其父容器的布局方法寫！！！！??
注意二： layout_toLeftOf的代碼書寫方法?
在XML中，對于此LinearLayout的相對布局，用到了android:layout_toLeftOf="@+id/image"，而在代碼中是動態(tài)生成的控件，如何利用此規(guī)則呢。
首先給動態(tài)生成的ImageView設置一個ID值，此ID值在些Acitivity中必須是唯一的，不可沖突的，如果沖突，關于用到此ID值的任何代碼都將是無效的！這也就是后面代碼中會看到的imageView.setId(imageID);
然后利用addRule（）添加規(guī)則。
?2、剩余代碼就沒什么好講的了，就是生成一個imageView設置ID值及其它參數(shù)，然后添加到RelativeLayout中，并將layout_root_relative返回。
?二、onCreate()函數(shù)
?這段代碼如下：
[java] view plaincopy
final?LinearLayout?lin?=?(LinearLayout)?findViewById(R.id.list_Lin);???LinearLayout.LayoutParams?LP_FW?=?new?LinearLayout.LayoutParams(??????????LinearLayout.LayoutParams.FILL_PARENT,?LinearLayout.LayoutParams.WRAP_CONTENT);??RelativeLayout?newSingleRL=new?RelativeLayout(this);????for(int?i=0;i<10;)??{??????newSingleRL=generateSingleLayout(id,"第"+(++i)+"個動態(tài)列表");??????lin.addView(newSingleRL,LP_FW);??}??????final?LinearLayout?root?=?(LinearLayout)?findViewById(R.id.layout_root);???setContentView(root);???
1、先看For循環(huán)及其上部的代碼：
[java] view plaincopy
final?LinearLayout?lin?=?(LinearLayout)?findViewById(R.id.list_Lin);???
找到當前新生成的ITEM項的插入位置。
[java] view plaincopy
LinearLayout.LayoutParams?LP_FW?=?new?LinearLayout.LayoutParams(??????????LinearLayout.LayoutParams.FILL_PARENT,?LinearLayout.LayoutParams.WRAP_CONTENT);???
[java] view plaincopy
newSingleRL=generateSingleLayout(id,"第"+(++i)+"個動態(tài)列表");??lin.addView(newSingleRL,LP_FW);??
這里是兩塊代碼，先看第二塊，先是新生成一項，注意這一項返回的結點是RelativeLayout layout_root_relative，然后將其插入到列表位置中去，注意要插入的布局是LinearLayout lin，也就是layout_root_relative的父結點是LinearLayout，所以這也就是在addView時為什么它對應的布局參數(shù)使用LinearLayout.LayoutParams的原因了！
?2、setContentView(root);顯示視圖?
?這段代碼如下：
[java] view plaincopy
final?LinearLayout?root?=?(LinearLayout)?findViewById(R.id.layout_root);???setContentView(root);???
這里最注意的一點，setContentView（）所設置的視圖結點是整個XML的根結點！！！！設置為其它結點會發(fā)生異常！！！很容易理解。
?
更正：
在原來的onCreate代碼中，在代碼的最后，加上了
[java] view plaincopy
final?LinearLayout?root?=?(LinearLayout)?findViewById(R.id.layout_root);???setContentView(root);???
其實這樣做是完全沒有必要的，直接將這兩句刪除，效果是完全一樣的。
原因在于，在其上面的代碼中，我們通過
[java] view plaincopy
final?LinearLayout?lin?=?(LinearLayout)?findViewById(R.id.list_Lin);??
找到了要插入布局的結點位置，直接在其下面插入布局代碼，界面會自動更新，根本不需要重新setContentView()
在博客中，我將這兩句無關代碼注釋了起來，而源碼中沒有更改過來，請大家注意一下，由于當時剛接觸這部分，對大家造成的誤導，深表歉意……
?（源碼中有兩句代碼完全不必要加，請看博客“更正”部分）
?源碼下載地址：http://download.csdn.net/detail/harvic880925/7250631，不要分，僅供分享！
?
三、完全使用JAVA代碼生成UI界面
這部分其實在上面的改動不大，只是完全使用代碼構建整個界面，由于這種方法構建UI可維護性很差，所以不推薦使用。
其它代碼不變，OnCreate()函數(shù)代碼如下：
[java] view plaincopy
????protected?void?onCreate(Bundle?savedInstanceState)?{??????????super.onCreate(savedInstanceState);??????????????????????final?LinearLayout?lin?=?new?LinearLayout(this);??????????lin.setOrientation(LinearLayout.VERTICAL);??????????LinearLayout.LayoutParams?LP_FW?=?new?LinearLayout.LayoutParams(??????????????????LinearLayout.LayoutParams.FILL_PARENT,?LinearLayout.LayoutParams.WRAP_CONTENT);??????????RelativeLayout?newSingleRL=new?RelativeLayout(this);????????????????????for(int?i=0;i<10;)??????????{??????????????newSingleRL=generateSingleLayout(id,"第"+(++i)+"個動態(tài)列表");??????????????lin.addView(newSingleRL,LP_FW);??????????}????????????????????setContentView(lin);???????}??
效果圖：
該部分源碼地址：http://download.csdn.net/detail/harvic880925/7692059
總結
以上是生活随笔為你收集整理的动态添加综合布局---动态添加控件及将某XML动态加入到Activity显示（续）的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。
