Board logo

標題: theme [打印本頁]
作者: tonyh    時間: 2018-7-21 16:07     標題: theme

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

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

[attach]4496[/attach]

[attach]4497[/attach]

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" >

  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" />

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

  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>

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

  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>

  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>

  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>

  36. </resources>
複製代碼
作者: 李允軒    時間: 2018-7-21 17:52

  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" >

  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" />

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

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

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

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

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

  28.     <style name="MyTheme02" parent="@android:style/Theme.Holo.Light.NoActionBar.Overscan" >
  29.         <item name="android:colorPrimary">@color/holo_light_primary</item>
  30.         <item name="android:colorPrimaryDark">@color/holo_light_primary_dark</item>
  31.         <item name="android:colorBackground">@color/background_holo_light</item>
  32.         <item name="android:colorForeground">@color/bright_foreground_holo_light</item>
  33.         <item name="android:navigationBarColor">@color/black</item>
  34.         <item name="android:statusBarColor">@color/black</item>
  35.     </style>
  36. </resources>
複製代碼
[attach]4500[/attach]
[attach]4501[/attach]
作者: 林宇翔    時間: 2018-7-21 18:04

[attach]4502[/attach][attach]4503[/attach]



歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2