Android 03 style简单介绍

来源:互联网 发布:我和僵尸有个约会知乎 编辑:程序博客网 时间:2024/05/17 01:39

style简单介绍
目录介绍
1.简单介绍
2.样式的定义
3.主题
4.其他

1.简单介绍
整合所有资源,定义成统一的样式。哪些该定义成统一的样式呢?举几个例子吧:

    1. 每个页面标题栏的标题基本会有一样的字体大小、颜色、对齐方式、内间距、外间距等,这就可以定义成样式;    2. 很多按钮也都使用一致的背景、内间距、文字颜色、文字大小、文字的对齐方式等,这也可以定义成样式;    3. 网络加载的进度条基本也都是一样的,同样可以定义成样式;    4. 不喜欢系统的弹出框样式,那也可以自定义样式。

2.样式的定义
Android的样式一般定义在res/values/styles.xml文件中,其中有一个根元素,而具体的每种样式定义则是
通过下的子标签

<style name="Widget.Material.Button"><item name="background">@drawable/btn_default_material</item><item name="textAppearance">?attr/textAppearanceButton</item><item name="minHeight">48dip</item><item name="minWidth">88dip</item><item name="stateListAnimator">@anim/button_state_list_anim_material</item><item name="focusable">true</item><item name="clickable">true</item><item name="gravity">center_vertical|center_horizontal</item></style>

其中,stateListAnimator指定状态改变时的动画,button_state_list_anim_material的代码如下:

<!-- res/anim/button_state_list_anim_material.xml --><?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:state_pressed="true" android:state_enabled="true"><set>    <objectAnimator    android:propertyName="translationZ"    android:duration="@integer/button_pressed_animation_duration"    android:valueTo="@dimen/button_pressed_z_material"    android:valueType="floatType" />    <objectAnimator    android:propertyName="elevation"    android:duration="0"    android:valueTo="@dimen/button_elevation_material"    android:valueType="floatType" /></set></item><!-- base state --><item android:state_enabled="true"><set>    <objectAnimator    android:propertyName="translationZ"    android:duration="@integer/button_pressed_animation_duration"    android:valueTo="0"    android:startDelay="@integer/button_pressed_animation_delay"    android:valueType="floatType"/>    <objectAnimator    android:propertyName="elevation"    android:duration="0"    android:valueTo="@dimen/button_elevation_material"    android:valueType="floatType" /></set></item><item><set>    <objectAnimator    android:propertyName="translationZ"    android:duration="0"    android:valueTo="0"    android:valueType="floatType"/>    <objectAnimator    android:propertyName="elevation"    android:duration="0"    android:valueTo="0"    android:valueType="floatType"/></set></item></selector>

可以看到,每种状态的动画为属性动画集
现在我想继承Widget.Material.Button样式,改变背景和文字颜色,那么,代码如下:

<!-- res/values/styles.xml --><resources><style name="ButtonNormal" parent="@android:style/Widget.Material.Button" ><item name="android:background">@drawable/bg_btn_selector</item><item name="android:textColor">@color/text_btn_selector</item></style></resources>

其中,@drawable/bg_btn_selector和@color/text_btn_selector的实现请参照selector篇。
有些按钮,我只想改变文字颜色,但背景想让它透明,这时就可以用点前缀的方式继承以上的样式,代码如下:

<!-- res/values/styles.xml --><resources><style name="ButtonNormal" parent="@android:style/Widget.Material.Button"><item name="android:background">@drawable/bg_btn_selector</item><item name="android:textColor">@color/text_btn_selector</item></style><style name="ButtonNormal.Transparent"><item name="android:background">@drawable/bg_btn_transparent</item><item name="android:textColor">@color/text_btn_selector</item></style></resources>

引用的时候只要在相应的Button里添加style就可以了,代码如下:

<Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:onClick="onAction"android:text="@string/btn_action"style="@style/ButtonNormal.Transparent" />

有时候,定义的样式太多,如果都放在styles.xml文件里,那这文件也太臃肿了。因此,可以将样式分类拆分成多个文件。
Android系统本身也拆分为多个文件存放的,如下列表全都是样式文件:

