Android 学习之Drawable-shape使用方法

版权声明

本文为 LiKaiRabbit 原创文章，转载时请注明出处。

---

Android中为了某种图形，被点击改变，控件周边的的效果,我们经常会shape（形状）。shape是通过xml的代码实现，不许要图片适配而且占用空间小，在可以使用shape的情况最好不要用图片。下面我们就来了解一下shape中的属性和实现的效果。

一、shape标签属性

   android:shape：

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

               oval: 椭圆形，大多用来画圆形。

                line: 线形，可以画实线和虚线

                 ring: 环形，可以画环形进度条

    android:tint：给shape着色

    android:tintMode：着色模式。

    android:dither：是否启用抖动技术。值为false和true，默认true。（Dithering是一种图像算法，在不同色域的显示屏上修正颜色）。

    android:visible：可见与不可见。

    android:useLevel：true则可在LevelListDrawable中使用，但通常不会显示。默认“false”。

    android:thickness：环的厚度，指内环与外环的环间距。（shape为ring可用，后面会做演示）

    android:thicknessRatio：浮点型，以环的宽度比率来表示环的厚度，默认为9，表示环的厚度为环的宽度除以9，该值会被android:thickness覆盖（shape为ring可用，后面会做演示）

    android:innerRatio：内环半径（shape为ring可用，后面会做演示）

    android:innerRadiusRatio：浮点型，以环的宽度比率来表示内环的半径，默认为3，表示内环半径为环的宽度除以3，该值会被android:innerRadius覆盖（shape为ring可用，后面会做演示）

二、 每一个shape标签下的属性

三、演示代码及图片

主布局，用四ImageView演示

   android：background 分别为 shape、shape1、shape2、shape3

1、rectangle: 矩形，以及圆角属性的演示。
这是一矩形

这是一个四个角带圆角的矩形

这是一个右上角和左下角带圆角的矩形

这是一个右边弧形

                             效果图

2.overal：椭圆形，以及描边属性展示。
属性里的 dashGap:空白间隙长度 dashWidth：有色间隙长度

这是一个正圆形

这是一个椭圆形

这是一个圆外面加了一个5dp的描边

这个是把描边分割成一段一段

3.line: 线形，需要描边属性实现其效果。 solid不能显示其颜色，只能在线周围描边来实现。

这是一个描边4dp的直线

这是一个间隙5dp的直线

这是一个间隙10dp的直线

效果图：

4.ring: 环形，以及在里的thickness、innerRatio属性。

       在使用ring时，必须加上android:useLevel="false"才能生效，不知到为什么。

**关于thickness、innerRatio、thicknessRatio、innerRadiusRatio属性的使用。

在不指定任何属性的情况下，系统会使用thicknessRatio为9和innerRadiusRatio为3，这是什么意思呢？
就是，圆环的内半径：innerRadius = 设定的宽度/3。圆环的宽度：thickness=设定的宽度/9。

我们来演示一下我把size：weight设置成100dp。第一个shape使用默认值，第二个shape的innerRadius=33.33dp、thickness=11.11dp

两个的大小是一样的。**

下面我们分别调整他的大小

5.关于渐变属性的使用。

    android:type：渐变的类型                         

                               linear：线性渐变，默认的渐变类型

                               radial：放射渐变，设置该项时，必须设置android:gradientRadius渐变半径属性

                               sweep：扫描性渐变

    android:angle：渐变的角度，线性渐变时(linear也是默认的渐变类型)才有效，必须是45的倍数，0表示从左到右，90表示从下到上

    android:centerX：渐变中心的相对X坐标，放射渐变时(radial)才有效，在0.0到1.0之间，默认为0.5，表示在正中间

    android:centerY：渐变中心的相对X坐标，放射渐变时(radial才有效，在0.0到1.0之间，默认为0.5，表示在正中间

    android:useLevel：如果为true，则可在LevelListDrawable中使用。这通常应为“false”，否则形状不会显示。

    android:startColor：渐变开始的颜色

    android:centerColor：渐变中间的颜色

    android:endColor：渐变结束的颜色

    android:gradientRadius：渐变的半径，只有渐变类型为radial时才使用

     1.linear：线性渐变，默认的渐变类型。angle:渐变角度。centeColor中心颜色。


               我们用rectangle：矩形，来做演示。注意红色箭头，现实每个图形不同。

2.radial：放射渐变

  3.sweep：扫描性渐变

                       angle：角度属性对sweep是没有效果的

结束。