如何在android中的操作栏选项卡中删除此气泡(指示灯)?

时间:2015-07-21 06:28:17

标签: android android-layout android-theme android-styles

如何摆脱下图所示的这些气泡。我的布局中有两个选项卡,我使用绿色指示灯显示选定的选项卡(下图中选择了第一个选项卡),这样工作正常。但我不知道为什么两个标签中都会出现小气泡(如下图所示)。无论选择/未选择标签,这些小气泡指示灯始终亮起。有什么帮助吗?

Layout Snapshot

以下是我的 style.xml 文件 -

<style name="AppTheme" parent="android:Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/RActionBar</item>
    <item name="android:actionBarTabTextStyle">@style/RActionBarTabText</item>
    <item name="android:actionMenuTextColor">@color/actionbartextcolor</item>
    <item name="android:actionBarTabStyle">@style/RActionBarTabs</item>
    <item name="android:actionBarTabBarStyle">@style/RActionBarTabBarStyle</item>
    <item name="android:textColorHighlight">#99e9d1f6</item>
</style>

<style name="RActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">

    <item name="android:background">@color/actionbarbackgndcolor</item>
    <item name="android:titleTextStyle">@style/RActionBarTitleText</item>
</style>

<!-- ActionBar title text -->
<style name="RActionBarTitleText" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:textColor">@color/actionbartextcolor</item>
</style>

<!-- ActionBar tabs text styles -->
<style name="RActionBarTabText" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:textColor">@color/actionbartextcolor</item>
    <item name="android:textAllCaps">true</item>
    <item name="android:gravity">center</item>
</style>

<style name="RActionBarTabs" parent="android:style/Widget.Holo.Light.ActionBar.TabView">

    <!-- tab indicator -->
    <item name="android:background">@drawable/tab_bar_background</item>
</style>

<style name="RActionBarTabBarStyle" parent="android:style/Widget.Holo.Light.ActionBar.TabBar">
    <item name="android:background">@color/actionbarbackgndcolor</item>
</style>

@绘制/ tab_bar_background.xml

<?xml version="1.0" encoding="utf-8"?>

<!-- UNSELECTED TAB STATE -->
<item android:state_pressed="false" android:state_selected="false"><layer-list xmlns:android="http://schemas.android.com/apk/res/android">

        <!-- Bottom indicator color for the UNSELECTED tab state -->
        <item android:left="-5dp" android:right="-5dp" android:top="-5dp"><shape android:shape="rectangle">
                <stroke android:width="2dp" android:color="@color/actionbarbackgndcolor" />
            </shape></item>
    </layer-list></item>
<!-- SELECTED TAB STATE -->
<item android:state_pressed="false" android:state_selected="true"><layer-list xmlns:android="http://schemas.android.com/apk/res/android">

        <!-- Tab background color for the SELECTED tab state -->
        <item><shape>
                <solid android:color="@color/actionbarbackgndcolor" />
            </shape></item>
        <!-- Bottom indicator color for the SELECTED tab state -->
        <item android:left="-5dp" android:right="-5dp" android:top="-5dp"><shape android:shape="rectangle">
                <stroke android:width="2dp" android:color="@color/actionbarbottomindicatorcolor" />
            </shape></item>
    </layer-list></item>

actionbarbottomindicator color =&#34; green&#34;, actionbarbackgndcolor =&#34; blue&#34; (动作栏颜色如图所示)

编辑:我也发现蓝色指示线的长度(我的问题)等于标签标题的长度。

1 个答案:

答案 0 :(得分:0)

问题在于文字背景颜色,并且设置为蓝色。这就是为什么蓝色气泡指示灯通过改变标签标题文字的字长来增加和减少的原因。