Android 提供了功能強大的樣式系統 （

Android styling system

） 來實現應用的視覺設計，但它也容易被誤用。正確地使用樣式系統會讓您在開發應用的時候更容易維護主題與樣式，在開發新功能的時候少一些抓狂，而且還可以支援深色模式。

本系列文章將由 Android 開發者關係團隊的工程師 Nick Butcher 和 Chris Banes 共同撰寫，與各位開發者們共同揭開 Android 樣式系統的神秘面紗，幫助您高效編寫時尚的應用介面。

在本系列的第一篇文章中，我會介紹樣式系統的基礎部件： 主題背景與樣式。

主題背景 != 樣式

主題背景與樣式都使用相同的

正如您所見，樣式中的每一個鍵 （Key） 其實就是您可以在佈局中設定的內容：

<！—— Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 ——>

android：gravity=“center_horizontal”

android：textAppearance=“@style/TextAppearance。CommentAuthor”

android：drawablePadding=“@dimen/spacing_micro”/

把這些提煉成樣式，可以讓您方便地在多個 View 中複用同一個樣式，而且還容易維護。

使用方法

佈局檔案中的每一個獨立的 View 都可以使用樣式：

<！—— Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 ——>

style=“@style/Widget。Plaid。Button。InlineAction”/>

一個 View 只能使用一個樣式，可以將其與 Web 技術中使用到的 CSS 樣式系統相比較，CSS 樣式系統可以允許一個元件使用多個 CSS 類。

範圍

樣式只有在使用它的 View 上才起作用，如果該 View 包含子 View，那麼在這些子 View 上樣式是無效的。舉個例子，如果您的 ViewGroup 有三個按鈕，設定 InlineAction 樣式到此 ViewGroup 時，只針對這個 ViewGroup 有效，而對它的三個按鈕來說是無效的。樣式中定義的值與佈局檔案中設定的值會融合在一起 （解決方法見這篇文章：

使用樣式優先順序順序

）。

什麼是主題背景？

主題背景是一組命名的資源的集合，這些資源可以被樣式或者佈局檔案等引用。它們提供了一種對 Android 資源的語義名稱 （Sematic name），能夠讓您在其他地方引用這些資源。例如 colorPrimary 就是對一個給定顏色的語義名稱。

<！—— Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 ——>

主題背景是由 Map 結構組成，這些標有名字的資源被稱為主題背景屬性。主題背景屬性跟 View 屬性不一樣，這是因為它們不是特定 view 型別的屬性而是對一個值的命名，其在應用中有更廣泛的用途。主題背景屬性為這些標有名字的資源提供了具體的值，在上面的例子中 colorPrimary 屬性為這個主題背景設定了具體的值，也就是青綠色 （teal）。透過把主題背景中的資源抽象化，我們可以為不同的主題背景提供不同的值，比如： colorPrimary=orange。

主題背景是一個命名的資源集合，在應用中有更廣泛的用途

主題背景類似於介面 （Interface），在介面的程式設計中它允許您為公共介面提供不同的實現方法。主題扮演了一個類似的角色，針對主題屬性編寫佈局和樣式，我們可以在不同的主題下使用它們，從而提供不同的具體資源。

簡化的虛擬碼如下：

/* Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 */

interface ColorPalette {

@ColorInt val colorPrimary

@ColorInt val colorSecondary

}

class MyView（colors： ColorPalette） {

fab。backgroundTint = colors。colorPrimary

}

這會讓您使用同一套程式碼可渲染出不同的 MyView 效果，而無需新建構建變體。

/* Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 */

val lightPalette = object ： ColorPalette { … }

val darkPalette = object ： ColorPalette { … }

val view = MyView（if （isDarkTheme） darkPalette else lightPalette）

使用方法

您可以把一個主題背景設定給一個元件，這個元件可以包含 Context 或者它本身就是 Context，比如： Activity 或者是 View/ViewGroups。

<！—— Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 ——>

<！—— AndroidManifest。xml ——>

android：theme=“@style/Theme。Plaid”>

android：theme=“@style/Theme。Plaid。About”/>

<！—— layout/foo。xml ——>

