Android更改每个标签的个别背景颜色

时间:2014-11-07 17:33:54

标签: android colors tabs

我正在尝试设置三个标签,每个标签都有不同的颜色。这就是我想要的样子。

http://i60.tinypic.com/261ff5u.png

以下是相关代码:

 // Initilization
    viewPager = (ViewPager) findViewById(R.id.pager);
    actionBar = getActionBar();
    mAdapter = new TabsPagerAdapter(getSupportFragmentManager());

    viewPager.setAdapter(mAdapter);
    actionBar.setHomeButtonEnabled(false);
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);


    LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);

    ActionBar.Tab tab = actionBar.newTab()
            .setText("Tab1")
            .setTabListener(
                    new MyTabListener(this, UrgentFragment.class.getName()));
    View tabView = inflater.inflate(R.layout.ab_red, null);
    tabView.setBackgroundResource(R.drawable.red); // set custom color
    tab.setCustomView(tabView);
    actionBar.addTab(tab);

    tab = actionBar.newTab()
            .setText("Tab2")
            .setTabListener(
                    new MyTabListener(this, ImportantFragment.class.getName()));
    View tabView2 = inflater.inflate(R.layout.ab_yellow, null);
    tabView2.setBackgroundResource(R.drawable.yellow); // set custom color
    tab.setCustomView(tabView2);
    actionBar.addTab(tab);

    tab = actionBar.newTab()
            .setText("Tab3")
            .setTabListener(
                    new MyTabListener(this, InfoFragment.class.getName()));
    View tabView3 = inflater.inflate(R.layout.ab_green, null);
    tabView3.setBackgroundResource(R.drawable.green); // set custom color
    tab.setCustomView(tabView3);
    actionBar.addTab(tab);

请帮帮我,我很感激。

P.S。对不起,我不能直接发布图片(声誉不够)

编辑:我终于设法得到了我想要的样子!所以,对于那些正在寻找解决同一问题的人来说,我就是这样做的。

我在themes.xml中有一个自定义主题,我将“MyActionBar”添加到样式

    <style name="CustomActionBarTheme"
    parent="@android:style/Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/MyActionBar</item>
    <item name="android:radioButtonStyle">@style/RadioButtonRadioRed</item>
    <item name="android:listChoiceIndicatorSingle">@drawable/radiored_btn_radio_holo_light</item>
</style>

“MyActionBar”样式现在看起来像这样:

    <!-- ActionBar styles -->
<style name="MyActionBar"
    parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">#f5f5f5</item>
    <item name="android:backgroundStacked">@drawable/all_colors</item>
</style>

您感兴趣的代码行是“android:backgroundStacked”。 我用我需要的颜色(“all_colors”)创建了一个png并将其添加到backgroundStacked。

就是这样。

结果如下:

http://i59.tinypic.com/9h50rt.png

1 个答案:

答案 0 :(得分:3)

我终于设法得到了我想要的样子!所以,对于那些正在寻找解决同一问题的人来说,我就是这样做的。

我在themes.xml中有一个自定义主题,我将“MyActionBar”添加到样式

<style name="CustomActionBarTheme"
parent="@android:style/Theme.Holo.Light">
<item name="android:actionBarStyle">@style/MyActionBar</item>
<item name="android:radioButtonStyle">@style/RadioButtonRadioRed</item>
<item name="android:listChoiceIndicatorSingle">@drawable/radiored_btn_radio_holo_light</item>

“MyActionBar”样式现在看起来像这样:

<style name="MyActionBar"
parent="@android:style/Widget.Holo.Light.ActionBar">
<item name="android:background">#f5f5f5</item>
<item name="android:backgroundStacked">@drawable/all_colors</item>

您感兴趣的代码行是“android:backgroundStacked”。我用我需要的颜色(“all_colors”)创建了一个png并将其添加到backgroundStacked。

就是这样。

结果如下:

http://i59.tinypic.com/9h50rt.png