theme

tonyh

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. 
   
5.     <application
   
6.         android:allowBackup="true"
   
7.         android:icon="@mipmap/ic_launcher"
   
8.         android:label="@string/app_name"
   
9.         android:supportsRtl="true"
   
10.         android:theme="@style/MyTheme02" >
    
11.         <activity android:name=".MainActivity" >
    
12.             <intent-filter>
    
13.                 <action android:name="android.intent.action.MAIN" />
    
14. 
    
15.                 <category android:name="android.intent.category.LAUNCHER" />
    
16.             </intent-filter>
    
17.         </activity>
    
18.     </application>
    
19. 
    
20. </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. 
   
10.     <style name="MyTheme01" parent="@android:style/Theme.Holo">
    
11.         <!-- Customize your theme here. -->
    
12.     </style>
    
13. 
    
14.     <style name="MyTheme02" parent="@android:style/Theme.Material.Light">
    
15.         <!-- Customize your theme here. -->
    
16.         <item name="android:colorForeground">@color/foreground_material_light</item>
    
17.         <item name="android:textColorPrimary">@color/primary_text_material_light</item>
    
18.         <item name="android:colorPrimaryDark">@color/primary_dark_material_light</item>
    
19.         <item name="android:colorPrimary">@color/primary_material_light</item>
    
20.         <item name="android:colorAccent">@color/accent_material_light</item>
    
21.     </style>
    
22. 
    
23.     <style name="Style01">
    
24.         <item name="android:background">#e20000</item>
    
25.         <item name="android:textColor">#fff0f0</item>
    
26.         <item name="android:textSize">30sp</item>
    
27.         <item name="android:gravity">center</item>
    
28.     </style>
    
29. 
    
30.     <style name="Style02" parent="Style01">
    
31.         <item name="android:background">#006de2</item>
    
32.         <item name="android:textColor">#f0f6ff</item>
    
33.         <item name="android:layout_marginTop">10dp</item>
    
34.     </style>
    
35. 
    
36. </resources>

複製代碼