Tab组件的使用

来源:互联网 发布:深圳市咫尺网络 编辑:程序博客网 时间:2024/03/29 22:12

做到效果如下的Tab组件的使用:

 

首先布局组件,在activity_tab_main.xml中的代码如下:

<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/star1"/>    <ImageView         android:id="@+id/image2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/star2"/>    <ImageView         android:id="@+id/image3"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/star3"/></RelativeLayout>

再在主要的Activity(TabMainActivity.java)中编写如下的代码:

package com.bzu.tab.activity;import android.os.Bundle;import android.app.Activity;import android.app.TabActivity;import android.content.res.Resources;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuItem;import android.widget.TabHost;import android.support.v4.app.NavUtils;//第一步:extends TabActivitypublic class TabMainActivity extends TabActivity {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 第二步:获取选项卡组TabHost tabHost = getTabHost();// 第三步:引用布局文件LayoutInflater inflater = LayoutInflater.from(this);inflater.inflate(R.layout.activity_tab_main,tabHost.getTabContentView());// 第四步:创建对象Resources r = getResources();TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01").setIndicator("",r.getDrawable(R.drawable.star01)).setContent(R.id.image1);TabHost.TabSpec tab02 = tabHost.newTabSpec("tab02").setIndicator("",r.getDrawable(R.drawable.star02)).setContent(R.id.image2);TabHost.TabSpec tab03 = tabHost.newTabSpec("tab03").setIndicator("",r.getDrawable(R.drawable.star03)).setContent(R.id.image3);//第五步:把创建好的对象放入tabHost中tabHost.addTab(tab01);tabHost.addTab(tab02);tabHost.addTab(tab03);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_tab_main, menu);return true;}}