专栏首页Android开发者家园这些Android系统样式中的颜色属性你知道吗?

这些Android系统样式中的颜色属性你知道吗?

Android 系统样式中的颜色属性

推荐阅读看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

几个常用的颜色属性

先放上一张经典的图片,图片来自网络。

这张图在网上很是流传,也不知道当初是哪位大神标注的,很好的说明了 Android 系统中的几个常用的颜色属性的作用范围。

在开发者官网 R.attr 中给我们列出了所有的系统属性,我们可以在这里面找到对应的颜色属性所代表的意思。

通常我们新建一个项目的时候在 res/values/styles.xml 中会有下面的定义 Application 的主题样式。

<resource>
        <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resource>

其实样式远远不止如此,在 Android 5.0 开始 Android 系统引入了 Material Design 风格,各个控件在这样主题下面,风格有很大的变化。为了在不同版本的系统中统一 UI 样式,设置自定义的 Theme 继承自 Theme.AppCompat 系列就可以了。

关于 AppCompat 相关主题提供的系统属性,可以参考源码:https://android.googlesource.com/platform/frameworks/support/+/400d2df7dfb0f72117b84854035829b6eaaf3150/v7/appcompat/res/values-v21/themes_base.xml

同时由于部分属性的版本兼容问题,为了避免添加多个版本的 styles 文件,可以省略 android: 命名空间

colorPrimary

App Bar 的背景颜色,也是一个 APP 的主色调。不过 ActionBar 已经不鼓励使用了,由 Toolbar 来代替,需要给 Toolbar 来设置背景颜色。

<android.support.v7.widget.Toolbar
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="?attr/colorPrimary" />

colorPrimaryDark

status bar(状态栏)的背景色,仅适用于 Android 5.0及其以上版本。也就是在这个版本你直接可以通过修改这个属性来修改状态栏的颜色。

colorAccent

许多控件在选中状态或者获取到焦点的时候会使用这个颜色,比如:

  • CheckBox:checked 状态
  • RadioButton:checked 状态
  • SwitchCompat:checked 状态
  • EditText:获取焦点的时候的下划线和光标颜色
  • TextInputLayout:悬浮 label 字体颜色
  • 等等

android:navigationBarColor

navigation bar 的背景色,仅用于 Android 5.0及其以上

colorControlNormal

某些 View 处于普通状态下的颜色。

比如:

  • 没有被选中的 CheckBox 或者没有被选中的 RadioButton
  • 失去焦点时的 EditText ,Toolbar 溢出按钮颜色
  • 等等

colorControlActivated

在某些时候 colorControlActivatedcolorAccent 的替代品。这种情况下 colorControlActivate 的颜色是会覆盖 colorAccent 的颜色的。也就是说,如果你没有设置的话默认的颜色就是 colorAccent 的颜色

比如:

  • CheckBox 和 RadioButton 的 checked 状态

colorControlHightlight

所有可点击 View 触摸状态下的 Ripple 效果。仅对 Android 5.0 及其以上有效

colorButtonNormal

Button normal 状态下的背景色。

这种设置和 Button 的 android:background 所不同的是,在 Android5.0 或者更高的版本上使用 colorButtonNormal 的时候会依然保持阴影和 Ripple 触摸效果

android:windowBackground

窗口背景色,诸如此类还有 android:background android:colorBackground

android:textColorPrimary

APP 的主要文字颜色,比如 actionbar

文本的颜色,比如 Button 中的文本颜色,EditText 中的文本颜色,AlertDialog 中的文本颜色。但是不包括 TextView 中的文字颜色,TextView 中的文字颜色还需要 TextColor 来控制。

当然在设置了 TextColor 的话,TextColor 优先。

editTextColor:

默认 EditView 输入框字体颜色

TextColor

TextView 的文字颜色

更多查看这里

样式介绍

从 Android 5.0 开始,Android 系统引入了 Material Design风格。

