自定义SeekBar，实现滑动验证且不可点击

最新推荐文章于 2024-08-12 04:04:54 发布

小猪阿正

最新推荐文章于 2024-08-12 04:04:54 发布

阅读量1.4k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/Mr_azheng/article/details/81745491

版权

本文介绍了如何在Android中为应对短信接口盗刷问题，使用自定义SeekBar和TextView创建滑动验证功能。通过布局文件配置SeekBar的样式，并通过自定义 SeekBar 类以监听滑动事件。同时，为了防止用户直接点击SeekBar改变进度，文章提供了两种屏蔽点击事件的方法：一种是通过比较点击前后progress的变化来判断，另一种是重写onTouchEvent并检查手指移动距离。

摘要由CSDN通过智能技术生成

最近公司因为短信接口被盗刷的比较严重，需要做一个类似于淘宝的滑动验证，用于特定环境，以增加一层保障。拿到需求首先想到的是自定义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">