歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android中多層動態嵌套布局的實現

Android中多層動態嵌套布局的實現

日期:2017/3/1 10:22:22   编辑:Linux編程

  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>

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11

Copyright © Linux教程網 All Rights Reserved