Android的supportV7中默认按钮和选中框的颜色设置

转载自http://blog.csdn.net/l465659833/article/details/52861964

网上很多更改checkbox勾选框颜色的博客都是互相抄袭的,根本没有任何效果,现在推荐这个博主的博客还是很有效的,我们可以尝试更改当前activity的theme来更改checkbox或者dialog打的默认按钮勾选等默认样式

我们知道,在styles.xml文件里面可以设置主题,在主题中设置的一些颜色,将会应用到默认的AppCompat控件上,从而很简单的就可以保持整个APP在UI上的一致性。下面是一个例子:

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">

    <item name="colorPrimary">@color/colorPrimary</item>
    <!-- 状态栏颜色 -->
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>

    <!--按钮选中或者点击获得焦点后的颜色-->
    <item name="colorAccent">@color/colorAccent</item>

    <!--控制searchView的icon颜色的设置-->
    <item name="colorControlNormal">@color/colorControlNormal</item>
    <!--Button按钮正常状态颜色-->
    <item name="colorButtonNormal">@color/accent_material_light</item>
    <!--EditText 输入框中字体的颜色-->
    <item name="editTextColor">@android:color/white</item>
    <!-- 窗口的背景颜色 -->
    <item name="android:windowBackground">@android:color/white</item>
    <!--导航栏上的标题颜色-->
    <item name="android:textColorPrimary">@color/black</item>

    <item name="android:listDivider">@drawable/card_list_divider</item>

    <item name="textAppearanceLargePopupMenu">@style/splashPopUpMenuStyle</item>
    <item name="textAppearanceSmallPopupMenu">@style/splashPopUpMenuStyle</item>

</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26

至于各种控件是如何应用这些颜色设置的,则需要经过更多的尝试了。
比如Activity导航栏默认的图标颜色是colorControlNormal,导航栏的底色是colorPrimary,沉浸式状态栏默认的颜色是colorPrimaryDark;
比如FAB的默认颜色是colorAccent;
比如AppCompatCheckBox默认的选中状态的颜色是colorAccent,而默认的未选择状态的颜色的colorControlNormal;
比如AppCompatSpinner的下拉图标的默认颜色也是colorControlNormal。
……

其实涉及到的主要的就是下面这几个参数:

<item name="colorPrimary">?attr/colorPrimary</item>
<item name="colorPrimaryDark">?attr/colorPrimaryDark</item>
<item name="colorAccent">?attr/colorAccent</item>
<item name="colorControlNormal">?attr/colorControlNormal</item>
<item name="colorControlActivated">?attr/colorControlActivated</item>
<item name="colorControlHighlight">?attr/colorControlHighlight</item>
<item name="colorButtonNormal">?attr/colorButtonNormal</item>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

那么问题来了,如果你使用蓝色的沉浸式状态栏,导航栏上的图标则使用白色,那在这个Activity中使用AppCompatCheckBox的时候,未选择状态就也是白色的,此时如果在白色的背景色下,用户就看不出这是个AppCompatCheckBox了。这时候怎么办?如下图(图中使用的是AppCompatSpinner):

颜色不正确

其实很简单,在这个AppCompatCheckBox上使用app:theme=”@style/MyCheckBox”,然后在styles.xml中添加新的

<style name="MyCheckBox" parent="Widget.AppCompat.CompoundButton.CheckBox">
    <item name="colorControlNormal">@color/colorControlNormal</item>
</style>
  • 1
  • 2
  • 3

但是需要注意的是,这样可能引起控件其他默认属性的变化,比如CheckBox的textSize会变成1(不使用app:theme的时候和APP的默认字体大小一样)。

使用了app.theme之后

参考:
[android:theme和app:popupTheme的作用,以及在android 3.0以下不起作用问题的解决](http://blog.csdn.net/lovexieyuan520/article/details/48931185)

            <link rel="stylesheet" href="http://s.csdnimg.cn/static/markdown/markdown_views.css?v=2.0">
                </div>
发布了45 篇原创文章 · 获赞 46 · 访问量 14万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章