Android自定义SeekBar实现滑动验证且不可点击
最近公司因为短信接口被盗刷的比较严重,需要做一个类似于淘宝的滑动验证,用于特定环境,以增加一层保障。拿到需求首先想到的是自定义ViewGroup来实现,里面放一个seekbar和TextView即可。但是有更简单的方法,直接在布局中放入seekbar和TextView,不就ok了?用最简单快捷的方法实现需求,才是硬道理。
值得一提的是,seekbar默认情况下是支持点击事件的,也就是说,用户可以直接点击进度条以实现滑动验证这是不允许的,因此,自定义seekbar,屏蔽点击事件。下面我们先从seekbar + textxiew实现滑动验证效果开始,最后实现seekbar点击事件的屏蔽。
滑动验证实现:
先上一张效果图:
不太美观,UI还没设计,只是个demo。
1、布局
<RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" android:padding="10dp"> <com.dmlc.app.android.widget.NoClickSeekbar android:id="@+id/sb_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100" android:progress="0" android:progressDrawable="@drawable/style_seekbar_verify" android:thumb="@drawable/style_seekbar_thumb" android:thumbOffset="0dp" /> <TextView android:id="@+id/sb_tv" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerInParent="true" android:gravity="center" android:text="请按住滑块,拖动到最右边" android:textColor="#888888" android:textSize="14dp" /> </RelativeLayout>
其中,android:progressDrawable用于定义滑动条背景,android:thumb定义滑块样式。
滑动条背景:
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!--seekBar背景--> <item android:id="@android:id/background"> <!--形状--> <shape android:shape="rectangle"> <!--大小--> <size android:height="30dp" /> <!--圆角--> <corners android:radius="5dp" /> <!--背景--> <solid android:color="#E7EAE9" /> <!--边框--> <stroke android:width="1dp" android:color="#C3C5C4" /> </shape> </item> <!--seekBar的进度条--> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="5dp" /> <solid android:color="#7AC23C" /> <stroke android:width="1dp" android:color="#C3C5C4" /> </shape> </clip> </item> </layer-list>
滑块样式:
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/seekbar_thumb_normal" /> <item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/seekbar_thumb_pressed" /> <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/seekbar_thumb_pressed" /> <item android:drawable="@drawable/seekbar_thumb_normal" /> </selector>
2、自定义seekbar
重写setOnSeekBarChangeListener,监听seekbar。
简单介绍下几个回调方法的作用:
- onProgressChanged :当progress进度改变时调用;
- onStartTrackingTouch :开始滑动时调用;
- onStopTrackingTouch : 滑动结束时调用;
public class NoClickSeekbar extends SeekBar{ private int oldsign = 0; private int mTemp = 10;//点击最大值,超过这个值则不响应 private int mStep = 0; OnNoClickSeekBarChangeListener mOnSeekBarChangeListener; public NoClickSeekbar(Context context) { this(context,null); } public NoClickSeekbar(Context context, AttributeSet attrs) { this(context, attrs,0); } public NoClickSeekbar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { setOnSeekBarChangeListener(new OnSeekBarChangeListener(){ @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { // TODO 自动生成的方法存根 if(Math.abs(progress - oldsign) > mTemp){ seekBar.setProgress(oldsign); if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onProgressChanged(seekBar,oldsign,fromUser); } return; } seekBar.setProgress(progress); oldsign = progress; if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onProgressChanged(seekBar,oldsign,fromUser); } } @Override public void onStartTrackingTouch(SeekBar seekBar) { // TODO 自动生成的方法存根 seekBar.setProgress(oldsign); if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStartTrackingTouch(seekBar); } } @Override public void onStopTrackingTouch(SeekBar seekBar) { // TODO 自动生成的方法存根 if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStopTrackingTouch(seekBar); } } }); } public interface OnNoClickSeekBarChangeListener { void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser); void onStartTrackingTouch(SeekBar seekBar); void onStopTrackingTouch(SeekBar seekBar); } public void setNoClickSeekBarChangeListener(OnNoClickSeekBarChangeListener l) { mOnSeekBarChangeListener = l; } }
在自定义seekbar的时候,设置供用户的回调监听,
public interface OnNoClickSeekBarChangeListener { void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser); void onStartTrackingTouch(SeekBar seekBar); void onStopTrackingTouch(SeekBar seekBar); }
并在seekbar中重写监听时,重写对应的事件回调时,将上面对应的接口方法对应的执行。用户在使用自定义seekbar时,执行监听,加入我们需要实现的需求。
mSeekBar.setNoClickSeekBarChangeListener(new NoClickSeekbar.OnNoClickSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { if (progress == seekBar.getMax()){ mSeekbarTV.setVisibility(View.VISIBLE); mSeekbarTV.setText("验证通过"); } else { mSeekbarTV.setVisibility(View.INVISIBLE); if (progress < 10){ mSeekbarTV.setVisibility(View.VISIBLE); mSeekbarTV.setText("请按住滑块,拖动到最右边"); } } } @Override public void onStartTrackingTouch(SeekBar seekBar) { } @Override public void onStopTrackingTouch(SeekBar seekBar) { } });
SeekBar点击事件的屏蔽
1、解决办法一:
在我们滑动seekbar的时候,是可以监听到progress的。因此,我们用一个变量记录上一次的progress,当点击事件发生时,计算点击的进度与之前的进度是否超过一定范围,从而判断是否需要响应。比较简单,直接上代码:
setOnSeekBarChangeListener(new OnSeekBarChangeListener(){ @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { // TODO 自动生成的方法存根 if(Math.abs(progress - oldsign) > mTemp){ seekBar.setProgress(oldsign); if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onProgressChanged(seekBar,oldsign,fromUser); } return; } seekBar.setProgress(progress); oldsign = progress; if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onProgressChanged(seekBar,oldsign,fromUser); } } @Override public void onStartTrackingTouch(SeekBar seekBar) { // TODO 自动生成的方法存根 seekBar.setProgress(oldsign); if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStartTrackingTouch(seekBar); } } @Override public void onStopTrackingTouch(SeekBar seekBar) { // TODO 自动生成的方法存根 if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStopTrackingTouch(seekBar); } } });
2、解决办法二:
通过view的事件监听,重写view的onTouchEvent事件,在MotionEvent.ACTION_DOWN的时候,同样判断前后两次事件之间的距离,判断是否要处理该点击事件。
@Override public boolean onTouchEvent(MotionEvent event) { int x = (int) event.getX(); switch (event.getAction()){ case MotionEvent.ACTION_DOWN: if (Math.abs(x - mStep) > 100) { return false; } break; case MotionEvent.ACTION_MOVE: break; case MotionEvent.ACTION_UP: mStep = x; break; } return super.onTouchEvent(event); }
对于上面自定义SeekBar来说,在屏蔽点击事件上,还是有瑕疵的。是能设定一定的范围,小于了该范围,比如用户小范围的点击,是会响应的。把问题都在这儿,后面解决了再补充!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法,希望这篇文章能够帮助到各位朋友,有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02
Android开发中findViewById()函数用法与简化
findViewById方法在android开发中是获取页面控件的值了,有没有发现我们一个页面控件多了会反复研究写findViewById呢,下面我们一起来看它的简化方法。 Android中Fin...2016-09-20- 如果我们的项目需要做来电及短信的功能,那么我们就得在Android模拟器开发这些功能,本来就来告诉我们如何在Android模拟器上模拟来电及来短信的功能。 在Android模拟...2016-09-20
- 夜神android模拟器如何设置代理呢?对于这个问题其实操作起来是非常的简单,下面小编来为各位详细介绍夜神android模拟器设置代理的方法,希望例子能够帮助到各位。 app...2016-09-20
- 为了增强android应用的用户体验,我们可以在一些Button按钮上自定义动态的设置一些样式,比如交互时改变字体、颜色、背景图等。 今天来看一个通过重写Button来动态实...2016-09-20
- 如果我们要在Android应用APP中加载html5页面,我们可以使用WebView,本文我们分享两个WebView加载html5页面实例应用。 实例一:WebView加载html5实现炫酷引导页面大多...2016-09-20
Django def clean()函数对表单中的数据进行验证操作
这篇文章主要介绍了Django def clean()函数对表单中的数据进行验证操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-09- 深入理解Android中View和ViewGroup从组成架构上看,似乎ViewGroup在View之上,View需要继承ViewGroup,但实际上不是这样的。View是基类,ViewGroup是它的子类。本教程我们深...2016-09-20
- 下面我们来看一篇关于Android自定义WebView网络视频播放控件开发例子,这个文章写得非常的不错下面给各位共享一下吧。 因为业务需要,以下代码均以Youtube网站在线视...2016-10-02
- java开发的Android应用,性能一直是一个大问题,,或许是Java语言本身比较消耗内存。本文我们来谈谈Android 性能优化之MemoryFile文件读写。 Android匿名共享内存对外A...2016-09-20
- TextView默认是横着显示了,今天我们一起来看看Android设置TextView竖着显示如何来实现吧,今天我们就一起来看看操作细节,具体的如下所示。 在开发Android程序的时候,...2016-10-02
android.os.BinderProxy cannot be cast to com解决办法
本文章来给大家介绍关于android.os.BinderProxy cannot be cast to com解决办法,希望此文章对各位有帮助呀。 Android在绑定服务的时候出现java.lang.ClassCastExc...2016-09-20- 这篇文章主要为大家详细介绍了jQuery实现下拉菜单滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
- 这篇文章主要为大家详细介绍了JavaScript实现密码框输入验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-10-01
- 这篇文章主要介绍了Android 实现钉钉自动打卡功能的步骤,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下...2021-03-15
- 下面我们来看一篇关于Android 开发之布局细节对比:RTL模式 ,希望这篇文章对各位同学会带来帮助,具体的细节如下介绍。 前言 讲真,好久没写博客了,2016都过了一半了,赶紧...2016-10-02
- 这篇文章主要介绍了Nest.js 授权验证的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-02-22
- 这篇文章主要介绍了el-table树形表格表单验证(列表生成序号),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-01
- 首先如果要在程序中使用sdcard进行存储,我们必须要在AndroidManifset.xml文件进行下面的权限设置: 在AndroidManifest.xml中加入访问SDCard的权限如下: <!--...2016-09-20
- 下面来给各位简单的介绍一下关于Android开发之PhoneGap打包及错误解决办法,希望碰到此类问题的同学可进入参考一下哦。 在我安装、配置好PhoneGap项目的所有依赖...2016-09-20