GitHub
问题:
在平时的项目开发中，为了实现圆角矩形、带边框的矩形、圆、椭圆等效果，然后在drawble文件下创建大量的 shape 标签的xml。项目不断迭代，还会出现完全效果一样的设计，因为时间太久而忘记是那个xml了，然后就又新建一个xml，用于实现。最终导致文件太多，不便维护。
解决:
为了解决上面的问题，小弟我自己封装了一个 ShapeCreator 工具类，用于动态的创建圆角矩形、带边框的矩形、圆、椭圆等效果。
ShapeCreator介绍
ShapeCreator支持动态设置shape标签下的
以及 ,同时还支持state_press,state_enabled 状态变化。
标签对应的Android类为GradientDrawable，所以ShapeCreator就是对GradientDrawable进行了一个方法封装，使用起来简单方便。
剪辑视频20190829_095849.gif
使用：
圆角
img_1.png
//圆角
ShapeCreator.create()
.setCornerRadius(10)
.setSolidColor(Color.GRAY)
.into(btn1);
圆角边框
img_2.png
//圆角边框
ShapeCreator.create()
.setCornerRadius(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn2);
圆角边框-虚线效果
img_4.png
//圆角边框-虚线
ShapeCreator.create()
.setCornerRadius(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.setStrokeDashWidth(10)
.setStrokeDashGap(10)
.into(btn9);
//半圆角
ShapeCreator.create()
.setCornerRadius(100)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.setStrokeDashWidth(10)
.setStrokeDashGap(10)
.into(btn10);
单独设置四个圆角
img_3.png
//左上圆角
ShapeCreator.create()
.setCornerRadiusLT(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn3);
//右上圆角
ShapeCreator.create()
.setCornerRadiusRT(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn4);
//左下圆角
ShapeCreator.create()
.setCornerRadiusLB(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn5);
//右下圆角
ShapeCreator.create()
.setCornerRadiusRB(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn6);
//对角圆角
ShapeCreator.create()
.setCornerRadiusLT(10)
.setCornerRadiusRB(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn7);
//对角圆角
ShapeCreator.create()
.setCornerRadiusRT(10)
.setCornerRadiusLB(10)
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn8);
圆形
img_5.png
//圆形
ShapeCreator.oval()
.setSolidColor(Color.GRAY)
.into(btn11);
//椭圆
ShapeCreator.oval()
.setSolidColor(Color.GRAY)
.setStrokeColor(Color.CYAN)
.setStrokeWidth(2)
.into(btn12);
线
img_6.png
//线
ShapeCreator.line()
.setStrokeColor(Color.RED)
.setStrokeWidth(1)
.into(btn13);
//虚线
ShapeCreator.line()
.setStrokeColor(Color.CYAN)
.setStrokeWidth(1)
.setStrokeDashWidth(10)
.setStrokeDashGap(10)
.into(btn14);
渐变效果
img_7.png
//渐变 线性
ShapeCreator.create()
.setGradientType(ShapeCreator.LINEAR_GRADIENT)
.setGradientAngle(90)
.setGradientStartColor(Color.RED)
.setGradientEndColor(Color.BLUE)
.into(btn15);
//渐变 圆形
ShapeCreator.create()
.setGradientType(ShapeCreator.RADIAL_GRADIENT)
.setGradientRadius(50)
.setGradientCenterX(0.5f)
.setGradientCenterY(0.5f)
.setGradientStartColor(Color.RED)
.setGradientCenterColor(Color.CYAN)
.setGradientEndColor(Color.BLUE)
.into(btn16);
//渐变 sweep
ShapeCreator.create()
.setGradientType(ShapeCreator.SWEEP_GRADIENT)
.setGradientCenterX(0.5f)
.setGradientCenterY(0.5f)
.setGradientStartColor(Color.RED)
.setGradientCenterColor(Color.YELLOW)
.setGradientEndColor(Color.BLUE)
.into(btn17);
带交互状态
img_8.png
//状态
ShapeCreator.create()
.setCornerRadius(10)
.setStateEnabled(true)
.setSolidColor(Color.GRAY)
.setSolidPressColor(Color.DKGRAY)
.setStrokeColor(Color.CYAN)
.setStrokePressColor(Color.MAGENTA)
.setStrokeWidth(2)
.setStateTextColorEnabled(true)
.setTextColor(Color.BLACK)
.setTextPressColor(Color.WHITE)
.into(btn18);
//状态
ShapeCreator.create()
.setCornerRadius(10)
.setStateEnabled(true)
.setSolidColor(Color.GRAY)
.setSolidPressColor(Color.DKGRAY)
.setSolidDisableColor(Color.LTGRAY)
.setStrokeColor(Color.CYAN)
.setStrokePressColor(Color.MAGENTA)
.setStrokeDisableColor(Color.LTGRAY)
.setStrokeWidth(2)
.setStateTextColorEnabled(true)
.setTextColor(Color.BLACK)
.setTextDisableColor(Color.WHITE)
.into(btn19);
btn19.setEnabled(false);
源码
public class ShapeCreator {
/**
* 对应标签 shape
*/
private int shape;
public static final int RECTANGLE = 0;
public static final int OVAL = 1;
public static final int LINE = 2;
/**
* 对应标签 corners
*/
private float cornerRadius; //四个角的半径
private float cornerRadiusLT; //左上角半径
private float cornerRadiusRT; //右上角半径
private float cornerRadiusLB; //左下角半径
private float cornerRadiusRB; //右下角半径
/**
* 对应标签 solid
*/
private int solidColor;
private int solidPressColor = 0;
private int solidDisableColor = 0;
/**
* 对应标签stroke
*/
private int strokeColor;
private int strokePressColor = 0;
private int strokeDisableColor = 0;
private int strokeWidth;
private int strokeDashWidth;
private int strokeDashGap;
/**
* 对应标签gradient
*/
private int gradientType = -1;
public static final int LINEAR_GRADIENT = 0;
public static final int RADIAL_GRADIENT = 1;
public static final int SWEEP_GRADIENT = 2;
private int gradientAngle;
private float gradientCenterX;
private float gradientCenterY;
private int gradientStartColor;
private int gradientCenterColor = 0;
private int gradientEndColor;
private float gradientRadius;
/**
* 对应标签 size
*/
private int width;
private int height;
/**
* true 默认dp
* false 默认px
*/
private boolean dpUnitEnabled = true;
/**
* 状态标签是否启用 selector 标签
*/
private boolean stateEnabled = false;
/**
* 是否支持设置文字颜色state
*/
private boolean stateTextColorEnabled = false;
private int textColor, textPressColor, textDisableColor;
public static ShapeCreator create() {
return new ShapeCreator();
}
/**
* 直接指定类型 shape line
* @return
*/
public static ShapeCreator line() {
return new ShapeCreator().setShape(LINE);
}
/**
* 直接指定类型 shape oval
* @return
*/
public static ShapeCreator oval() {
return new ShapeCreator().setShape(OVAL);
}
/**
*
*
* @param shape
* @return
*/
public ShapeCreator setShape(int shape) {
this.shape = shape;
return this;
}
/**
*
*
* @param drawable
*/
private void setXmlShapeType(GradientDrawable drawable) {
drawable.setShape(shape);
}
/**
*