2015-07-21 74 views
0

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

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颜色= “绿色”, actionbarbackgndcolor = “蓝”(在图中示出的动作条颜色)

编辑:此外,我已经发现蓝色指示线(我的问题)的长度等于标签标题的长度。

回答

0

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