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

比转载处多加了一个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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值