路人甲

追求有高效率地工作与生活的平衡的软件工程师 A software engineer who pursues a quality work-life balance

如何正确使用 Theme? 看这篇就够了!(二)

上篇解释了 Theme 的重要性之后,今天我们来一个 Theme 的教学。今天我手把手做 Theme 基础 的教学,之后如果你了解更多也可以在本文章尾端得到链接。

一开始,我们需要了解我们需要开发的应用页面的架构和显示的 Style 与 Theme。当你了解了之后,你便知道整个应用程式主颜色、次颜色、字体大小、字体颜色等等。同时这些资讯也是被使用和生成不同构件的 Styles。

注:构件的 Style 会越来越多是因为依照你所开发的应用程式的复杂程度与大小。


Theme 的教学

1. 我们就把所需的颜色依照此用处写在 color.xml 文档,如下:

注:请把颜色的十六进制颜色 (Hex Color) 依照的用处给予有意义的名字。


2. 我们就可以 Sytle.xml 文档中里面添加不同构件的 Style 中,如下:

注:请在相关构件的 Style 中使用字体颜色的代号 ( textColorPrimary ) 而不是颜色的十六进制颜色 (Hex Color)。此举动会比较容易更改。


3. 我们也就可以 Sytle.xml 文档中里面添加应用程式的 Theme 中,如下:



4. 当我们步骤 3 完成后,我们必须在 Android Manifest.xml 文档中调用 Theme,如下:


本章重点

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)

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

如何正确使用 Style? 看这篇就够了!

如何正确使用 Theme? 看这篇就够了!(一)

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區