Android 自定义View实现拖动滑块完成验证

最新推荐文章于 2022-06-14 13:49:16 发布
最新推荐文章于 2022-06-14 13:49:16 发布
阅读量3.1k 收藏 2
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Utzw0p0985/article/details/98548587
本文介绍了如何在Android中自定义一个View来实现类似Web上的滑动验证效果。通过绘制背景图、空缺图、移动图和滑块进度条，结合手势滑动事件和SeekBar，实现了一个简单的滑动验证组件。并提供了Demo下载链接供读者实践。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本文较长，阅读大约十分钟

此效果源自于星球的星友的提问：

640?wx_fmt=png      

周末忙里偷闲把效果实现了一下，其实这个效果一般都是在Web上的验证，手机App多半还是短信验证码等方式，或者WebView加载的JS中的效果，不过要自定义View一下，这里我以我的思路来写一个自定义View，不过重在思路哈，不想写开源，很多的细节也就没注意，首先我们分析一下这个验证码的组成部分

1.背景图

2.空缺图

3.移动图

4.成功提示

5.滑块进度条

那么我们首先创建一个View叫做PictureV，先来绘制背景吧；

640?wx_fmt=jpeg      

这里我先加载了一张图片作为mBitmap，然后创建了控件宽高大小一致的bgBitmap，让mBitmap填充在bgBitmap上，这是因为我们并不确认一张图片的大小到底是多少，所以通过createBitmap创建与View等宽高的画布，最后将bgBitmap绘制在View上，显示的结果如下：

640?wx_fmt=png     &nbs

最低0.47元/天 解锁文章