styles.xmlstyles_device_defaults.xmlstyles_holo.xmlstyles_leanback.xmlstyles_material.xmlstyles_micro.xmlthemes.xmlthemes_device_defaults.xmlthemes_holo.xmlthemes_leanback.xmlthemes_material.xmlthemes_micro.xml

其中,主要分为两大类,styles定义了简单的样式,而themes则定义了主题。

3.主题
以上的简单例子只用于单个View,这是样式最简单的用法。但样式的用法不只是用于单个View,也能用于Activity或整个Application,
这时候需要在相应的标签或标签里设置android:theme*属性,引用的其实也是style*,但一般称为主题。
Android系统提供了多套主题,查看Android的frameworks/base/core/res/res/values目录,就会看到有以下几个文件(目前为止):

•    themes.xml:低版本的主题,目标API level一般为10或以下•    themes_holo.xml:从API level 11添加的主题•    themes_device_defaults.xml:从API level 14添加的主题•    themes_material.xml:从API level 21添加的主题•    themes_micro.xml:应该是用于Android Wear的主题•    themes_leanback.xml: 还不清楚什么用

不过在实际应用中,因为大部分都采用兼容包的,一般都会采用兼容包提供的一套主题:
Theme.AppCompat。AppCompat主题默认会根据不同版本的系统自动匹配相应的主题,比如在Android 5.0系统,它会继承Material主题。
不过这也会导致一个问题,不同版本的系统使用不同主题,就会出现不同的体验。因此,为了统一用户体验,最好还是自定义主题。
自定义主题也很简单,只要继承某一父主题,然后在标签或中引用就可以了。
主题的定义示例如下:

<resources><style name="AppTheme" parent="Theme.AppCompat"><item name="windowActionBar">false</item><item name="windowNoTitle">true</item><item name="windowAnimationStyle">@style/WindowAnimation</item></style><!-- Standard animations for a full-screen window or activity. --><style name="WindowAnimation" parent="@android:style/Animation.Activity"><item name="activityOpenEnterAnimation">@anim/activity_open_enter</item><item name="activityOpenExitAnimation">@anim/activity_open_exit</item><item name="activityCloseEnterAnimation">@anim/activity_close_enter</item><item name="activityCloseExitAnimation">@anim/activity_close_exit</item></style></resources>

其中,WindowAnimation重新指定了Activity的转场动画,以下为activity_close_exit的示例代码:

<!-- res/anim/activity_close_exit.xml --><?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"android:shareInterpolator="false"android:zAdjustment="top"><alphaandroid:fromAlpha="0.0"android:toAlpha="1.0"android:interpolator="@interpolator/decelerate_quart"android:fillEnabled="true"android:fillBefore="false"android:fillAfter="true"android:duration="200" /><translateandroid:fromYDelta="8%"android:toYDelta="0"android:fillEnabled="true"android:fillBefore="true"android:fillAfter="true"android:interpolator="@interpolator/decelerate_quint"android:duration="350" /></set>

这是比较简单的视图动画,视图动画具体用法可参考View Animation篇。
接着,若要使用到整个Application,则在AndroidManifest.xml的标签设置android:theme属性,示例代码如下:

<applicationandroid:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:theme="@style/AppTheme"><!-- activity here --></application>

4.其他
知乎:https://www.zhihu.com/people/yang-chong-69-24/pins/posts
领英:https://www.linkedin.com/in/chong-yang-049216146/
简书:http://www.jianshu.com/u/b7b2c6ed9284
csdn:http://my.csdn.net/m0_37700275
网易博客:http://yangchong211.blog.163.com/
新浪博客:http://blog.sina.com.cn/786041010yc
github:https://github.com/yangchong211
喜马拉雅听书:http://www.ximalaya.com/zhubo/71989305/
脉脉:yc930211
开源中国:https://my.oschina.net/zbj1618/blog
邮箱:yangchong211@163.com

原创粉丝点击