返回列表 發帖

style

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

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



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

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

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

  22. </LinearLayout>
複製代碼
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="Style01">
  10.         <item name="android:background">#e20000</item>
  11.         <item name="android:textColor">#fff0f0</item>
  12.         <item name="android:textSize">30sp</item>
  13.         <item name="android:gravity">center</item>
  14.     </style>

  15.     <style name="Style02" parent="Style01">
  16.         <item name="android:background">#006de2</item>
  17.         <item name="android:textColor">#f0f6ff</item>
  18.         <item name="android:layout_marginTop">10dp</item>
  19.     </style>
  20. </resources>
複製代碼
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

本帖最後由 tonyh 於 2018-7-21 17:13 編輯
  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. </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">

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

  13.     <TextView
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:text="Hello World!"
  17.         android:id="@+id/textView"
  18.         android:layout_gravity="center_horizontal"
  19.         style="@style/Style02" />
  20. </LinearLayout>
複製代碼
كخخخخخخخخخخخخخ

TOP

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

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

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

  32.     <TextView
  33.         android:layout_width="fill_parent"
  34.         android:layout_height="wrap_content"
  35.         android:id="@+id/textView"
  36.         style="@style/style01" />

  37.     <TextView
  38.         android:layout_width="fill_parent"
  39.         android:layout_height="wrap_content"
  40.         android:id="@+id/textView2"
  41.         style="@style/style02" />
  42. </LinearLayout>
複製代碼
羽毛神在此

TOP

返回列表