根据选择的选项卡更改选项卡颜色

时间:2014-09-26 08:01:16

标签: android tabs android-tabhost background-color

我有一个带有MainActivity的应用程序,它扩展了TabActivity(我知道它被弃用了,但是要改变整个应用程序要做太多)。

所以在我的应用程序中,我使用tabhost创建3个这样的标签:

TabHost tabHost = (TabHost) findViewById(android.R.id.tabhost);
TabSpec firstTabSpec = tabHost.newTabSpec("tid1");
TabSpec secondTabSpec = tabHost.newTabSpec("tid2");
TabSpec thirdTabSpec = tabHost.newTabSpec("tid3");

firstTabSpec.setIndicator("tab1").setContent(
            new Intent(this, tab1.class));
    secondTabSpec.setIndicator("tab2").setContent(
            new Intent(this, tab2.class));
    thirdTabSpec.setIndicator("tab3").setContent(
            new Intent(this, tab3.class));

    /* Add tabSpec to the TabHost to display. */

    tabHost.addTab(firstTabSpec);
    tabHost.addTab(secondTabSpec);
    tabHost.addTab(thirdTabSpec);


    //Changing the tabs text color on the tabs
    for(int i=0;i<tabHost.getTabWidget().getChildCount();i++) 
    { 
        TextView tv = (TextView) tabHost.getTabWidget().getChildAt(i).findViewById(android.R.id.title); 
        tv.setTextColor(Color.parseColor("#ffffff"));
    } 

    // remove divider
    tabHost.getTabWidget().setDividerDrawable(null);

    tabHost.getTabWidget().getChildAt(0).setBackgroundColor(Color.parseColor("#90a4ae"));
    tabHost.getTabWidget().getChildAt(1).setBackgroundColor(Color.parseColor("#607d8b"));
    tabHost.getTabWidget().getChildAt(2).setBackgroundColor(Color.parseColor("#607d8b"));

所以我的代码创建了3个标签,链接到3个不同的活动并设置标签的颜色。第一个标签首先加载与其他两个不同的颜色。

我希望标签的颜色根据选择的颜色而改变。 因此,当我按下第二个标签时,我希望第一个获得#607d8b颜色,第二个获得#90a4ae。 第三个也一样。

尝试实现OnTabChangeListener,但无法使其工作。 试图这样:

    tabHost.getTabWidget().getChildAt(0).setBackgroundColor(Color.parseColor("#90a4ae"));
    tabHost.getTabWidget().getChildAt(1).setBackgroundColor(Color.parseColor("#607d8b"));
    tabHost.getTabWidget().getChildAt(2).setBackgroundColor(Color.parseColor("#607d8b"));

在每个加载的标签活动中改变了颜色,但我得到的错误是它无法解决tabhost(因为它应该在MainActivity中定义。

1 个答案:

答案 0 :(得分:1)

tabHost.setOnTabChangedListener(new OnTabChangeListener() {

    @Override
    public void onTabChanged(String tabId) {
        // TODO Auto-generated method stub
        for (int i = 0; i < tabHost.getTabWidget().getChildCount(); i++) {
                tabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.parseColor("#54C4C6")); // unselected
        }

        tabHost.getTabWidget().getChildAt(tabHost.getCurrentTab()).setBackgroundColor(Color.parseColor("#114C5A")); // selected
    }
});