10月19, 2016

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

我们知道,在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>

至于各种控件是如何应用这些颜色设置的,则需要经过更多的尝试了。

比如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>

那么问题来了,如果你使用蓝色的沉浸式状态栏,导航栏上的图标则使用白色,那在这个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>

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

使用了app.theme之后

具体代码可以参考Bigbang项目的PreSettingActivity的layout文件中的处理。

参考:

android:theme和app:popupTheme的作用,以及在android 3.0以下不起作用问题的解决

转载注明出处:十个雨点

本文链接:http://www.siki.space/post/set_button_uncheck_color_in_compat_style.html

-- EOF --

Comments