返回列表 發帖

theme

本帖最後由 tonyh 於 2018-7-21 17:40 編輯

style 的配置是針對元件,若要統一配置整頁(activity)或整個app的風格,則需要使用theme(主題)來控制。試著練習以「Theme Editor」調配出兩個不同風格的介面。





AndroidManifest.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3.     package="com.example.student.myapplication" >

  4.     <application
  5.         android:allowBackup="true"
  6.         android:icon="@mipmap/ic_launcher"
  7.         android:label="@string/app_name"
  8.         android:supportsRtl="true"
  9.         android:theme="@style/MyTheme02" >
  10.         <activity android:name=".MainActivity" >
  11.             <intent-filter>
  12.                 <action android:name="android.intent.action.MAIN" />

  13.                 <category android:name="android.intent.category.LAUNCHER" />
  14.             </intent-filter>
  15.         </activity>
  16.     </application>

  17. </manifest>
複製代碼
values/styles.xml
  1. <resources>
  2.     <!-- Base application theme. -->
  3.     <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  4.         <!-- Customize your theme here. -->
  5.         <item name="colorPrimary">@color/colorPrimary</item>
  6.         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  7.         <item name="colorAccent">@color/colorAccent</item>
  8.     </style>

  9.     <style name="MyTheme01" parent="@android:style/Theme.Holo">
  10.         <!-- Customize your theme here. -->
  11.     </style>

  12.     <style name="MyTheme02" parent="@android:style/Theme.Material.Light">
  13.         <!-- Customize your theme here. -->
  14.         <item name="android:colorForeground">@color/foreground_material_light</item>
  15.         <item name="android:textColorPrimary">@color/primary_text_material_light</item>
  16.         <item name="android:colorPrimaryDark">@color/primary_dark_material_light</item>
  17.         <item name="android:colorPrimary">@color/primary_material_light</item>
  18.         <item name="android:colorAccent">@color/accent_material_light</item>
  19.     </style>

  20.     <style name="Style01">
  21.         <item name="android:background">#e20000</item>
  22.         <item name="android:textColor">#fff0f0</item>
  23.         <item name="android:textSize">30sp</item>
  24.         <item name="android:gravity">center</item>
  25.     </style>

  26.     <style name="Style02" parent="Style01">
  27.         <item name="android:background">#006de2</item>
  28.         <item name="android:textColor">#f0f6ff</item>
  29.         <item name="android:layout_marginTop">10dp</item>
  30.     </style>

  31. </resources>
複製代碼
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3.     package="com.example.jerryli92.myapplication" >

  4.     <application
  5.         android:allowBackup="true"
  6.         android:icon="@mipmap/ic_launcher"
  7.         android:label="@string/app_name"
  8.         android:supportsRtl="true"
  9.         android:theme="@style/MyTheme02" >
  10.         <activity android:name=".MainActivity" >
  11.             <intent-filter>
  12.                 <action android:name="android.intent.action.MAIN" />

  13.                 <category android:name="android.intent.category.LAUNCHER" />
  14.             </intent-filter>
  15.         </activity>
  16.     </application>

  17. </manifest>
複製代碼
  1. <resources>

  2.     <!-- Base application theme. -->
  3.     <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  4.         <!-- Customize your theme here. -->
  5.         <item name="colorPrimary">@color/colorPrimary</item>
  6.         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  7.         <item name="colorAccent">@color/colorAccent</item>
  8.     </style>

  9.     <style name="style01">
  10.         <item name="android:background">#db0000</item>
  11.         <item name="android:textSize">30sp</item>
  12.         <item name="android:textColor">#ffd0d0</item>
  13.         <item name="android:gravity">center</item>
  14.     </style>
  15.     <style name="style02" parent="style01">
  16.         <item name="android:background">#0012d7</item>
  17.         <item name="android:layout_marginTop">10dp</item>
  18.     </style>

  19.     <style name="MyTheme01" parent="@android:style/Theme.Material.NoActionBar.TranslucentDecor" >
  20.         <item name="android:colorPrimary">@color/primary_material_dark</item>
  21.         <item name="android:colorPrimaryDark">@color/primary_dark_material_dark</item>
  22.         <item name="android:colorBackground">@color/background_material_dark</item>
  23.     </style>

  24.     <style name="MyTheme02" parent="@android:style/Theme.Holo.Light.NoActionBar.Overscan" >
  25.         <item name="android:colorPrimary">@color/holo_light_primary</item>
  26.         <item name="android:colorPrimaryDark">@color/holo_light_primary_dark</item>
  27.         <item name="android:colorBackground">@color/background_holo_light</item>
  28.         <item name="android:colorForeground">@color/bright_foreground_holo_light</item>
  29.         <item name="android:navigationBarColor">@color/black</item>
  30.         <item name="android:statusBarColor">@color/black</item>
  31.     </style>
  32. </resources>
複製代碼

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
كخخخخخخخخخخخخخ

TOP

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
羽毛神在此

TOP

返回列表