Android中多层动态嵌套布局的实现

来源：互联网发布：向json对象里添加元素编辑：程序博客网时间：2024/05/18 03:03

1.概念：在开发一些复杂界面，尤其是开发平板电脑页面时，界面布局往往比手机布局复杂很多。此时就需要用到嵌套布局。同时为了达到某种效果，需要局部的页面能够动态的变化，最典型的就是在一个页面中使用多个ViewPager。当这些ViewPager所在的页面也是动态变化的时候，就需要实现多层LinearLayout的嵌套。比如一个标签页面，头部是静态的，内容部分是动态变化的，同时每个内容中又需要动态变化，代码实现时就需要通过多次添加来实现。

　　2.下面是一个简单的案例（该案例只是实现了多层嵌套的添加，如果需要实现动态的添加效果，只需通过控制条件改变每次添加的内容即可。）

　　PadTestActivity.javapackage com.devin;import android.app.Activity;import android.os.Bundle;import android.view.LayoutInflater;import android.widget.LinearLayout;public class PadTestActivity extends Activity {    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        LayoutInflater inflater=getLayoutInflater();                //Add first page        LinearLayout myFirst = (LinearLayout) inflater.inflate(                R.layout.first, null).findViewById(R.id.myFirst);                LinearLayout layoutMain = (LinearLayout)findViewById(R.id.LayoutMain);        layoutMain.removeAllViews();        layoutMain.addView(myFirst);    //Show the page first                //Add second page        LinearLayout mySecond = (LinearLayout) inflater.inflate(                R.layout.second, null).findViewById(R.id.mySecond);            LinearLayout layoutFirst = (LinearLayout) findViewById(R.id.LayoutFirst);        layoutFirst.addView(mySecond);                    //Add third page        LinearLayout myThird = (LinearLayout) inflater.inflate(                R.layout.third, null).findViewById(R.id.myThird);            LinearLayout layoutSecond = (LinearLayout) findViewById(R.id.LayoutSecond);        layoutSecond.addView(myThird);        }}
布局代码
　　main.xml
比转载处多加了一个android:orientation="vertical"不然会报错，一下每个XML文件都要加

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Main Page" />    <LinearLayout        android:id="@+id/LayoutMain"        android:layout_width="fill_parent"        android:layout_height="fill_parent" 
android:orientation="vertical">    </LinearLayout>    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Main Page" /></LinearLayout>
first.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/myFirst"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="First Page" />    <LinearLayout        android:id="@+id/LayoutFirst"        android:layout_width="fill_parent"        android:layout_height="372dp"        android:orientation="vertical" ></LinearLayout>       <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="First Page" /></LinearLayout>
second.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/mySecond"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Second Page" />    <LinearLayout        android:id="@+id/LayoutSecond"        android:layout_width="fill_parent"        android:layout_height="fill_parent"         android:orientation="vertical">    </LinearLayout>    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Second Page" /></LinearLayout>

third.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/myThird"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Third Page" />    <LinearLayout        android:id="@+id/LayoutThird"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:orientation="vertical" >    </LinearLayout>    <TextView        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Third Page" /></LinearLayout>

其中的原理是，在上一个的XML中定义了一个布局LinearLayout，然后在通过findViewById获取该布局，然后往该布局中添加新的布局，从此达到多层嵌套的目的

 LinearLayout layoutFirst = (LinearLayout) findViewById(R.id.LayoutFirst);        layoutFirst.addView(mySecond);

转载地址：http://www.cnblogs.com/devinzhang/archive/2012/04/20/2459097.html

0 0