如何正确使用 Theme? 看这篇就够了!(二)
IPFS
据上篇解释了 Theme 的重要性之后,今天我们来一个 Theme 的教学。今天我手把手做 Theme 基础 的教学,之后如果你了解更多也可以在本文章尾端得到链接。
一开始,我们需要了解我们需要开发的应用页面的架构和显示的 Style 与 Theme。当你了解了之后,你便知道整个应用程式主颜色、次颜色、字体大小、字体颜色等等。同时这些资讯也是被使用和生成不同构件的 Styles。
注:构件的 Style 会越来越多是因为依照你所开发的应用程式的复杂程度与大小。
Theme 的教学
1. 我们就把所需的颜色依照此用处写在 color.xml 文档,如下:
![](https://assets.matters.news/embed/fbfd905f-5eb6-4be4-b313-3642d821aa5c.png)
注:请把颜色的十六进制颜色 (Hex Color) 依照的用处给予有意义的名字。
2. 我们就可以 Sytle.xml 文档中里面添加不同构件的 Style 中,如下:
![](https://assets.matters.news/embed/01ca242e-7570-4918-bf82-79f0de81c10b.png)
注:请在相关构件的 Style 中使用字体颜色的代号 ( textColorPrimary ) 而不是颜色的十六进制颜色 (Hex Color)。此举动会比较容易更改。
3. 我们也就可以 Sytle.xml 文档中里面添加应用程式的 Theme 中,如下:
![](https://assets.matters.news/embed/ffb2beb6-781b-4789-8e80-e424d2d4265c.png)
4. 当我们步骤 3 完成后,我们必须在 Android Manifest.xml 文档中调用 Theme,如下:
![](https://assets.matters.news/embed/0a76a311-4ebe-4203-bf5b-928ac24ed62a.png)
本章重点
Theme 的调用其实很简单,好处也显著能让开发者省下不好时间。
参考教学方案
Source: MDC-101 Android: Material Components (MDC) Basics (Kotlin)
Source: MDC-102 Android: Material Structure and Layout (Kotlin)
Source: MDC-103 Android: Material Theming with Color, Elevation and Type (Kotlin)
Source: MDC-104 Android: Material Advanced Components (Kotlin)
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
- 来自作者
- 相关推荐