200万优质内容无限畅学
刘桂林
关注
Android Gems — Fragment本质之View管理
threepigs的专栏
12-07 1288
上篇文章我们讲了Fragment的生命周期管理，对Fragment整个运行机制都会比较清楚了，这节我们分析Fragment的View管理。 一，Fragment的两种定义方式 1，在layout xml里通过fragment标签定义，这种方式定义的fragment是由LayoutInflater在解析xml文件的时候创建。在Activity的onCreate方法里，会通过setContentView方法设置layout id，继而调用LayoutInflater的inflate方法解析xml。LayoutI
android fragment addview,Android中Fragment怎么addView?
weixin_33467739的博客
05-28 879
Fragment是Android honeycomb 3.0新增的概念，在Android——Fragment介绍、AndroidFragment使用、Android FragmentManageFragmentTransaction介绍中做了关于Fragment的详细介绍。这一片主要通过一个实例了解Fragment的使用。先看一下布局文件(layout)：android:orientation=“...
android立体3D效果_Android实现八大行星绕太阳3D旋转效果
weixin_39890431的博客
10-23 576
code小生 一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：史蒂芬诺夫斯基链接：https://www.jianshu.com/p/2954f2ef8ea5声明：本文已获史蒂芬诺夫斯基授权发表，转发等请联系原作者授权好久没写View了，最近恰巧遇到一个八大行星绕太阳旋转的假3D效果，写完之后感觉效果还不错。能玩十分钟的那种。本篇将一步步带您实现这样的一个效果，p...
android标题栏添加按钮_Android：一篇文章带你完全梳理自定义View工作流程
weixin_39632293的博客
11-20 219
前言自定义View 是 Android 开发者必须了解的基础网上有大量关于自定义View 原理的文章，但存在一些问题：内容不全、思路不清晰、无源码分析、简单问题复杂化等等今天，我将全面总结自定义View 的原理，我能保证这是市面上的最全面、最清晰、最易懂的本文秉着“结论先行、详细分析在后”的原则，即先让大家感性认识，再通过理性分析从而理解问题； 所以，请各位读者先记住结论，再往下继续看分析； 文章...
[Android实例] 拖动滑块进行图片拼合验证方式的实现
01-05
博客地址：http://blog.youkuaiyun.com/krubo1/article/details/50462163
Android-Android滑块验证码控件
08-13
它通过提供一种交互式的验证方式，要求用户手动拖动一个滑块来完成一段图像或拼图，从而防止自动化的恶意操作。这篇文档将深入探讨如何在Android项目中实现这种控件。 首先，滑块验证码的核心原理是生成一个不完整...
android 自定义图片滑动验证
02-07
用户需要通过触摸滑块并将其拖动到正确的位置来完成验证。在这个过程中，我们需要检测滑块的移动轨迹，并与预设的正确路径进行比较，以判断用户操作是否有效。 要创建这样的组件，首先在Android Studio中新建一个...
自定义滑块与拖动视图解锁实现方法详解
通过自定义ImageView和捕获View的ontouch事件来实现的滑动解锁和拖动View解锁是Android应用中较为常见的一种用户体验设计。这种方式在保障安全的同时也增强了用户与应用之间的互动性。实现这样的效果需要开发者对...
对于下拉菜单实现的方法
qq_40536213的博客
09-29 398
1. 通过H5中的select标签进行制作 可以通过value属性获取下拉菜单的选项，并利用style.display样式隐藏或显示需要的div。代码如下： <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit
Android中实现滑动（拖动）的几种方法，玩转SlideMenu
Zeeeeeeee的博客
11-15 2809
潜水已久，看了优快云上很多大牛的博客，学了不少东西，很钦佩这种无私奉献共享的精神。 自己平时有些笔记的习惯，虽然都是一些很基础的东西，最近安定了下来，整理一下复习复习，毕竟自己一个马大哈来着。。。各种健忘
android view设置按钮颜色_图解 Android 开发中的 View 对象，补补基础吧！
weixin_39789525的博客
11-21 225
Android 中 View 的分类单一视图：如 TextView / ImageView 等某个特指的View视图组：如LinearLayout / RelativeLayout 等多个单一视图组成的ViewGroupAndroid 中 View 的简介View 类是 Android 中所有组件的基类，包括ViewGroupAndroid 中所有组件都由 View、ViewGroup 组成Vie...
Android拼图滑块验证码控件
热门推荐
LawCoder的博客
01-22 2万+
大咖好，博主毕业工作半年多了。今天给大噶呈献博主博客处女作——Android拼图滑块验证码控件。由于初写博客，很多地方可能不够好，望各位多多给点意见。工作半年才送出第一篇博客很惭愧555。 概述       验证码是可以区分用户是人还是计算机。可以防止破解密码、刷票等恶意行为。客户端上多数用在关键操作上，比如购买、登录、注册等场景。本文将介绍Android拼图滑块验证码控件是如何一步一步编
自定义的可拖动滑块验证码的实现方式（SlideView）
The blog of 优快云 in 杨天福
08-21 1万+
概述： 最近项目中需要在密码输入一定次数后尽心拖动滑块进行验证，防止恶意程序代码一直测试登录，用了GitHub的一个开源库SlideView，但是直接依赖源码是改不了样式的，下边给出自定义的可拖动滑块验证的实现方式 效果图（其中圆角大小，背景色，文字样式都可以自定义）： 1,添加依赖包 地址：https://github.com/MAXDeliveryNG/slide
Android - Fragment，View动画，组合动画，移动开发工程师简历
m0_64319298的博客
12-07 455
public class SoundFragment extends Fragment { //返回当前fragment显示的内容 @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.sound, null); } } 4.展示一个Fragment到界面上 public voi
Activity，Fragment,自定义View状态的保存和恢复
Small_Lee的博客
02-03 1369
概述 今天我们从源码的角度来分析一下Activity，Fragment状态保存和恢复的过程，以及如何在自定义View中保存和恢复状态。 通常我们在onSaveInstanceState方法里保存Activity状态。 protected void onSaveInstanceState(Bundle outState) { outState.putBundle(W
Android自定义滑动确认控件SlideView
weixin_34315485的博客
01-02 1540
2019独角兽企业重金招聘Python工程师标准>>> ...
Android_自定义View、Fragment
itszt888的博客
07-24 2004
自定义View①、新建类继承View ②、构造器 ③、覆写onDraw() ④、xml调用 ⑤、自定义图形 1、矩形 2、圆（初始效果与矩形类似） 除基本配置（换色、去实心）外，默认圆会有锯齿边 去掉锯齿 画弧（通过矩形） 起始点右侧 第四个参数为true时 将圆心与两边相连根据矩形画内切圆（椭圆等。。）③、画图片 通过子线程实现图片位移 每
android碎片与view,安卓之碎片Fragment
weixin_42462474的博客
05-27 291
碎片介绍碎片使用方式碎片生命周期碎片界面滑动碎片介绍碎片是一种可以嵌入在活动当中的UI片段，它能让程序更加合理和充分地利用大屏幕的空间。碎片使用方式1)布局文件添加碎片在xml文件直接使用fragment标签2)动态添加碎片可以在程序运行时动态地添加到活动当中，根据具体情况来动态地添加碎片public class MyFragment extends Fragment {@Overridepubl...
android原生滑块验证
lizhong
06-14 1732
记录一个滑块验证，在文章底部会放上DEMO简单效果图1、滑动验证前 2、滑动验证后 用到两个类：一、自定义类代码 具体说明代码中已经有说明。二、主类引用监听结果代码 三、XML文件代码 滑动模块代码全部上了DEMO下载 -END...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值