Android自定义View编写随机验证码

概述很多的Android入门程序猿来说对于Android自定义View，可能都是比较恐惧的，但是这又是高手进阶的必经之路，所有准备在自定义View上面花一些功夫，多写一些文章。先总结下自定义View的步骤：

很多的AndroID入门程序猿来说对于AndroID自定义view，可能都是比较恐惧的，但是这又是高手进阶的必经之路，所有准备在自定义view上面花一些功夫，多写一些文章。先总结下自定义view的步骤：@H_@R_419_6982@_1@1、自定义view的属性@H_@R_419_6982@_1@2、在VIEw的构造方法中获得我们自定义的属性@H_@R_419_6982@_1@[ 3、重写onMesure ]@H_@R_419_6982@_1@4、重写onDraw@H_@R_419_6982@_1@

我把3用[]标出了，所以说3不一定是必须的，当然了大部分情况下还是需要重写的。@H_@R_419_6982@_1@

1、自定义view的属性，首先在res/values/  下建立一个attrs.xml ， 在里面定义我们的属性和声明我们的整个样式。@H_@R_419_6982@_1@

<?xml version="1.0" enCoding="utf-8"?> <resources>   <attr name="TitleText" format="string" />  <attr name="TitleTextcolor" format="color" />  <attr name="TitleTextSize" format="dimension" />   <declare-styleable name="CustomTitleVIEw">  <attr name="TitleText" />  <attr name="TitleTextcolor" />  <attr name="TitleTextSize" />  </declare-styleable>  </resources> 

我们定义了字体，字体颜色，字体大小3个属性，format是值该属性的取值类型:@H_@R_419_6982@_1@一共有：string,color,demension,integer,enum,reference,float,boolean,fraction,flag;不清楚的可以Google一把。@H_@R_419_6982@_1@然后在布局中声明我们的自定义view@H_@R_419_6982@_1@

<relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:tools="http://schemas.androID.com/tools"  xmlns:custom="http://schemas.androID.com/apk/res/com.example.customvIEw01"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent" >   <com.example.customvIEw01.vIEw.CustomTitleVIEw  androID:layout_wIDth="200dp"  androID:layout_height="100dp"  custom:TitleText="3712"  custom:TitleTextcolor="#ff0000"  custom:TitleTextSize="40sp" />  </relativeLayout> 

一定要引入 xmlns:custom="http://schemas.androID.com/apk/res/com.example.customvIEw01"我们的命名空间，后面的包路径指的是项目的package@H_@R_419_6982@_1@

2、在VIEw的构造方法中，获得我们的自定义的样式@H_@R_419_6982@_1@

