如何去除 android 中操作栏选项卡中的这个气泡(指示灯)?
How to remove this bubble (Indicator light) in action bar tab in android?
如何去掉下图所示的这些气泡。我的布局中有两个选项卡,我使用绿色指示灯显示所选选项卡(下图中选择了第一个选项卡),工作正常。但我不知道为什么两个选项卡中都会出现小气泡(如下图所示)。无论选项卡 selected/unselected,这些小气泡指示灯始终亮起。有帮助吗?
这是我的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>
@drawable/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 颜色 = "green",
actionbarbackgndcolor = "blue"(动作条颜色如图)
编辑:我还发现蓝色指示线的长度(我的问题)等于选项卡标题的长度。
问题出在文本背景颜色上,它被设置为蓝色。这就是为什么蓝色气泡指示灯会随着选项卡标题文本的字长的变化而增加和减少。
如何去掉下图所示的这些气泡。我的布局中有两个选项卡,我使用绿色指示灯显示所选选项卡(下图中选择了第一个选项卡),工作正常。但我不知道为什么两个选项卡中都会出现小气泡(如下图所示)。无论选项卡 selected/unselected,这些小气泡指示灯始终亮起。有帮助吗?
这是我的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>
@drawable/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 颜色 = "green", actionbarbackgndcolor = "blue"(动作条颜色如图)
编辑:我还发现蓝色指示线的长度(我的问题)等于选项卡标题的长度。
问题出在文本背景颜色上,它被设置为蓝色。这就是为什么蓝色气泡指示灯会随着选项卡标题文本的字长的变化而增加和减少。