Board logo

標題: style [打印本頁]
作者: tonyh    時間: 2018-7-21 15:54     標題: style

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

試著於 styles.xml 新增風格，並於配置元件時直接套用風格設定。在此以 TextView 為例。

[attach]4498[/attach]

layout/activity_main.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
  5.     android:paddingRight="@dimen/activity_horizontal_margin"
  6.     android:paddingTop="@dimen/activity_vertical_margin"
  7.     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
  8.     android:orientation="vertical">

  10.     <TextView
  11.         android:text="@string/hello"
  12.         style="@style/Style01"
  13.         android:id="@+id/tv1"
  14.         android:layout_height="50sp"
  15.         android:layout_width="match_parent"/>

  17.     <TextView
  18.         android:layout_width="match_parent"
  19.         android:layout_height="50sp"
  20.         android:text="@string/hello"
  21.         android:id="@+id/tv2"
  22.         android:layout_gravity="center_horizontal"
  23.         style="@style/Style02" />

  25. </LinearLayout>
複製代碼
values/styles.xml
  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">#e20000</item>
  13.         <item name="android:textColor">#fff0f0</item>
  14.         <item name="android:textSize">30sp</item>
  15.         <item name="android:gravity">center</item>
  16.     </style>

  18.     <style name="Style02" parent="Style01">
  19.         <item name="android:background">#006de2</item>
  20.         <item name="android:textColor">#f0f6ff</item>
  21.         <item name="android:layout_marginTop">10dp</item>
  22.     </style>
  23. </resources>
複製代碼
作者: 李允軒    時間: 2018-7-21 16:56

本帖最後由 tonyh 於 2018-7-21 17:13 編輯
  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>
  21. </resources>
複製代碼
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
  5.     android:paddingRight="@dimen/activity_horizontal_margin"
  6.     android:paddingTop="@dimen/activity_vertical_margin"
  7.     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
  8.     android:orientation="vertical">

  10.     <TextView android:text="Hello World!" android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         style="@style/Style01"
  13.          />

  15.     <TextView
  16.         android:layout_width="match_parent"
  17.         android:layout_height="wrap_content"
  18.         android:text="Hello World!"
  19.         android:id="@+id/textView"
  20.         android:layout_gravity="center_horizontal"
  21.         style="@style/Style02" />
  22. </LinearLayout>
複製代碼
作者: 林宇翔    時間: 2018-7-21 17:18

  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:text">@string/str1</item>
  13.         <item name="android:background">#d52222</item>
  14.         <item name="android:textColor">#ffffff</item>
  15.         <item name="android:textSize">30dp</item>
  16.         <item name="android:layout_gravity">center_horizontal</item>
  17.     </style>

  19.     <style name="style02">
  20.         <item name="android:text">@string/str1</item>
  21.         <item name="android:background">#0022ff</item>
  22.         <item name="android:textColor">#ffffff</item>
  23.         <item name="android:textSize">30dp</item>
  24.         <item name="android:layout_gravity">center_horizontal</item>
  25.     </style>
  26. </resources>

  28. <?xml version="1.0" encoding="utf-8"?>
  29. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  30.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  31.     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
  32.     android:paddingRight="@dimen/activity_horizontal_margin"
  33.     android:paddingTop="@dimen/activity_vertical_margin"
  34.     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
  35.     android:orientation="vertical">

  37.     <TextView
  38.         android:layout_width="fill_parent"
  39.         android:layout_height="wrap_content"
  40.         android:id="@+id/textView"
  41.         style="@style/style01" />

  43.     <TextView
  44.         android:layout_width="fill_parent"
  45.         android:layout_height="wrap_content"
  46.         android:id="@+id/textView2"
  47.         style="@style/style02" />
  48. </LinearLayout>
複製代碼




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