Android中TabHost动态修改图标或者动态改变标题

遇到这个问题的时候，说实话，刚开始也没有想到这个方法。那时客户需要实现在TabHost标题上动态显示从数据库获取的个数。起初这样思考的，从数据库获取个数是非常简单，但是要把获取的个数显示在TabHost标题，思前恋后，想用Handler来异步实现消息传递。最终也没有解决掉。也许也有很多的朋友和我遇到同样棘手的问题吧。

把我解决的方法和大家分享下吧。

如果将图标或者标题的变量设置为全局变量，你们应该知道我的目的吧。也就是为了在这个类不断的进行赋值。

先来简单的认识下TabHost吧。理论我就不多说了，你们看的话也很累，还是直接代码贴出来看看就一目了然了。

   

    xml的文件代码：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"

    android:layout_height="fill_parent">

    <LinearLayout

        android:orientation="vertical"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent">

        <TabWidget

            android:id="@android:id/tabs"
            android:layout_width="fill_parent"

            android:layout_height="wrap_content" />

        <FrameLayout

            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"

            android:layout_height="fill_parent">

            <TextView 

                android:id="@+id/textview1"

                android:layout_width="fill_parent"

                android:layout_height="fill_parent" 

                android:text="this is a tab" />

            <TextView 

                android:id="@+id/textview2"

                android:layout_width="fill_parent"

                android:layout_height="fill_parent" 

                android:text="this is another tab" />

            <TextView 

                android:id="@+id/textview3"

                android:layout_width="fill_parent"

                android:layout_height="fill_parent" 

                android:text="this is a third tab" />

     </FrameLayout>

    </LinearLayout>
</TabHost>

说明一下红色的标注，我们应该不可以改变的吧。

 

再贴出来Activity类的代码吧。

public class MainActivity extends TabActivity
{

 //声明TabHost对象

 TabHost mTabHost;

 

 /** Called when the activity is first created. */

 @Override

 public void onCreate(Bundle savedInstanceState)

 {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.main);

  

  //取得TabHost对象

  mTabHost = getTabHost();

     

  /* 为TabHost添加标签 */

  //新建一个newTabSpec(newTabSpec)

  //设置其标签和图标(setIndicator)

  //设置内容(setContent)

     mTabHost.addTab(mTabHost.newTabSpec("tab_1")

       .setIndicator("TAB 1",getResources().getDrawable(R.drawable.img1))

       .setContent(R.id.textview1));

     mTabHost.addTab(mTabHost.newTabSpec("tab_2")

       .setIndicator("TAB 2",getResources().getDrawable(R.drawable.img2))

       .setContent(R.id.textview2));

     mTabHost.addTab(mTabHost.newTabSpec("tab_3")

       .setIndicator("TAB 3",getResources().getDrawable(R.drawable.img3))

       .setContent(R.id.textview3));

     

     //设置TabHost的背景颜色

     mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));

     //设置TabHost的背景图片资源

     mTabHost.setBackgroundResource(R.drawable.bg0);

     

     //设置当前显示哪一个标签

     mTabHost.setCurrentTab(0);

     

     //标签切换事件处理，setOnTabChangedListener 

     mTabHost.setOnTabChangedListener(new OnTabChangeListener()

     {

            @Override

            public void onTabChanged(String tabId) 

            {

            }            

     });

 }

}

转入核心问题吧。

1.将TabHost的标题的图标改变吧。

首先我们应该获取到布局View，再获取对应的控件，图标应该是ImageView，文本应该是TextView。

代码如下：

View mView = mTabHost.getTabWidget().getChildAt(0);//0是代表第一个Tab

ImageView imageView = (ImageView)mView.findViewById(android.R.id.icon);//获取控件imageView

imageView .setImageDrawable(getResources().getDrawable(R.drawable.img3)); //改变我们需要的图标

imageView = (ImageView)mTabHost.getTabWidget().getChildAt(1).findViewById(android.R.id.icon); 

imageView .setImageDrawable(getResources().getDrawable(R.drawable.img2)); 

imageView  = (ImageView)mTabHost.getTabWidget().getChildAt(2).findViewById(android.R.id.icon); 

imageView .setImageDrawable(getResources().getDrawable(R.drawable.img1));

 

2.将TabHost的标题改变吧。

TextView textview = (TextView)mTabHost.getTabWidget().getChildAt(0).findViewById(android.R.id.title); 

textview.setTextSize(1);

textview = (TextView)mTabHost.getTabWidget().getChildAt(1).findViewById(android.R.id.title); 

textview.setTextSize(2);

textview = (TextView)mTabHost.getTabWidget().getChildAt(2).findViewById(android.R.id.title); 

textview.setTextSize(3);

其实获取了View，我们还可以再此基础上可以设置标题的颜色啊，字体啊，字体大小等等哦。