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>