android UI绘制加减号按钮

这篇文章主要为大家详细介绍了android UI绘制加减号按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了android UI绘制加减号按钮的具体代码，供大家参考，具体内容如下

在项目中我们常常会用到这么一个view。

这时候我们会选择使用两个图片来相互切换。其实，只要会基本的2D绘图这样简单的图片自己绘制出来不在话下。

先给出我做出来的效果图：

接下来，我将给出加号减号绘制的代码以供大家参考：

以下是关键代码

 /** * +号 */ public class AddView extends View { protected Paint paint; protected int HstartX, HstartY, HendX, HendY;//水平的线 protected int SstartX, SstartY, SsendX, SsendY;//垂直的线 protected int paintWidth = 2;//初始化加号的粗细为10 protected int paintColor = Color.BLACK;//画笔颜色黑色 protected int padding = 3;//默认3的padding public int getPadding() { return padding; } //让外界调用，修改padding的大小 public void setPadding(int padding) { SsendY = HendX = width - padding; SstartY = HstartX = padding; } //让外界调用，修改加号颜色 public void setPaintColor(int paintColor) { paint.setColor(paintColor); } //让外界调用，修改加号粗细 public void setPaintWidth(int paintWidth) { paint.setStrokeWidth(paintWidth); } public AddView(Context context, AttributeSet attrs) { super(context, attrs); initView(); } private void initView() { paint = new Paint(); paint.setColor(paintColor); paint.setStrokeWidth(paintWidth); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int widthSize = MeasureSpec.getSize(widthMeasureSpec); int widthMode = MeasureSpec.getMode(widthMeasureSpec); int width; if (widthMode == MeasureSpec.EXACTLY) { //  MeasureSpec.EXACTLY表示该view设置的确切的数值 width = widthSize; } else { width = 60;//默认值 } SstartX = SsendX = HstartY = HendY = width / 2; SsendY = HendX = width - getPadding(); SstartY = HstartX = getPadding(); //这样做是因为加号宽高是相等的，手动设置宽高 setMeasuredDimension(width, width); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //水平的横线 canvas.drawLine(HstartX, HstartY, HendX, HendY, paint); //垂直的横线 canvas.drawLine(SstartX, SstartY, SsendX, SsendY, paint); } }

 /** * -号 */ public class RemoveView extends AddView { public RemoveView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { //水平的横线，减号不需要垂直的横线了 canvas.drawLine(HstartX, HstartY, HendX, HendY, paint); } }

其中主要的是计算横线和竖线的位置。获得view的宽度后，将view设置成正方形，然后就如如所示：