Android自定义View实现随机验证码

概述对于android开发来说自定义View还是一个比较重要的技能，所以在这里写一篇自定义View入门的文章，也是实现一个相对简单的随机产生验证码的功能：

对于androID开发来说自定义view还是一个比较重要的技能，所以在这里写一篇自定义view入门的文章，也是实现一个相对简单的随机产生验证码的功能：
自定义view主要也就分为几步
@H_301_4@ 1.自定义view的属性
 2.在我们的自定义的布局中获取自定义属性
 3.重写onMesure方法
 4.重写onDraw方法
好现在我们就一步一步的来，首先创建我们的VIEw属性
在valuse目录下创建一个attrs.xml的文件，然后：

<?xml version="1.0" enCoding="utf-8"?><resources> <attr name="textcolor" format="color"/> <attr name="textContent" format="string"/> <attr name="textSize" format="dimension"/> <declare-styleable name="VerificationCodeVIEw"> <attr name="textContent" /> <attr name="textcolor" /> <attr name="textSize" /> </declare-styleable></resources>

我们总共定义了三个属性，一个是颜色，内容，大小

然后我们去建立我们的自定义类

public class VerificationCodeVIEw extends VIEw { /** * 文本 */ private String mTitleText; /** * 文本的颜色 */ private int mTextcolor; /** * 文本的大小 */ private int mTextSize; /** * 绘制时控制文本绘制的范围 */ private Rect mBound; /** * 初始化画笔 */ private Paint mTextPaint; private Paint mPointPaint; private Paint mPathPaint; /** * 干扰点坐标的集合 */ private ArrayList<PointF> mPoints = new ArrayList<PointF>(); /** * 绘制贝塞尔曲线的路径集合 */ private ArrayList<Path> mPaths = new ArrayList<Path>(); public VerificationCodeVIEw(Context context) { this(context,null); } public VerificationCodeVIEw(Context context,AttributeSet attributeSet) { this(context,attributeSet,0); } public VerificationCodeVIEw(Context context,AttributeSet attributeSet,int defStyle) { super(context,defStyle); TypedArray typedArray = context.gettheme().obtainStyledAttributes(attributeSet,R.styleable.VerificationCodeVIEw,defStyle,0); int size = typedArray.getIndexCount(); for (int i = 0; i < size; i++) {  int content = typedArray.getIndex(i);  switch (content) {  case R.styleable.VerificationCodeVIEw_textContent:   mTitleText = typedArray.getString(content);   break;  case R.styleable.VerificationCodeVIEw_textcolor:   mTextcolor = typedArray.getcolor(content,color.BLACK);   break;  case R.styleable.VerificationCodeVIEw_textSize:   // 默认设置为16sp，TypeValue也可以把sp转化为px   mTextSize = typedArray.getDimensionPixelSize(content,(int) TypedValue.applyDimension(    TypedValue.COMPLEX_UNIT_SP,16,getResources().getdisplayMetrics()));   break;  } } typedArray.recycle(); //设置点击事件变换数字 this.setonClickListener(new OnClickListener() {  @OverrIDe  public voID onClick(VIEw v) {  mTitleText = randomText();  postInvalIDate();  } }); } /** * EXACTLY：一般是设置了明确的值或者是MATCH_PARENT * AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT * UnspecIFIED：表示子布局想要多大就多大，很少使用 * * @param wIDthMeasureSpec * @param heightmeasureSpec */ @OverrIDe protected voID onMeasure(int wIDthMeasureSpec,int heightmeasureSpec) { super.onMeasure(wIDthMeasureSpec,heightmeasureSpec); int wIDthMode = MeasureSpec.getMode(wIDthMeasureSpec); int wIDthSize = MeasureSpec.getSize(wIDthMeasureSpec); int heightmode = MeasureSpec.getMode(heightmeasureSpec); int heightSize = MeasureSpec.getSize(heightmeasureSpec); //用来设置要画的布局的大小 if (wIDthMode != MeasureSpec.EXACTLY) {  wIDthSize = (int) (getpaddingleft() + mBound.wIDth() + getpaddingRight()); } if (heightmode != MeasureSpec.EXACTLY) {  heightSize = (int) (getpaddingtop() + mBound.height() + getpaddingBottom()); } setMeasuredDimension(wIDthSize,heightSize); } @OverrIDe protected voID onDraw(Canvas canvas) { //生成随机的背景颜色 mTextPaint.setcolor(color.YELLOW); canvas.drawRect(0,getMeasureDWIDth(),getMeasuredHeight(),mTextPaint); //生成随机的文字颜色 mTextPaint.setcolor(mTextcolor); //将文字画在布局的中间 canvas.drawText(mTitleText,getWIDth() / 2 - mBound.wIDth() / 2,getHeight() / 2 + mBound.height() / 2,mTextPaint); } /** * 生成随机的四位数字验证码 * * @return */ private String randomText() { Random random = new Random(); Set<Integer> set = new HashSet<Integer>(); while (set.size() < 4) {  int randomInt = random.nextInt(10);  set.add(randomInt); } StringBuffer sb = new StringBuffer(); for (Integer i : set) {  sb.append("" + i); } return sb.toString(); }}

以上代码就是自定义的类，继承了VIEw他有三个构造方法，我们要获取它的属性，所以一定要走第三个，但是默认是第二个，所以我们要在每一个里面调用第三个，以确保做了初始化工作 注意@H_301_4@调用的时候用的是this的构造方法，而不是super
当我们的这个类出来之后，后面的就很简单了

<?xml version="1.0" enCoding="utf-8"?><relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:verification="http://schemas.androID.com/apk/res-auto" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:gravity="center" > <com.example.aotuman.verification.vIEw.VerificationCodeVIEw androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:paddingtop="10dp" androID:paddingBottom="10dp" androID:paddingleft="10dp" androID:paddingRight="10dp" verification:textContent="3712" verification:textcolor="#ff0000" verification:textSize="40sp" /></relativeLayout>

在布局里面应用它就可以了， xmlns:verification=”http://schemas.androID.com/apk/res-auto”是必须要的，要不找不到自定义的属性。

好了到这为止就实现了最简单的

接下来我们就是实现绘制一些散点和曲线，修改我们的自定义类的onDraw()方法

@OverrIDe protected voID onDraw(Canvas canvas) { initData(); Random mRandom = new Random(); //生成随机的背景颜色 mTextPaint.setARGB(255,mRandom.nextInt(200) + 20,mRandom.nextInt(200) + 20); canvas.drawRect(0,mTextPaint); //生成随机的文字颜色 mTextPaint.setARGB(255,mRandom.nextInt(200) + 20); //将文字画在布局的中间 canvas.drawText(mTitleText,mTextPaint); // 产生干扰效果1 -- 干扰点 for (PointF pointF : mPoints) {  mPointPaint.setARGB(255,mRandom.nextInt(200) + 20);  canvas.drawPoint(pointF.x,pointF.y,mPointPaint); } // 产生干扰效果2 -- 干扰线 for (Path path : mPaths) {  mPathPaint.setARGB(255,mRandom.nextInt(200) + 20);  canvas.drawPath(path,mPathPaint); } private voID initData() { Random mRandom = new Random(); // 获取控件的宽和高，此时已经测量完成 int mHeight = getHeight(); int mWIDth = getWIDth(); mPoints.clear(); // 生成干扰点坐标 for (int i = 0; i < 150; i++) {  PointF pointF = new PointF(mRandom.nextInt(mWIDth) + 10,mRandom.nextInt(mHeight) + 10);  mPoints.add(pointF); } mPaths.clear(); // 生成干扰线坐标 for (int i = 0; i < 2; i++) {  Path path = new Path();  int startX = mRandom.nextInt(mWIDth / 3) + 10;  int startY = mRandom.nextInt(mHeight / 3) + 10;  int endX = mRandom.nextInt(mWIDth / 2) + mWIDth / 2 - 10;  int endY = mRandom.nextInt(mHeight / 2) + mHeight / 2 - 10;  path.moveto(startX,startY);  path.quadTo(Math.abs(endX - startX) / 2,Math.abs(endY - startY) / 2,endX,endY);  mPaths.add(path); } } private voID init() { // 初始化文字画笔 /**  * 获得绘制文本的宽和高  */ mTextPaint = new Paint(); mTextPaint.setTextSize(mTextSize); mBound = new Rect(); //获取到的存在mBound里面 mTextPaint.getTextBounds(mTitleText,mTitleText.length(),mBound); // 初始化干扰点画笔 mPointPaint = new Paint(); mPointPaint.setstrokeWIDth(6); mPointPaint.setstrokeCap(Paint.Cap.ROUND); // 设置断点处为圆形 // 初始化干扰线画笔 mPathPaint = new Paint(); mPathPaint.setstrokeWIDth(5); mPathPaint.setcolor(color.GRAY); mPathPaint.setStyle(Paint.Style.stroke); // 设置画笔为空心 mPathPaint.setstrokeCap(Paint.Cap.ROUND); // 设置断点处为圆形 }

init()方法请自行加在构造方法里面
OK到这为止就完成了，以后我们用到只要移植就可以了，怎么样，也很简单吧

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android自定义View实现随机验证码全部内容，希望文章能够帮你解决Android自定义View实现随机验证码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。