Android - Theme Resources 主題樣式資源的定義與使用

Theme Resources 主題樣式資源

• 位置：開啟 res/values 中的 themes.xml，以及 res/values-night 的 themes.xml：
  

• 內容：從範本建立專案時預設的 <style> 樣式資源。

  • res/values/themes.xml：一般模式時套用的主題
  • res/values-night/themes.xml：Dark mode時套用的主體
    • 切換虛擬機/手機裝置至 Dark mode
      
    • 啟動專案，觀察背景為 res/values-night/themes.xml 的黑底配色
      

• 主題樣式資源定義語法：同樣式資源

  <style 
      name="主題樣式資源ID"
      parent="@style/parent主題樣式資源ID">
      <item name="屬性名稱1">屬性值1</item>
      <item name="屬性名稱2">屬性值2</item>
      ...
  </style>
  

• themes.xml 內的預設樣式資源

  <style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
      <!-- Primary brand color. -->
      <item name="colorPrimary">@color/purple_500</item>
      <item name="colorPrimaryVariant">@color/purple_700</item>
      <item name="colorOnPrimary">@color/white</item>
      <!-- Secondary brand color. -->
      <item name="colorSecondary">@color/teal_200</item>
      <item name="colorSecondaryVariant">@color/teal_700</item>
      <item name="colorOnSecondary">@color/black</item>
      <!-- Status bar color. -->
      <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
  </style>
  

使用

AndroidManifest.xml

• 開啟位於 app/manifests 的 AndroidManifest.xml
  
• 設定 Theme 資源：android:theme="@style/樣式資源ID"，如：android:theme="@style/Theme.AppTheme"

  <application
      ...
      android:theme="@style/Theme.MyApp">
      ...
  </application>
  

MainActivity.kt

• 開啟 MainActivity.kt
• 設定 Theme 資源：setTheme(R.style.樣式資源ID)，在程式
  內，以「_」取代樣式資源 ID 中的「.」，如：setTheme(R.style.Theme_MyApp)

  class MainActivity : AppCompatActivity() {
      override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          //======== 設定 Theme 資源 ========
          setTheme(R.style.Theme_MyApp)
          //================================
          setContentView(R.layout.activity_main)
      }
  }