android自定义控件学习【1】----自定义卡券View

今日，博主花了点时间看了一篇自定义控件的帖子，看起来好牛X，于是准备自己试试，废话不多说，先来看效果图，今天要做的是自定义锯齿边的卡券View，如下：

也许，你第一眼看到这个效果会觉得这不就是加个背景图片事儿吗？其实不然，以上效果为纯代码编写。其实也很简单，关键是思考清除自己要出的效果该怎么用算法，下面贴上代码：

</pre><pre name="code" class="java">/**
 * 优惠券自定义View
 * 
 * @author jihf
 * 
 */
public class CouponView extends LinearLayout {
	// 画图用到的类
	private Paint mPaint;
	// 两个圆之间的间距
	private float circleSpace = 8;
	// 圆的半径
	private float circleRadius = 10;
	// 圆心的位置
	private float centerPointX;
	// 圆的数量
	private float circleNum;
	// 不整除的剩余部分(即剩余的不能画圆的部分)
	private float remain;

	public CouponView(Context context) {
		super(context);
	}

	public CouponView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// 构建Paint时直接加上抗锯齿属性
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		// 设定使用图像抖动处理，会使绘制出来的图片颜色更加平滑和饱满，图像更加清晰
		mPaint.setDither(true);
		// 设置画笔的颜色
		mPaint.setColor(Color.WHITE);
		// 设置画笔的样式
		mPaint.setStyle(Paint.Style.FILL);
	}

	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		if (remain == 0) {
			/**
			 * 计算不可以画出圆的剩余部分
			 * 
			 * @思考：因为圆间距的个数比圆多一个
			 * 
			 * @算法:（屏幕宽度-一个圆间距）% （圆间距 + 圆直径） 求余
			 */
			remain = (int) ((w - circleSpace) % (circleSpace + 2 * circleRadius));
		}
		// 模运算
		circleNum = (int) ((w - circleSpace) / (circleSpace + 2 * circleRadius));
	}

	public CouponView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		// 画圆
		for (int i = 0; i < circleNum; i++) {
			// 计算圆心的x轴位置
			centerPointX = remain / 2 + circleSpace + circleRadius
					+ ((circleSpace + 2 * circleRadius) * i);
			// 上方的圆
			canvas.drawCircle(centerPointX, 0, circleRadius, mPaint);
			// 下方的圆
			canvas.drawCircle(centerPointX, getHeight(), circleRadius, mPaint);
		}
	}

}

以上所示代码就是画这个View的全部内容，怎么样，是不是很简单呢？在做这个之前，博主强烈建议各位读者先学习Paint类和Canvas的用法,才能更好的自定义其他任何你心中的View。

今天就到此为止了，感谢大家，欢迎提意见和建议!