android 样式开发

Posted 2020-06-13

1. android的样式一般定义在res/values/styles.xml文件中，其中有一个根元素<resource>，而具体的每种样式定义则是通过<resource>下的子标签<style>来完成，<style>通过添加多个<item>来设置样式不同的属性.

样式是可以继承的，可通过<style>标签的parent属性声明要继承的样式，也可通过点前缀 (.) 继承，点前面为父样式名称，后面为子样式名称。点前缀方式只适用于自定义的样式，若要继承Android内置的样式，则只能通过parent属性声明。

    <!--继承AppTheme-->
    <style name="styleTest" parent="AppTheme">
        <item name="android:textColor">#ff3300</item>
    </style>
    <!--继承styleTest-->
    <style name="styleTest.styleTheme" >
        <item name="android:textSize">30sp</item>
    </style>

可以通过在具体的ui组件里面调用style="@style/styleTest"， 也可以把该样式当作主题在AndroidManifest.xml的Activity或整个Application设置android:theme="@style/styleTest"

2. shape

 对于各种矩形、圆形、椭圆、线等可以通过shape标签画图，用shape定义的xml文件存放在drawable目录下。

shape可以自定义形状，可以定义下面四种类型的形状，通过android:shape属性指定：

• rectangle: 矩形，默认的形状
• oval: 椭圆形
• line: 线形，可以画实线和虚线
• ring: 环形，可以画环形进度条

通过shap里面的子选项元素控制填充颜色、边距、圆角、描边等。

a. rectangle

solid: 设置形状填充的颜色

padding: 设置内容与形状边界的内间距

gradient: 设置形状的渐变颜色

        android:type 渐变的类型

• linear 线性渐变，默认的渐变类型
• radial 放射渐变，设置该项时，android:gradientRadius也必须设置
• sweep 扫描性渐变
• android:startColor 渐变开始的颜色
• android:endColor 渐变结束的颜色
• android:centerColor 渐变中间的颜色
• android:angle 渐变的角度，线性渐变时才有效，必须是45的倍数，0表示从左到右，90表示从下到上
• android:centerX 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
• android:centerY 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
• android:gradientRadius 渐变的半径，只有渐变类型为radial时才使用
• android:useLevel 如果为true，则可在LevelListDrawable中使用

corners: 设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了

stroke: 设置描边，可描成实线或虚线。

• android:color 描边的颜色
• android:width 描边的宽度
• android:dashWidth 设置虚线时的横线长度
• android:dashGap 设置虚线时的横线之间的距离

b.oval

用来画椭圆

size: 设置形状默认的大小，可设置宽度和高度

• android:width 宽度
• android:height 高度

c. line

画线时，有几点特性必须要知道的：

1. 只能画水平线，画不了竖线；
2. 线的高度是通过stroke的android:width属性设置的；
3. size的android:height属性定义的是整个形状区域的高度；
4. size的height必须大于stroke的width，否则，线无法显示；
5. 线在整个形状区域中是居中显示的；
6. 线左右两边会留有空白间距，线越粗，空白越大；
7. 引用虚线的view需要添加属性android:layerType，值设为"software"，否则显示不了虚线。

d. ring

shape根元素有些属性只适用于ring类型：

• android:innerRadius 内环的半径
• android:innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径，默认为3，表示内环半径为环的宽度除以3，该值会被android:innerRadius覆盖
• android:thickness 环的厚度
• android:thicknessRatio 浮点型，以环的宽度比率来表示环的厚度，默认为9，表示环的厚度为环的宽度除以9，该值会被android:thickness覆盖
• android:useLevel 一般为false，否则可能环形无法显示，只有作为LevelListDrawable使用时才设为true

<!--矩形-->
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#e1bee7"></solid>
    <padding android:bottom="5dp" android:left="5dp" android:right="5dp" android:top="5dp"></padding>
    <corners android:radius="8dp"></corners>
</shape>

 

3. selector  

针对不同的状态，比如按钮按下，checkbox选中等都需要不同的样式处理， 可以通过selector的state_xxx属性设置。

selector标签，可以添加一个或多个item子标签，而相应的状态是在item标签中定义的。定义的xml文件可以作为两种资源使用：drawable和color。作为drawable资源使用时，一般和shape一样放于drawable目录下，item必须指定android:drawable属性；作为color资源使用时，则放于color目录下，item必须指定android:color属性。

状态：

• android:state_enabled: 设置触摸或点击事件是否可用状态，一般只在false时设置该属性，表示不可用状态
• android:state_pressed: 设置是否按压状态，一般在true时设置该属性，表示已按压状态，默认为false
• android:state_selected: 设置是否选中状态，true表示已选中，false表示未选中
• android:state_checked: 设置是否勾选状态，主要用于CheckBox和RadioButton，true表示已被勾选，false表示未被勾选
• android:state_checkable: 设置勾选是否可用状态，类似state_enabled，只是state_enabled会影响触摸或点击事件，而state_checkable影响勾选事件
• android:state_focused: 设置是否获得焦点状态，true表示获得焦点，默认为false，表示未获得焦点
• android:state_window_focused: 设置当前窗口是否获得焦点状态，true表示获得焦点，false表示未获得焦点，例如拉下通知栏或弹出对话框时，当前界面就会失去焦点；另外，ListView的ListItem获得焦点时也会触发true状态，可以理解为当前窗口就是ListItem本身
• android:state_activated: 设置是否被激活状态，true表示被激活，false表示未激活，API Level 11及以上才支持，可通过代码调用控件的setActivated(boolean)方法设置是否激活该控件
• android:state_hovered: 设置是否鼠标在上面滑动的状态，true表示鼠标在上面滑动，默认为false，API Level 14及以上才支持

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--radio选中时的样式-->
    <item android:state_checked="true">
        <layer-list>
            <!-- 红色背景 -->
            <item>
                <color android:color="#E4007F"></color>
            </item>
            <!-- 白色背景 -->
            <item android:bottom="3dp" android:drawable="@android:color/white"></item>
        </layer-list>
    </item>
    <!--默认的样式-->
    <item>
        <layer-list>
            <!-- 红色背景 -->
            <item>
                <color android:color="#E4007F" />
            </item>
            <item android:bottom="1dp" android:drawable="@android:color/white"></item>
        </layer-list>
    </item>
</selector>

 

4.layer-list 

layer-list可以将多个drawable按照顺序层叠在一起显示. 见selector代码。

 

参考：

http://keeganlee.me/post/android/20150830

http://keeganlee.me/post/android/20150905

http://keeganlee.me/post/android/20150909

http://keeganlee.me/post/android/20151031