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>