您好,登錄后才能下訂單哦!
小編給大家分享一下Android自定義SeekBar實(shí)現(xiàn)滑動(dòng)驗(yàn)證且不可點(diǎn)擊的示例,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
最近公司因?yàn)槎绦沤涌诒槐I刷的比較嚴(yán)重,需要做一個(gè)類似于淘寶的滑動(dòng)驗(yàn)證,用于特定環(huán)境,以增加一層保障。拿到需求首先想到的是自定義ViewGroup來(lái)實(shí)現(xiàn),里面放一個(gè)seekbar和TextView即可。但是有更簡(jiǎn)單的方法,直接在布局中放入seekbar和TextView,不就ok了?用最簡(jiǎn)單快捷的方法實(shí)現(xiàn)需求,才是硬道理。
值得一提的是,seekbar默認(rèn)情況下是支持點(diǎn)擊事件的,也就是說(shuō),用戶可以直接點(diǎn)擊進(jìn)度條以實(shí)現(xiàn)滑動(dòng)驗(yàn)證這是不允許的,因此,自定義seekbar,屏蔽點(diǎn)擊事件。下面我們先從seekbar + textxiew實(shí)現(xiàn)滑動(dòng)驗(yàn)證效果開(kāi)始,最后實(shí)現(xiàn)seekbar點(diǎn)擊事件的屏蔽。
先上一張效果圖:
不太美觀,UI還沒(méi)設(shè)計(jì),只是個(gè)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="請(qǐng)按住滑塊,拖動(dòng)到最右邊" android:textColor="#888888" android:textSize="14dp" /> </RelativeLayout>
其中,android:progressDrawable用于定義滑動(dòng)條背景,android:thumb定義滑塊樣式。
滑動(dòng)條背景:
<?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的進(jìn)度條--> <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
重寫(xiě)setOnSeekBarChangeListener,監(jiān)聽(tīng)seekbar。
簡(jiǎn)單介紹下幾個(gè)回調(diào)方法的作用:
onProgressChanged :當(dāng)progress進(jìn)度改變時(shí)調(diào)用;
onStartTrackingTouch :開(kāi)始滑動(dòng)時(shí)調(diào)用;
onStopTrackingTouch : 滑動(dòng)結(jié)束時(shí)調(diào)用;
public class NoClickSeekbar extends SeekBar{ private int oldsign = 0; private int mTemp = 10;//點(diǎn)擊最大值,超過(guò)這個(gè)值則不響應(yīng) 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 自動(dòng)生成的方法存根 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 自動(dòng)生成的方法存根 seekBar.setProgress(oldsign); if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStartTrackingTouch(seekBar); } } @Override public void onStopTrackingTouch(SeekBar seekBar) { // TODO 自動(dòng)生成的方法存根 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的時(shí)候,設(shè)置供用戶的回調(diào)監(jiān)聽(tīng),
public interface OnNoClickSeekBarChangeListener { void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser); void onStartTrackingTouch(SeekBar seekBar); void onStopTrackingTouch(SeekBar seekBar); }
并在seekbar中重寫(xiě)監(jiān)聽(tīng)時(shí),重寫(xiě)對(duì)應(yīng)的事件回調(diào)時(shí),將上面對(duì)應(yīng)的接口方法對(duì)應(yīng)的執(zhí)行。用戶在使用自定義seekbar時(shí),執(zhí)行監(jiān)聽(tīng),加入我們需要實(shí)現(xiàn)的需求。
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("驗(yàn)證通過(guò)"); } else { mSeekbarTV.setVisibility(View.INVISIBLE); if (progress < 10){ mSeekbarTV.setVisibility(View.VISIBLE); mSeekbarTV.setText("請(qǐng)按住滑塊,拖動(dòng)到最右邊"); } } } @Override public void onStartTrackingTouch(SeekBar seekBar) { } @Override public void onStopTrackingTouch(SeekBar seekBar) { } });
1、解決辦法一:
在我們滑動(dòng)seekbar的時(shí)候,是可以監(jiān)聽(tīng)到progress的。因此,我們用一個(gè)變量記錄上一次的progress,當(dāng)點(diǎn)擊事件發(fā)生時(shí),計(jì)算點(diǎn)擊的進(jìn)度與之前的進(jìn)度是否超過(guò)一定范圍,從而判斷是否需要響應(yīng)。比較簡(jiǎn)單,直接上代碼:
setOnSeekBarChangeListener(new OnSeekBarChangeListener(){ @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { // TODO 自動(dòng)生成的方法存根 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 自動(dòng)生成的方法存根 seekBar.setProgress(oldsign); if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStartTrackingTouch(seekBar); } } @Override public void onStopTrackingTouch(SeekBar seekBar) { // TODO 自動(dòng)生成的方法存根 if (mOnSeekBarChangeListener != null) { mOnSeekBarChangeListener.onStopTrackingTouch(seekBar); } } });
2、解決辦法二:
通過(guò)view的事件監(jiān)聽(tīng),重寫(xiě)view的onTouchEvent事件,在MotionEvent.ACTION_DOWN的時(shí)候,同樣判斷前后兩次事件之間的距離,判斷是否要處理該點(diǎn)擊事件。
@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); }
對(duì)于上面自定義SeekBar來(lái)說(shuō),在屏蔽點(diǎn)擊事件上,還是有瑕疵的。是能設(shè)定一定的范圍,小于了該范圍,比如用戶小范圍的點(diǎn)擊,是會(huì)響應(yīng)的。把問(wèn)題都在這兒,后面解決了再補(bǔ)充!
看完了這篇文章,相信你對(duì)“Android自定義SeekBar實(shí)現(xiàn)滑動(dòng)驗(yàn)證且不可點(diǎn)擊的示例”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。