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

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

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

  PadTestActivity.java
package 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

<?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" >
    </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="fill_parent" >
    </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" >
    </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" >
    </LinearLayout>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Third Page" />

</LinearLayout>
posted @ 2012-05-11 12:10  精灵博客园  阅读(289)  评论(0编辑  收藏  举报