md 的主题有:

  • @android:style/Theme.Material(暗主题)
  • @android:style/Theme.Material.Light(亮主题)
  • @android:style/Theme.Material.Light.DarkActionBar

当然了为了兼容性,我们一般使用j兼容包里面的 Them.AppCompat 主题

与之对应的样式主要有 Them.AppCompatThemeOverlay.AppCompat ,当然他们两个又有各自的子类。

这两种样式也有不同的使用方法

Theme.AppCompat 一般用于设置整个应用程序的全局主题

ThemeOverlay.AppCompat 用于覆盖特定视图的主题,覆盖相关的属性使他们成为亮或者暗 尤其是在 Toolbar 中运用。

这样说可以不太容易明白,下面通过一个例子来说明。

比如说先我的整个 APP 的主题是这样的

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

默认的文字的颜色是黑的的,那么显示效果就会是这样的

这里使用了一个 Titlbar 这样效果和整体很不搭配,我们需要的是 Titlbar 的背景使用我们的 colorPrimary 字体的颜色使用 浅色文本样式 的颜色,那么这样我们就可以自己定义一个样式

    <style name="sencond" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
        <item name="android:background">@color/colorPrimary</item>
    </style>
    <androidx.appcompat.widget.Toolbar
        android:theme="@style/sencond"
        app:title="@string/app_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

然后把这个样式给 Titlbar设置上,这样效果就合适了。

当然你自己完全可以用属性来自己完成。

这是 ThemOverlay 样式的全部样式了,每个样式里面的内容都很简单。就是修改一些最基本的属性,不像 Theme 一样里面有那么多的内容。

参考:https://juejin.im/post/58f8b651b123db006238dd8d

本文分享自微信公众号 - Android开发者家园(Android_De_Home),作者:sydMobile

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ListView详细介绍与使用

    关于 ListView 我们大家都应该是非常的熟悉了,在 Android 开发中是经常用到的,今天就再来回顾一下,ListView 的使用方法,和一些需要优化注...

    开发者
  • 从0系统学Android--5.1 广播机制

    Android 中每个应用程序都可以对自己感兴趣的广播进行注册,这样当注册的广播发出时,应用程序就会接受到。这些广播可能来自系统,也可能来自其他应用程序。

    开发者
  • 关于Support库28及以上版本无法查看源码问题

    在最新创建项目的时候,有了 User androidx.* artifacts 这样一个选项。可能你还不知道 androidx 的意思,可以这样理解,andro...

    开发者
  • Android 沉浸式状态栏的实现

    之所以不添加values-v21是因为 Android5.0(api21)的黑色层通过style去掉后 应用切出去后再切进来后会再次出现

    剑行者
  • 浅谈JavaScript的面向对象程序设计(一)

      面向对象的语言有一个标志,他们都有类的概念,通过类可以创建多个具有相同属性和方法的对象。但是JavaScript中没有类的概念,因此JavaScript与其...

    水击三千
  • Android 购物车功能的实现

    听着music睡
  • Android使用Tesseract-ocr进行文字识别

    Tessseract是一款由HP实验室开发由 Google 维护的开源 OCR(Optical Character Recognition , 光学字符识别)引...

    Vaccae
  • 关于 CheckBox 你或许不知道的一些知识点

    重点是 android:button=”@null” 和 android:drawableRight=”?android:attr/listChoiceInd...

    夏洛克的猫
  • Android EditText使用详解-包含很多教程上看不到的功能演示

    标题有点大,说是详解,其实就是对EditText的一些常用功能的介绍,包括密码框,电话框,空白提示文字等等的讲解,尽量的介绍详细一点,也就是所谓的详解了。。呵呵

    飞雪无情
  • 【技巧】ionic3优雅解决启动前、后黑白屏问题

    启动前黑白屏问题,仅存在于android,是android应用的通病,ionic表示这锅它不背。 具体操作时,当我们点击桌面图标启动APP时,有时会闪一下黑色...

    IT晴天

扫码关注云+社区

领取腾讯云代金券