转载请注明出处：http://blog.csdn.net/xiaoyuan511

一、概述

最近太忙了，几乎每天都在做项目。同时写两个项目的感觉真爽。
在我们开发中，会经常遇到shape这种属性，这种属性可以在没有美工的情况照样可以实现我们想要的效果。自动动手，丰衣足食。

二、效果图

这里写图片描述

二、属性

三、基本属性

• Corners

android:radius="dimension" 全部的圆角半径
android:topLeftRadius="dimension" 左上角的圆角半径
android:topRightRadius="dimension" 右上角的圆角半径
android:bottomLeftRadius="dimension" 左下角的圆角半径
android:bottomRightRadius="dimension" 右下角的圆角半径

• Solid

android:color="color" 填充颜色

• Gradient

android:type=["linear" | "radial" | "sweep"] 3中渐变类型，线性渐变（默认）/放射渐变/扫描式渐变
android:angle="integer" 渐变角度，必须为45的倍数，0为从左到右，90为从上到下 （只对线性渐变有效）
android:centerX="float" 渐变中心X的相当位置，范围为0～1
android:centerY="float" 渐变中心Y的相当位置，范围为0～1
android:startColor="color" 渐变开始点的颜色
android:centerColor="color" 渐变中间点的颜色，在开始与结束点之间
android:endColor="color" 渐变结束点的颜色
android:gradientRadius="float" 渐变的半径，只有当渐变类型为radial时才能使用
android:useLevel=["true" | "false"] /> 使用LevelListDrawable时就要设置为true。设为false时才有渐变效果

• stroke

android:width="dimension" 描边的宽度
android:color="color" 描边的颜色
以下两个属性设置虚线
android:dashWidth="dimension" 虚线的宽度，值为0时是实线
android:dashGap="dimension" 虚线间隔

• size

android:width="dimension" 控件宽度
android:height="dimension" 控件高度

• padding

android:left="dimension" 左
android:top="dimension" 上
android:right="dimension" 右
android:bottom="dimension" 下

• 特殊
  • ring(环形特有属性)

  android:innerRadius 尺寸，内环的半径。
  android:thickness 尺寸，环的厚度
  android:innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径，
  例如，如果android:innerRadiusRatio，表示内环半径等于环的宽度除以5，这个值是可以被覆盖的，默认为9.
  android:thicknessRatio 浮点型，以环的宽度比率来表示环的厚度，例如，如果android:thicknessRatio="2"，
  那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的，默认值是3.
  android:useLevel boolean值，如果当做是LevelListDrawable使用时值为true，否则为false.

四、问题

在xml里面已经设置BackGround已经为shape属性了。如果在代码在设置BackGround会把shape的属性覆盖掉，我们怎么能保证shape属性不变，又可以切换颜色那？当然定义多个shape.xml也可以实现的。

我可以通过 GradientDrawable这个类来实现我们的想要的效果

 findViewById(R.id.rectangle).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            position++;
            GradientDrawable myGrad = (GradientDrawable) allRectangle.getBackground();
            switch (position % 6) {
                case 0:
                    myGrad.setColor(Color.argb(255, 249, 122, 3));
                    break;
                case 1:
                    myGrad.setColor(Color.argb(255, 240, 94, 63));
                    break;
                case 2:
                    myGrad.setColor(Color.argb(255, 96, 79, 171));
                    break;
                case 3:
                    myGrad.setColor(Color.argb(255, 36, 198, 89));
                    break;
                case 4:
                    myGrad.setColor(Color.argb(255, 94, 92, 93));
                    break;
                case 5:
                    myGrad.setColor(Color.argb(255, 65, 179, 205));
                    break;
            }
        }
    });

这样就可以实现我们想要的效果了。

五、总结

上面这些基本上是shape属性所有用法了，没有美工我照样可以做出好看的效果!

六、源码

点击下载

七、欢迎大家访问我的网站和我的公众号

极客导航---程序员自己的导航网站
程序员自己的导航网站

欢迎关注我的公众号