如何设置背景颜色TabHost

时间:2013-12-05 16:08:14

标签: java android

我需要帮助,我发现在TabHost中更改背景颜色有困难。

原始图片:

image1

我需要修改背景颜色,如下图所示。

image2

我在代码和XML中尝试了很多东西,但都失败了。

我的代码如下:

 TabHost tabHost = getTabHost();

        // Tab 1
        TabSpec aba1spec = tabHost.newTabSpec("Tab 1");
        // setting Title and Icon for the Tab
        tabHost.getTabWidget().setStripEnabled(false);
        aba1spec.setIndicator("",getResources().getDrawable(R.drawable.tabenviaarq));
        Intent photosIntent = new Intent(this, MainActivity.class);
        aba1spec.setContent(photosIntent);

    // Adding all TabSpec to TabHost
        tabHost.addTab(aba1spec); // Adding tab1
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">

    <RelativeLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_above="@android:id/tabs"
            android:layout_alignParentTop="true"/>
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="65dp"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="-5dp"
            android:background="#000000"/>
    </RelativeLayout>
</TabHost>

有人有一些想法,我非常感谢。

3 个答案:

答案 0 :(得分:7)

tabHost.setOnTabChangedListener(new OnTabChangeListener() {

        public void onTabChanged(String arg0) {
            for (int i = 0; i < tab.getTabWidget().getChildCount(); i++) {
                tab.getTabWidget().getChildAt(i)
                        .setBackgroundResource(R.drawable.tab_selected); // unselected
            }
            tab.getTabWidget().getChildAt(tab.getCurrentTab())
                    .setBackgroundResource(R.drawable.tab_unselected); // selected

        }
    });

尝试这种方法,希望这对你有帮助。

答案 1 :(得分:7)

解决方案是使用带选择器的背景,代码在这里:

private void initTabsAppearance(TabWidget tabWidget) {
    // Change background
    for(int i=0; i < tabWidget.getChildCount(); i++)
        tabWidget.getChildAt(i).setBackgroundResource(R.drawable.tab_bg);
}

其中tab_bg是带选择器的xml drawable:


          对于完整的Tab自定义,我将添加使用自定义主题更改选项卡文本样式的代码。将其添加到styles.xml:

<style name="MyCustomTheme" parent="@android:style/Theme.Light.NoTitleBar">
    <item name="android:tabWidgetStyle">@style/CustomTabWidget</item>
</style>

<style name="CustomTabWidget" parent="@android:style/Widget.TabWidget">
    <item name="android:textAppearance">@style/CustomTabWidgetText</item>
</style>

<style name="CustomTabWidgetText" parent="@android:style/TextAppearance.Widget.TabWidget">
    <item name="android:textSize">12sp</item>
    <item name="android:textStyle">bold</item>
</style>

要使用此主题,请在AndroidManifest.xml中定义:

<application android:theme="@style/MyCustomTheme">

现在您的标签小部件包含自定义背景和自定义文字样式。

答案 2 :(得分:2)

我用这种方法解决了完全相同的问题:

private void setBackgroundColor() {
    int inactiveColor = getResources().getColor(R.color.inactive_tab);
    int activeColor = getResources().getColor(R.color.active_tab);

    // In this loop you will set the inactive tabs backgroung color
    for (int i = 0; i < tabWidget.getChildCount(); i++) {
        tabWidget.getChildAt(i).setBackgroundColor(inactiveColor);
    }

    // Here you will set the active tab background color
    tabWidget.getChildAt(tabHost.getCurrentTab()).setBackgroundColor(
            activeColor);
}