Tab組件應用（聯合listview）

首先展示一下效果吧，看見效果就差不多知道Tab和TabHost是指什麼的了。

   第一張                 第二張

點擊上面的圖片就會顯示相應的內容，上面的三幅圖畫相當於按鈕。這個可以設置成文字也可以是圖片，還可以既有圖片又有文字（下文會有解釋）。

下面的顯示內容，可以顯示圖片、文字或導入其它程序結果（詳情請看下文）。

首先  佈局（很簡單的）：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/image1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/p1" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        tools:context=".MainActivity" />

    <ImageView
        android:id="@+id/image3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/p2" />

</RelativeLayout>

 

接着就是中心文件了，也不是很難，但要注意很多細節：

public class MainActivity extends TabActivity {（1）繼承的類與往不同了，一定要記住

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        TabHost tabHost=getTabHost();
        LayoutInflater.from(this).inflate(R.layout.activity_main, tabHost.getTabContentView(),true);
        Resources r=getResources();（2）
        tabHost.addTab(tabHost.newTabSpec("text1").setIndicator("",r.getDrawable(R.drawable.aa)).setContent(R.id.image1));（3）
        Intent intent=new Intent();（4）
        intent.setClass(this,ListActivity.class );（4）
        tabHost.addTab(tabHost.newTabSpec("text2").setIndicator("選項2",r.getDrawable(R.drawable.bb)).setContent(intent));（4）
        tabHost.addTab(tabHost.newTabSpec("text3").setIndicator("選項3",r.getDrawable(R.drawable.cc)).setContent(R.id.image3));
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

    
}

（1）繼承的類與往不同了，一定要記住

（2）此處是引用圖片時，必需的步驟

（3）tabHost.newTabSpec("text1").是指上面三處選項的id；setIndicator("",r.getDrawable(R.drawable.aa)).這裏是在text1處設置不顯示文字，而顯示aa這幅圖；setContent(R.id.image1))這裏是點擊後顯示佈局中定義好的圖片（寫法一定注意是id哦）（如圖第二張顯示的）

（4）點擊後顯示的內容引用之前listview中的結果。（如圖第一張顯示的）不僅要有這些代碼，還要把之前listview也就是想顯示的內容的程序代碼複製過來（記得改名字，不然可能重複導致錯誤哦）；還要在AndroidManifest.xml中增加代碼：

 

<activity android:name=".ListActivity" >拷貝過來java文件的名字
        </activity>