Android 样式之shape入门使用

当你感觉为时已晚的时候,恰恰就是最早的时候。

首先说明android的样式主要通过shape、selector、layer-list、level-list、style、theme等组合实现。而shape是android中最基础的形状定义工具。

一般用shape定义的xml文件存放在drawable目录下,若项目没有该目录则新建一个,而不要将它放到drawable-hdpi等目录中。

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

              rectangle: 矩形,默认的形状,可以画出直角矩形、圆角矩形、弧形等;

              oval: 椭圆形,用得比较多的是画正圆;

              line: 线形,可以画实线和虚线;

              ring: 环形,可以画环形进度条;

rectangle(默认)


当我们没有声明shape类型的时候,默认为rectangle。

rectangle的参数如下:

solid: 设置形状填充的颜色,只有android:color一个属性

              android:color填充的颜色

padding: 设置内容与形状边界的内间距,可分别设置左右上下的距离

                android:left左内间距

                android:right右内间距

                 android:top上内间距

                 android:bottom下内间距

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,就可变成弧形边了

              android:radius圆角半径,会被下面每个特定的圆角属性重写

              android:topLeftRadius左上角的半径

              android:topRightRadius右上角的半径

              android:bottomLeftRadius左下角的半径

              android:bottomRightRadius右下角的半径

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

             android:color描边的颜色

             android:width描边的宽度

             android:dashWidth设置虚线时的横线长度

             android:dashGap设置虚线时的横线之间的距离

接下来说下实际怎么使用,文件命名为mao1.xml,放在drawable目录下:

Android 样式之shape入门使用_第1张图片
mao1.xml

大概的效果是这样的:

Android 样式之shape入门使用_第2张图片
直接显示的效果

接着在要使用的view里引用就可以了,例如本例中用做TextView的background:

Android 样式之shape入门使用_第3张图片
mao1的使用方法

最终的效果是这样:

Android 样式之shape入门使用_第4张图片
最终的效果图

传送门:GitHub地址

你可能感兴趣的:(Android 样式之shape入门使用)