Android resource 文件之 shape

1,707 阅读3分钟

Android resource文件之shape

Android项目结构res下的drawable 资源可以帮助我们实现很多优美的效果,简单点说,我们不需要所有的UI效果都依赖设计人员的切图。

Android的Shape资源能够帮助我们实现很多效果,例如:虚线、背景渐变、圆角按钮等,下面介绍Shape的用法:

android:shape=[“rectangle”| “oval”|“line”| “ring”]

其中rectangle矩形,oval椭圆,line水平直线,ring环形

当shape= “ring”的时候,有以下属性可用:

android:innerRadius 尺寸,内环的半径。

android:innerRadiusRatio 浮点型,以环的宽度比率来表示内环的半径,例如,如果android:innerRadiusRatio=“5”表示内环半径等于环的宽度除以5,这个值是可以被覆盖的,默认为9。

android:thickness 尺寸,环的厚度。

android:thicknessRatio 浮点型,以环的宽度比率来表示环的厚度,例如,如果android:innerRadiusRatio=“2”,那么环的厚度就等于环的宽度除以2.这个值是可以被android:thickness覆盖,默认值是3。

android:useLevel boolean,如果当作LevelListDrawable使用时值为true,否则为false。

子节点的常见属性:

1、填充

android:color 填充的颜色

2、渐变

android:startColor 起始颜色

android:endColor 结束颜色

android:centerColor 渐变中间颜色,即开始颜色与结束颜色之间的颜色

android:angle 渐变角度

0从上到下,

90表示从左到右,

数值为45的整数倍默认为0

android:type 样式

liner线性渐变,默认设置

radial环形渐变,以开始色为中心

sweep扫描线式渐变

android:userLevel ["true" |"false"] 如果要使用LevelListDrawable对象,就要设置为true,

true无渐变,

false有渐变色

android:gradientRadius 整型 渐变色半径。当 android:type= “radial” 时才使用。单独使用android:type= “radial”会报错。

android:centerX 整型 渐变中心X点坐标的相对位置

android:centerY 整型 渐变中心Y点坐标的相对位置

3、圆角

android:radius 整型 半径

android:topLeftRadius 整型 左上角半径

android:topRightRadius 整型 右上角半径

android:bottomLeftRadius 整型 左下角半径

android:bottomRightRadius 整型 右下角半径

4、内边距

android:left 整型 左内边距

android:top 整型 上内边距

android:right 整型 右内边距

android:bottom 整型 下内边距

5、大小

android:width 整型 宽度

android:height 整型 高度

6、描边

android:width 整型 描边的宽度

android:color 颜色值描边的颜色

android:dashWidth 整型 表示描边的样式是虚线的宽度,值为0时,表示为实线。值大于0则为虚线。

android:dashGap 整型 表示描边为虚线时,虚线之间的间隔即“ - - - - ”

下面给出几个参考实例:


一、实线样式

xml version="1.0"encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   
android:shape="line">
    <stroke
       
android:width="1dp"
       
android:color="@android:color/holo_red_light"/>
shape>

二、虚线样式



    

三、实线圆角边框



    
    

四、虚线圆角边框



    
    

五、圆角填充样式



    
    

六、部分圆角样式



    
    
    

七、渐变样式



    
    
    

八、设置了thicknessRatio属性的圆环



    
    

九、未设置thicknessRatio属性的圆环



    
    
    

注意:关于4.0以上设备虚线会变实线的问题,可以使用以下的方法解决:

1、在xml文件中设置linerType为software,android:linerType=“software”。


2、在代码中添加:view.setLayerType(View.LAYER_TYPE_SOFTWARE,null);

如果有什么问题,请QQ、微信或者邮件,评论也行。