Android编程权威指南（第二版）学习笔记（二十）—— 第20章 样式与主题

本章主要讲了如何使用样式与主题（style and theme），使应用界面统一化标准化。

GitHub 地址：
完成第20章

1. 样式（Style）

1.1 样式的定义

样式是一组能应用于视图组件的属性，用于复用相同的 UI 特性

例如我们在 res/values/style.xml 中定义一个样式：

那么使用这个样式的组件就会自动套用这个属性：

    ……/>

1.2 样式的继承

样式的继承可以在原有样式的基础上添加和覆盖属性

• 继承方式一：通过命名表示样式继承关系

• 继承方式二：用指定父样式的方法继承

2. 主题（Theme）

样式能让一些属性复用，看上去节省了许多工作，在 styles.xml 公共文件中，可以为所有组件定义一套样式属性共用。然而，如果组件多了，需要逐个为所有组件添加它们要用到的样式，工作量是很大的。

这个时候主题就可以派上用场了。可以把主题看作样式的进化加强版，同样是定义一套公共主题属性，样式属性需要逐个添加，而主题属性则会自动应用于整个应用。主题属性能引用颜色这样的外部资源，也能引用其他样式。使用主题，可以简单地说:“所有按钮都使用这个样式。”再也不用找到每个按钮，告诉它们要用哪个主题了。

2.1 主题属性的更改

主题作用于某个 activity 或者整个应用，这和主题在 manifest 文件中的声明位置有关，如果在 标签中声明，则是作用于整个应用，在标签中声明，则是作用于单个 activity。

在 manifest 文件中我们看到整个应用的主题是android:theme="@style/AppTheme"，按住 Command（Windows 下是 Ctrl），点击 AppTheme 就可以进入其声明的位置，可以看到以下代码：

AppCompat 库自带三大主题:

• Theme.AppCompat——深色主题
• Theme.AppCompat.Light——浅色主题
• Theme.AppCompat.Light.DarkActionBar——带深色工具栏的浅色主题
  我们把 AppTheme 的父主题修改为 Theme.AppCompat，以便于修改属性。

2.1.1 修改主题颜色

在空空的主题 style 标签中加入几个属性，如下：

• colorPrimary 属性主要用来设置工具栏背景色。由于应用名称是显示在工具栏上的，colorPrimary 也可以称为应用品牌色
• colorPrimaryDark 用于屏幕顶部的状态栏。从名字可以看出，它是深色版 colorPrimary。 注意，只有 Lollipop 以后的系统支持状态栏主题色。对于之前的系统，无论指定什么主题色，状态栏都是不变的黑底色。
• 最后，将 colorAccent 设置为灰色的。这个主题色应该和 colorPrimary 形成反差效果，主要用于给 EditText 这样的组件着色。

2.2 主题的抽丝剥茧

完成了主题配色，我们继续来点深入的，比如可以看看可以覆盖的主题属性都有哪些。在研究诸如有哪些主题属性可用，哪些能覆盖，甚至是有某些属性究竟有什么作用等这样的问题时，几乎没有官方参考文档可以参考，所以要逐级往上查看。

例如，我想找到设置页面背景颜色的属性(随着时间的推移，主题继承关系和层次可能有变，但下面介绍的方法不会变。 想要知道该覆盖哪个属性，就沿着继承树找吧!)：

第一层

也就是 AppTheme 主题，它原本是个 Android Studio 自动生成的空的主题。

为什么要生成一个空主题，而不在 manifest 中直接使用Theme.AppCompat.Light.DarkActionBar呢？这就是设计模式的事情了，对于应用本身来说，使用的主题不管父主题是谁，引用的都是 AppTheme 这个主题，相当于定义主题的时候留出了一个 AppTheme 的接口。对于协作开发来说，你不用管我内部如何实现也不用操心该怎么引用，只要使用 AppTheme 就够了。

我们继续往上找。

第二层

进入 Theme.AppCompat，可以看到其也是一个空主题：

但是没有我们想要的设置背景的属性，所以要继续往上

第五层

也定义了很多属性，但是也没有需要的

继续往上，这里 Platform.AppCompat也有多个版本，我们选择 values-v11 下的父主题

第六层

空主题，继续往上

所以，最后我们可以在 AppTheme 中覆盖这个属性，设置背景颜色：

@color/soothing_blue

2.3 修改按钮颜色

同样的，我们再往上找，能在 android:Theme.Holo 中找到 buttonStyle 属性：

@style/Widget.Holo.Button

这样，我们的 BeatBoxButton 可以继承 Widget.Holo.Button 这个样式，然后在 AppTheme 中使用 buttonStyle 属性。

3. 引用主题属性

在主题中定义好属性后，可以在 XML 或代码中直接使用它们。
在 XML 中引用具体值时(如颜色值)，我们使用@符号。比如 @color/gray 指向某个特定资源。
在主题中引用资源时，我们使用?符号。
比如：

4. 挑战练习

新建 values-v21 下的 styles.xml 文件，继承自 Widget.Material.Button 即可

---

GitHub Page: kniost.github.io
：http://www.jianshu.com/u/723da691aa42