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

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

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

</style>

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

<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="不玩了"