本文较长,阅读大约十分钟
此效果源自于星球的星友的提问:
周末忙里偷闲把效果实现了一下,其实这个效果一般都是在Web上的验证,手机App多半还是短信验证码等方式,或者WebView加载的JS中的效果,不过要自定义View一下,这里我以我的思路来写一个自定义View,不过重在思路哈,不想写开源,很多的细节也就没注意,首先我们分析一下这个验证码的组成部分
1.背景图
2.空缺图
3.移动图
4.成功提示
5.滑块进度条
那么我们首先创建一个View叫做PictureV,先来绘制背景吧;
这里我先加载了一张图片作为mBitmap,然后创建了控件宽高大小一致的bgBitmap,让mBitmap填充在bgBitmap上,这是因为我们并不确认一张图片的大小到底是多少,所以通过createBitmap创建与View等宽高的画布,最后将bgBitmap绘制在View上,显示的结果如下: