/**
* Tab选项卡类似与电话本的界面,通过多个标签切换不同的内容,要实现这个效果,首先要知道TabHost,
* 它是一个用来存放多个Tab标签的容器,每一个Tab都可以对应自己的布局,比如,电话本中的Tab布局就
* 是一个线性布局
* 要使用TabHost,首先要通过getTabHost方法获取TabHost的对象,然后通过addTab方法来向
* TabHost中添加Tab,当然每个Tab在切换时都会产生一个事件,要捕捉这个事件,需要设置TabActivity
* 的事件监听setOnTabChangedListener
*/
效果图
发现很多微薄如腾讯,新浪的选项卡 都是显示在页面底部的,网上有资料:通过反射获取tabwidget中的私有变量,改变其值。
效果图
本程序main.xml源码
android:id="@android:id/tabhost"android:layout_width="fill_parent"
android:layout_height="fill_parent">
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
android:id="@android:id/tabcontent"
android:layout_weight="1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
android:id="@android:id/tabs"
android:layout_alignParentBottom="true"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
java源码
import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.Toast;
import android.widget.TabHost.OnTabChangeListener;
public class TabWidgetActivity extends TabActivity
{
TabHost tabhost;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//取得TabHost对象
tabhost=getTabHost();
//为TabHost添加标签
//新建一个newTabSpec(newTabSpec)
//设置其标签和图标(setIndicator)
//设置内容(setContent)
tabhost.addTab(tabhost.newTabSpec("tab1")
.setIndicator("TAB 1",getResources().getDrawable(R.drawable.icon))
.setContent(R.id.text1));
tabhost.addTab(tabhost.newTabSpec("tab2")
.setIndicator("TAB 2",getResources().getDrawable(R.drawable.icon))
.setContent(R.id.text2));
tabhost.addTab(tabhost.newTabSpec("tab3")
.setIndicator("TAB 3",getResources().getDrawable(R.drawable.icon))
.setContent(R.id.text3));
//设置TabHost的背景颜色
//tabhost.setBackgroundColor(Color.argb(150,22,70,150));
//设置TabHost的背景图片资源
tabhost.setBackgroundResource(R.drawable.bg0);
//设置当前显示哪个标签
tabhost.setCurrentTab(0);
//标签切换事件处理,setOnTabChangedListener
tabhost.setOnTabChangedListener(new OnTabChangeListener()
{
public void onTabChanged(String tabId)
{
switch(tabhost.getCurrentTab())
{
case 0:
tabhost.setBackgroundResource(R.drawable.bg0);
Toast.makeText(getApplicationContext(), "当前标签为第一个页面", Toast.LENGTH_SHORT).show();
break;
case 1:
tabhost.setBackgroundResource(R.drawable.bg1);
Toast.makeText(getApplicationContext(), "当前标签为第二个页面", Toast.LENGTH_SHORT).show();
break;
case 2:
tabhost.setBackgroundResource(R.drawable.bg2);
Toast.makeText(getApplicationContext(), "当前标签为第三个页面", Toast.LENGTH_SHORT).show();
break;
}
}
});
}
}