/**  * 文本  */  private String mTitleText;  /**  * 文本的颜色  */  private int mTitleTextcolor;  /**  * 文本的大小  */  private int mTitleTextSize;   /**  * 绘制时控制文本绘制的范围  */  private Rect mBound;  private Paint mPaint;   public CustomTitleVIEw(Context context,AttributeSet attrs)  {  this(context,attrs,0);  }   public CustomTitleVIEw(Context context)  {  this(context,null);  }   /**  * 获得我自定义的样式属性  *  * @param context  * @param attrs  * @param defStyle  */  public CustomTitleVIEw(Context context,AttributeSet attrs,int defStyle)  {  super(context,defStyle);  /**  * 获得我们所定义的自定义样式属性  */  TypedArray a = context.gettheme().obtainStyledAttributes(attrs,R.styleable.CustomTitleVIEw,defStyle,0);  int n = a.getIndexCount();  for (int i = 0; i < n; i++)  {  int attr = a.getIndex(i);  switch (attr)  {  case R.styleable.CustomTitleVIEw_TitleText:  mTitleText = a.getString(attr);  break;  case R.styleable.CustomTitleVIEw_TitleTextcolor:  // 默认颜色设置为黑色  mTitleTextcolor = a.getcolor(attr,color.BLACK);  break;  case R.styleable.CustomTitleVIEw_TitleTextSize:  // 默认设置为16sp，TypeValue也可以把sp转化为px  mTitleTextSize = a.getDimensionPixelSize(attr,(int) TypedValue.applyDimension(   TypedValue.COMPLEX_UNIT_SP,16,getResources().getdisplayMetrics()));  break;   }   }  a.recycle();   /**  * 获得绘制文本的宽和高  */  mPaint = new Paint();  mPaint.setTextSize(mTitleTextSize);  // mPaint.setcolor(mTitleTextcolor);  mBound = new Rect();  mPaint.getTextBounds(mTitleText,mTitleText.length(),mBound);   } 

我们重写了3个构造方法，默认的布局文件调用的是两个参数的构造方法，所以记得让所有的构造调用我们的三个参数的构造，我们在三个参数的构造中获得自定义属性。@H_@R_419_6982@_1@

3、我们重写onDraw，onMesure调用系统提供的：@H_@R_419_6982@_1@

@OverrIDe  protected voID onMeasure(int wIDthMeasureSpec,int heightmeasureSpec)  {  super.onMeasure(wIDthMeasureSpec,heightmeasureSpec);  }   @OverrIDe  protected voID onDraw(Canvas canvas)  {  mPaint.setcolor(color.YELLOW);  canvas.drawRect(0,getMeasureDWIDth(),getMeasuredHeight(),mPaint);   mPaint.setcolor(mTitleTextcolor);  canvas.drawText(mTitleText,getWIDth() / 2 - mBound.wIDth() / 2,getHeight() / 2 + mBound.height() / 2,mPaint);  } 

此时的效果是：

是不是觉得还不错，基本已经实现了自定义view。但是此时如果我们把布局文件的宽和高写成wrap_content，会发现效果并不是我们的预期：

系统帮我们测量的高度和宽度都是MATCH_PARNET，当我们设置明确的宽度和高度时，系统帮我们测量的结果就是我们设置的结果，当我们设置为WRAP_CONTENT,或者MATCH_PARENT系统帮我们测量的结果就是MATCH_PARENT的长度。@H_@R_419_6982@_1@所以，当设置了WRAP_CONTENT时，我们需要自己进行测量，即重写onMesure方法”：@H_@R_419_6982@_1@重写之前先了解MeasureSpec的specMode,一共三种类型：

EXACTLY：一般是设置了明确的值或者是MATCH_PARENT@H_@R_419_6982@_1@AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT@H_@R_419_6982@_1@UnspecIFIED：表示子布局想要多大就多大，很少使用@H_@R_419_6982@_1@

下面是我们重写onMeasure代码：@H_@R_419_6982@_1@

@OverrIDe protected voID onMeasure(int wIDthMeasureSpec,int heightmeasureSpec) {  int wIDthMode = MeasureSpec.getMode(wIDthMeasureSpec);  int wIDthSize = MeasureSpec.getSize(wIDthMeasureSpec);  int heightmode = MeasureSpec.getMode(heightmeasureSpec);  int heightSize = MeasureSpec.getSize(heightmeasureSpec);  int wIDth;  int height ;  if (wIDthMode == MeasureSpec.EXACTLY)  {  wIDth = wIDthSize;  } else  {  mPaint.setTextSize(mTitleTextSize);  mPaint.getTextBounds(mTitle,mTitle.length(),mBounds);  float textWIDth = mBounds.wIDth();  int desired = (int) (getpaddingleft() + textWIDth + getpaddingRight());  wIDth = desired;  }   if (heightmode == MeasureSpec.EXACTLY)  {  height = heightSize;  } else  {  mPaint.setTextSize(mTitleTextSize);  mPaint.getTextBounds(mTitle,mBounds);  float textHeight = mBounds.height();  int desired = (int) (getpaddingtop() + textHeight + getpaddingBottom());  height = desired;  }     setMeasuredDimension(wIDth,height); } 

现在我们修改下布局文件：@H_@R_419_6982@_1@

<relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:tools="http://schemas.androID.com/tools"  xmlns:custom="http://schemas.androID.com/apk/res/com.example.customvIEw01"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent" >   <com.example.customvIEw01.vIEw.CustomTitleVIEw  androID:layout_wIDth="wrap_content"  androID:layout_height="wrap_content"  custom:TitleText="3712"  androID:padding="10dp"  custom:TitleTextcolor="#ff0000"  androID:layout_centerInParent="true"  custom:TitleTextSize="40sp" />  </relativeLayout> 

现在的效果是：

完全复合我们的预期，现在我们可以对高度、宽度进行随便的设置了，基本可以满足我们的需求。@H_@R_419_6982@_1@当然了，这样下来我们这个自定义view与TextVIEw相比岂不是没什么优势，所有我们觉得给自定义view添加一个事件：@H_@R_419_6982@_1@在构造中添加：@H_@R_419_6982@_1@

this.setonClickListener(new OnClickListener()  {   @OverrIDe  public voID onClick(VIEw v)  {  mTitleText = randomText();  postInvalIDate();  }   }); 

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();  } 

下面再来运行：

我们添加了一个点击事件，每次让它随机生成一个4位的随机数，有兴趣的可以在onDraw中添加一点噪点，然后改写为验证码，是不是感觉很不错。

源码下载：http://xiazai.jb51.net/201610/yuanma/AndroidCustomView(jb51.net).rar

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

总结

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

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