18 UI美化自定义主题样式代码

• 自定义主题 假设我们我们对现有的样式不大满意 那么可在工程目录res/values下的styles.xml自定义

方法：

1. res/values下的styles.xml文件中自定义一个标签

<style name ="你想要取的样式名" parent="你想继承的样式">
 <item name="重写的属性名">新属性</item>
  <item name="...">...</item>
 .
 .

</style>

例子: styles.xml文件增加的字段

 <color name="customcolor">#b0b0ff</color>
    <!-- 自定义的主题    name ="主题的名称 " parent="继承于  系统主题"   改变背景颜色 -->
    <!-- parent="@style/android:Theme.Light" 也可以写成 parent="android:Theme.Light" -->
    <style name="CustomTheme" parent="@style/android:Theme.Light">
        <!--  这里必须自定义一个color放入 不然报错 -->
        <item name="android:windowBackground">@color/customcolor</item>
    </style>

使用：在清单文件中AndroidManifest.xml中apliction或者activity中使用(如果activity没有定义主题那么默认使用apliction的)

例子：

 <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.qf.day18_resource_demo.MainActivity"
            android:label="@string/app_name"
            android:theme="@style/CustomTheme"
            >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

• 关于继承样式两种方式

  • 方式一

  <style name="father">
           <item name="android:textColor">#f00</item>
            <item name="android:layout_width">wrap_content</item>
      </style>
  
      <!-- 继承父类所有属性 并且可重写父类属性 -->
       <style name="father.son">
            <item name="android:layout_width">wrap_content</item>
      </style>

  调用方式

   <activity
              android:name="com.qf.day18_resource_demo.MainActivity"
              android:label="@string/app_name"
              android:theme="@style/father.son"
              >

  • 方式二

    <style name="father">
           <item name="android:textColor">#f00</item>
            <item name="android:layout_width">wrap_content</item>
      </style>
  
      <!-- 继承父类所有属性 并且可重写父类属性 -->
       <style name="son" parent="@style/father">
            <item name="android:layout_width">wrap_content</item>
      </style>

  • 调用

 <activity
            android:name="com.qf.day18_resource_demo.MainActivity"
            android:label="@string/app_name"
            android:theme="@style/son"
            >

---

• 假设我们有一天很多控件的样式都是一样的 我们可以抽取样式放入style中

 <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/holo_red_light"
        android:text="抽奖"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/holo_red_light"
        android:text="再来一次"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/holo_red_light"
        android:text="不玩了"
        />

• 上面的例子可以看到三个Button有多个重复样式 ，那么我们现在抽取公共样式 于
  
  目录res/values下的styles.xml自定义

<style name="MyButtonStyle">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name=" android:textColor">@android:color/holo_red_light</item>

    </style>

使用方法:

 <Button
        style="@style/MyButtonStyle"
        android:text="抽奖"
        />
    <Button
       style="@style/MyButtonStyle"
        android:text="再来一次"
        />
    <Button
       style="@style/MyButtonStyle"
        android:text="不玩了"