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

最新推荐文章于 2021-12-07 09:34:47 发布
原创 最新推荐文章于 2021-12-07 09:34:47 发布 · 3.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在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中实现滑动（拖动）的几种方法，玩转SlideMenu
Zeeeeeeee的博客
11-15 2809
潜水已久，看了优快云上很多大牛的博客，学了不少东西，很钦佩这种无私奉献共享的精神。 自己平时有些笔记的习惯，虽然都是一些很基础的东西，最近安定了下来，整理一下复习复习，毕竟自己一个马大哈来着。。。各种健忘
[Android实例] 拖动滑块进行图片拼合验证方式的实现
01-05
博客地址：http://blog.youkuaiyun.com/krubo1/article/details/50462163
Android自定义滑动确认控件SlideView
weixin_34315485的博客
01-02 1540
2019独角兽企业重金招聘Python工程师标准>>> ...
android滑动图形验证码,Android使用更简单的方式实现滑块拼图验证码功能
weixin_33372672的博客
05-29 2111
实现滑块拼图验证码功能之前已经写过一篇了，上一篇使用的是自定义控件的方式实现这个功能，主要还是想让童鞋们知其然更知其所以然，还没看的童鞋可以先看看Android实现滑块拼图验证码功能这篇。在项目的开发过程中，时间比较紧急，通过自定义的方式很显然需要耗费很多时间去写，所以我们需要使用更简单的方式实现，这样会帮我们节省很多时间去解决其它的问题，使用依赖库的方式显然是最节省时间的，下面我们来看看是怎么实...
Android-Android滑块验证码控件
08-13
它通过提供一种交互式的验证方式，要求用户手动拖动一个滑块来完成一段图像或拼图，从而防止自动化的恶意操作。这篇文档将深入探讨如何在Android项目中实现这种控件。 首先，滑块验证码的核心原理是生成一个不完整...
android 自定义图片滑动验证
02-07
用户需要通过触摸滑块并将其拖动到正确的位置来完成验证。在这个过程中，我们需要检测滑块的移动轨迹，并与预设的正确路径进行比较，以判断用户操作是否有效。 要创建这样的组件，首先在Android Studio中新建一个...
自定义滑块与拖动视图解锁实现方法详解
通过自定义ImageView和捕获View的ontouch事件来实现的滑动解锁和拖动View解锁是Android应用中较为常见的一种用户体验设计。这种方式在保障安全的同时也增强了用户与应用之间的互动性。实现这样的效果需要开发者对...
Android 图片滑块解锁 and 组件拖动解锁的简单实现
a940659387的博客
06-08 2148
效果图 实现方式 滑块解锁 自定义ImageView 在原图的基础上再画两个 滑块 一个目标位 一个移动位。 通过一个对外方法可以更改进度 然后 调用postInvalidate() 实现该效果 大致原理就是这样 下面上代码 package project.com.verifyproject; import android.app.Activity; import an...
android仿支付宝我的应用编辑界面,类似支付宝应用管理界面——RecycleView+ItemTouchHelper实现拖拽滑动...
weixin_31952675的博客
05-26 1187
要实现RecycleView中的拖拽滑动，在以往的经验中经常要依赖GestureDetectors、onInterceptTouchEvent等来实现，然而在RecyclerView上添加拖动特性有一个非常简单的方法它就是：ItemTouchHelper。一、效果图以下就是通过RecycleView+ItemTouchHelper实现拖拽滑动的效果图，看起来有没有很炫酷。其实实现起来很简单，我们接...
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 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=“...
对于下拉菜单实现的方法
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 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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值