很多的Android入門程序猿來說對于Android自定義View，可能都是比較恐懼的，但是這又是高手進(jìn)階的必經(jīng)之路，所有準(zhǔn)備在自定義View上面花一些功夫，多寫一些文章。
一、問題描述
熟悉web開發(fā)中童鞋們都知道為了防止惡意破解、惡意提交、刷票等我們在提交表單數(shù)據(jù)時，都會使用隨機(jī)驗(yàn)證碼功能。在Android應(yīng)用中我們同樣需要這一功能，該如何實(shí)現(xiàn)呢，下面我們就自定義一個隨機(jī)驗(yàn)證碼View控件實(shí)現(xiàn)這一需求，并且具備通用性，需要的時候在界面中直接加入這個View組件即可。
二、案例介紹
案例運(yùn)行效果
案例所涉及組件
1、CheckView 自定義的驗(yàn)證碼控件，主要重寫onDraw方法實(shí)現(xiàn)圖形繪制
2、Config：用于對驗(yàn)證碼控件參數(shù)的配置，像畫點(diǎn)點(diǎn)數(shù)、劃線數(shù)、背景顏色的設(shè)置
3、CheckUtil：驗(yàn)證碼相關(guān)工具類，實(shí)現(xiàn)例如隨機(jī)的點(diǎn)坐標(biāo)、隨機(jī)線段起始和結(jié)束點(diǎn)坐標(biāo)、驗(yàn)證碼校驗(yàn)等功能
4、MainActivity：測試應(yīng)用
三、功能實(shí)現(xiàn)
1、編寫Config組件
/*** 功能：用于對驗(yàn)證碼控件參數(shù)的配置* */public class Config {// 驗(yàn)證碼更新時間public static final int PTEDE_TIME = 1200;// 點(diǎn)數(shù)設(shè)置public static final int POINT_NUM = 100;// 線段數(shù)設(shè)置public static final int LINE_NUM = 2;//設(shè)置背景顏色public static final int COLOR=Color.BLUE;//隨機(jī)數(shù)據(jù)長度public static int TEXT_LENGTH=4;//設(shè)置驗(yàn)證碼字體大小public static int TEXT_SIZE=30;}2、CheckUtil組件/*** 功能：驗(yàn)證碼相關(guān)工具類* */public class CheckUtil{/*** 產(chǎn)生隨機(jī)數(shù)字* @return*/public static int [] getCheckNum(){int [] tempCheckNum = new int[Config.TEXT_LENGTH];for(int i = 0; i < Config.TEXT_LENGTH; i++){tempCheckNum[i] = (int) (Math.random() * 10);}return tempCheckNum;}/*** 隨機(jī)產(chǎn)生劃線的起始點(diǎn)坐標(biāo)和結(jié)束點(diǎn)坐標(biāo)* @param height 傳入CheckView的高度值* @param width 傳入CheckView的寬度值* @return 起始點(diǎn)坐標(biāo)和結(jié)束點(diǎn)坐標(biāo)*/public static int[] getLine(int height, int width){int [] tempCheckNum = {0,0,0,0};for(int i = 0; i < 4; i+=2){tempCheckNum[i] = (int) (Math.random() * width);tempCheckNum[i + 1] = (int) (Math.random() * height);}return tempCheckNum;}/*** 隨機(jī)產(chǎn)生點(diǎn)的圓心點(diǎn)坐標(biāo)* @param height 傳入CheckView的高度值* @param width 傳入CheckView的寬度值* @return*/public static int[] getPoint(int height, int width){int [] tempCheckNum = {0,0,0,0};tempCheckNum[0] = (int) (Math.random() * width);tempCheckNum[1] = (int) (Math.random() * height);return tempCheckNum;}/*** 驗(yàn)證是否正確* @param userCheck 用戶輸入的驗(yàn)證碼* @param checkNum 驗(yàn)證控件產(chǎn)生的隨機(jī)數(shù)* @return*/public static boolean checkNum(String userCheck, int[] checkNum){if(userCheck.length() != 4 ){ return false;}String checkString = "";for (int i = 0; i < 4; i++) {checkString += checkNum[i];}if(userCheck.equals(checkString)){return true;}else {return false;}}/*** 計算驗(yàn)證碼的繪制y點(diǎn)位置* @param height 傳入CheckView的高度值* @return*/public static int getPositon(int height){int tempPositoin = (int) (Math.random() * height);if(tempPositoin < 20){tempPositoin += 20;}return tempPositoin;}}3、自定義驗(yàn)證碼控件CheckView
public class CheckView extends View{Context mContext;int [] CheckNum = null;Paint mTempPaint = new Paint();// 驗(yàn)證碼public CheckView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;mTempPaint.setAntiAlias(true);mTempPaint.setTextSize(Config.TEXT_SIZE);mTempPaint.setStrokeWidth(3);}public void onDraw(Canvas canvas){canvas.drawColor(Config.COLOR);final int height = getHeight();//獲得CheckView控件的高度final int width = getWidth();//獲得CheckView控件的寬度int dx = 40;for(int i = 0; i < 4; i ++){//繪制驗(yàn)證控件上的文本canvas.drawText("" + CheckNum[i], dx, CheckUtil.getPositon(height), mTempPaint);dx += width/ 5;}int [] line;for(int i = 0; i < Config.LINE_NUM; i ++){//劃線line = CheckUtil.getLine(height, width);canvas.drawLine(line[0], line[1], line[2], line[3], mTempPaint);}// 繪制小圓點(diǎn)int [] point;for(int i = 0; i < Config.POINT_NUM; i ++) {//畫點(diǎn)point=CheckUtil.getPoint(height, width);canvas.drawCircle(point[0], point[1], 1, mTempPaint);}}public void setCheckNum(int [] chenckNum) {//設(shè)置驗(yàn)證碼CheckNum = chenckNum;}public int[] getCheckNum() {//獲得驗(yàn)證碼return CheckNum;}public void invaliChenkNum() {invalidate();}}4、編寫MainActivity測試代碼
public class MainActivity extends Activity implements View.OnClickListener{private CheckAction mCheckView ;private TextView mShowPassViwe;private EditText mEditPass;private Button mSubmit;private Button mRef;// 驗(yàn)證碼：private int [] checkNum =null;public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main); initView();initCheckNum();}public void initView(){mCheckView = (CheckView) findViewById(R.id.checkView);mShowPassViwe = (TextView) findViewById(R.id.checkpass);mEditPass = (EditText) findViewById(R.id.checkTest);mSubmit = (Button) findViewById(R.id.submit);mRef = (Button) findViewById(R.id.ref);mSubmit.setOnClickListener(this);mRef.setOnClickListener(this);}// 初始化驗(yàn)證碼并且刷新界面public void initCheckNum(){checkNum = CheckUtil.getCheckNum();mCheckView.setCheckNum(checkNum);mCheckView.invaliChenkNum();}public void onClick(View v) {switch (v.getId()){ case R.id.submit:String userInput = mEditPass.getText().toString();if(CheckUtil.checkNum(userInput, checkNum)){setPassString("通過");Toast.makeText(this, "通過", 1200).show();}else{setPassString("未通過");Toast.makeText(this, "未通過", 1200).show();}break;case R.id.ref:initCheckNum();break;default:break;}}public void setPassString(String passString) {mShowPassViwe.setText(passString);}}以上所述是針對Android通過自定義View實(shí)現(xiàn)隨機(jī)驗(yàn)證碼的相關(guān)知識，希望對大家有所幫助！
新聞熱點(diǎn)
疑難解答
圖片精選
