歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

Android開發教程:淺談Tab選項卡

Tab選項卡是一個非常方便的組件。

一.使用Tab組件的步驟:

1.在布局文件中使用FrameLayout列出Tab組件以及Tab中的內容組件

2.Activity要繼承TabActivity

3.調用TabActivity的getTabHost( )方法來獲得TabHost對象

4.通過TabHost創建Tab選項

二.實現不同Tab裡面的內容有兩種方式:

1.切換不同的Tab時候,不同Tab裡面的內容在同一個Activity顯示,主要是通過修改布局文件裡面的id來實現的。下面是一個具體的例子:

MainActivity.java

  1. package com.Android.tab.activity;  
  2.  
  3. import android.app.TabActivity;  
  4. import android.os.Bundle;  
  5. import android.view.LayoutInflater;  
  6. import android.widget.TabHost;  
  7.  
  8. public class MainActivity extends TabActivity {  
  9.     @Override 
  10.     public void onCreate(Bundle savedInstanceState) {  
  11.         super.onCreate(savedInstanceState);  
  12.          //獲得TabHost對象       
  13.         TabHost tah = getTabHost();  
  14.           
  15.         // from(this)從TabActivity獲取LayoutInflater  
  16.         // R.layout.main 存放Tab布局  
  17.         // 通過TabHost獲得存放Tab標簽頁內容的FrameLayout  
  18.         // 是否將inflate 加到根布局元素上  
  19.         LayoutInflater.from(this).inflate(R.layout.main, tah.getTabContentView(), true);  
  20.           
  21.         //設置Tab標簽的內容和顯示內容  
  22.         tah.addTab(tah.newTabSpec("tab1").setIndicator("圖片1").setContent(R.id.TextView01));  
  23.         tah.addTab(tah.newTabSpec("tab2").setIndicator("圖片2").setContent(R.id.TextView02));  
  24.         tah.addTab(tah.newTabSpec("tab3").setIndicator("圖片3").setContent(R.id.TextView03));                        
  25.     }  

main.xml

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:id="@+id/FrameLayout01"   
  4.     android:layout_width="wrap_content"   
  5.     android:layout_height="wrap_content" 
  6.     >     
  7.     <TabHost   
  8.         android:id="@+id/TabHost01" 
  9.         android:layout_width="wrap_content"   
  10.         android:layout_height="wrap_content"   
  11.         /> 
  12.     <TextView   
  13.         android:id="@+id/TextView01"   
  14.         android:background="@drawable/pic1" 
  15.         android:layout_width="wrap_content"   
  16.         android:layout_height="wrap_content"   
  17.         />    
  18.     <TextView   
  19.         android:id="@+id/TextView02"   
  20.         android:background="@drawable/pic2" 
  21.         android:layout_width="wrap_content"   
  22.         android:layout_height="wrap_content"   
  23.         />    
  24.     <TextView   
  25.         android:id="@+id/TextView03"   
  26.         android:background="@drawable/pic3" 
  27.         android:layout_width="wrap_content"   
  28.         android:layout_height="wrap_content"   
  29.         />    
  30. </FrameLayout> 
  31.  
  32.  

效果圖:

650) this.width=650;" height=120>

Copyright © Linux教程網 All Rights Reserved