android：theme=“@style/Theme。Plaid。Foo”>

您還可以使用

ContextThemeWrapper

類把一個主題背景設定到已經存在的 Context 上，這時候您可使用

inflate

方法建立佈局。

主題背景的使用效果取決於您的使用方式，您可以透過引用主題背景屬性來建立靈活的 Widget。不同的主題背景可以在未來再提供具體的值，比如為 View 層級結構中的某個部分設定背景顏色。

<！—— Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 ——>

android：background=“？attr/colorSurface”>

除了用常量值設定一個顏色 （#ffffff 或者 @color 資源），我們還可以透過 ？attr/themeAttributeName 語法委託給主題背景來完成。

這個語法表示透過指定的屬性名稱，從主題背景中獲取相應的值。這種級別的解耦方式可以讓我們提供不同的程式行為 （比如： 在深色模式與淺色模式下提供不同的背景顏色），而不用建立多個相似但僅有一小部分不一樣的佈局或者樣式，它將主題中的可變元素分離了出來。

透過使用 ?attr/themeAttributeName 語法獲得此主題背景中的語義屬性代表的值

範圍

任何一個帶有

Context

（如 Activity， View or ViewGroup） 的物件 （Object） 都可以透過訪問 Context 的屬性來訪問

主題背景

。這些物件以樹的形式組織而成，比如 Activity 包含 ViewGroup，而 ViewGroup 又包含 View。把主題背景設定到一個樹狀結構的任意一層，此層及下一層都會受到影響。比如把主題背景設定給一個 ViewGroup，此 ViewGroup 包含的所有子 View 都會受到這個主題背景的影響。（而樣式恰好相反，它只對被設定的 View 起作用）

<！—— Copyright 2019 Google LLC。

SPDX-License-Identifier： Apache-2。0 ——>

android：theme=“@style/Theme。App。SomeTheme”>

<！ - SomeTheme also applies to all child views。 ——>

如果您想在淺色螢幕中獲取一個由深色主題背景構成的區域，那這個功能會非常有用。更多內容請參見本系列下一篇文章，我們會在之後更新。

請注意，這種功能僅在初始化佈局的時候生效。在初始化佈局之前需要呼叫 Context 提供的

setTheme

方法或者是主題背景提供的

applyStyle

方法。佈局初始化完畢之後再呼叫 setTheme 或者 applyStyle 方法，此時對已有的 View 不會造成任何改變。

不同的關注點

瞭解主題背景與樣式的不同目的與使用方法，會讓您更方便地管理樣式資源。

舉個例子，假設您的應用有一個藍色主題背景，但某些 Pro 介面需要有花俏的紫色，而且您還想要提供一個調色過的深色主題。如果您只使用樣式來實現這個效果，需要分別為 Pro/non-Pro 和 light/dark 建立四個不同的樣式。由於樣式是特定於一個檢視型別 （按鈕、開關等），因此您需要為應用中的每一種 View 型別建立這四個樣式。

△ 不含主題的 widgets 或樣式的擴充套件組合

如果改為使用樣式和主題背景，則可以將因主題背景變化而發生改變的部分封裝為主題背景屬性，因此我們僅需要為每種 View 型別定義一個樣式。對於上面的示例，我們可以定義 4 個主題背景，為其中的 colorPrimary 主題背景屬性提供不同的值，之後當樣式引用這些主題的屬性時會自動得到正確的值。

混合使用主題背景與樣式的方法可能看起來相比之前更復雜了，但是它的好處是把每個主題變化的部分封裝了起來。

因此，當您需要把程式的介面從藍色改為橙色時，只需要修改一個地方就夠了，而不需要修改多個樣式。它還有助於您避免發生樣式氾濫。

理想情況下，針對一個檢視型別，您應該只有少數幾種樣式。如果不使用主題背景，您為幾個長得類似的樣式建立不同的擴充套件版本時，就會使得 styles。xml 檔案很大，維護起來會非常頭疼。

下一篇文章，我們將會跟大家共同探索主題背景的公共屬性以及如何建立您自己的主題背景，敬請關注。