Android模擬實(shí)現(xiàn)滑動(dòng)解鎖界面
本文實(shí)例為大家分享了Android模擬滑動(dòng)解鎖界面,供大家參考,具體內(nèi)容如下
實(shí)現(xiàn)邏輯
- 自定義一個(gè)view繼承view類,實(shí)現(xiàn)里面的方法
- 在構(gòu)造方法中加載出圖片資源.在onMeasure中獲取背景的寬和高作為自定義控件的寬和高
- 在onDraw方法中繪制出滑塊,在控件的布局文件中設(shè)置控件的背景圖片
- 設(shè)置滑塊的觸摸事件,分別算出當(dāng)手指按下屏幕.移動(dòng),離開(kāi)屏幕時(shí)滑塊的位置
- 在移動(dòng)的過(guò)程中,對(duì)滑塊的位置進(jìn)行限定,使滑塊的位置不能超過(guò)指定的區(qū)域
- 在手指離開(kāi)屏幕的事件中判定手指的位置,如果滑塊沒(méi)有到達(dá)最右邊,那就讓滑塊回到開(kāi)始的位置
- 通過(guò)重寫(xiě)computeScroll方法,讓滑塊在手指離開(kāi)屏幕的時(shí)候如果沒(méi)有到達(dá)最右邊,那就讓他回到開(kāi)始的位置
- 設(shè)置一個(gè)回調(diào)接口,用來(lái)監(jiān)聽(tīng)滑塊是否到達(dá)最右側(cè)
布局文件
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:gravity="center_horizontal" tools:context="com.example.a7_.MainActivity"> <com.example.a7_.MyView android:layout_alignParentBottom="true" android:id="@+id/mv" android:background="@mipmap/lockviewbg" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </RelativeLayout>
自定義控件代碼
package com.example.a7_; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Paint; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.view.View; import android.widget.Scroller; /** * Created by Administrator on 2017.05.28.0028. */ public class MyView extends View { private final Bitmap slidBitmap; private final Bitmap bgBitmap; private int startx; private int destance; private float endx; private final Scroller scroller; public MyView(Context context, AttributeSet attrs) { super(context, attrs); //加載圖片資源 slidBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.switch_button); bgBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.lockviewbg); //創(chuàng)建scroller對(duì)象 scroller = new Scroller(context); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { //設(shè)置自定義控件的寬和高,,以背景圖片為標(biāo)準(zhǔn) setMeasuredDimension(bgBitmap.getWidth(),bgBitmap.getHeight()); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //繪制圖片 canvas.drawBitmap(slidBitmap,0,0,null); } //設(shè)置滑塊的觸摸事件 @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()){ case MotionEvent.ACTION_DOWN: //當(dāng)手指按下的時(shí)候,記錄坐標(biāo) startx = (int) event.getX(); break; case MotionEvent.ACTION_MOVE: //當(dāng)手指移動(dòng)的時(shí)候,記錄移動(dòng)的距離 destance = (int)(event.getX()-startx); //限制滑塊移動(dòng)的區(qū)間 if (destance<0){ destance = 0; }else if (destance>bgBitmap.getWidth()-slidBitmap.getWidth()){ destance = bgBitmap.getWidth()-slidBitmap.getWidth(); } //將滑塊移動(dòng)至該位置 scrollTo( -destance,0); break; case MotionEvent.ACTION_UP: //當(dāng)手指離開(kāi)時(shí),記錄手指離開(kāi)的位置 if (destance<bgBitmap.getWidth()-slidBitmap.getWidth()){ //手指抬起時(shí),如果滑塊不在右邊,那就讓他回到左邊 startx = destance; int dx = 0-destance; scroller.startScroll(startx,0,dx,0); invalidate(); }else { //開(kāi)啟解鎖 listener.onUnlock(this); } break; } invalidate(); return true; } //重寫(xiě)computeScroll方法 調(diào)用invalidate之后 會(huì)調(diào)用draw draw會(huì)調(diào)用到這個(gè)computeScroll @Override public void computeScroll() { if (scroller.computeScrollOffset()){ //獲取滑塊當(dāng)前的位置 int currx = scroller.getCurrX(); scrollTo(-currx,0); //重新繪制 invalidate(); } } //設(shè)置一個(gè)解鎖的接口 interface onUnLockListener{ void onUnlock(MyView view); } private onUnLockListener listener; public void setOnLockListener(onUnLockListener listener){ this.listener = listener; } } ##核心代碼 package com.example.a7_; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class MainActivity extends AppCompatActivity { private MyView myView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化控件 myView = (MyView) findViewById(R.id.mv); //設(shè)置監(jiān)聽(tīng)事件 myView.setOnLockListener(new MyView.onUnLockListener() { @Override public void onUnlock(MyView view) { //觸發(fā)監(jiān)聽(tīng),結(jié)束頁(yè)面 finish(); } }); } }
更多關(guān)于滑動(dòng)功能的文章,請(qǐng)點(diǎn)擊專題: 《Android滑動(dòng)功能》
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android app應(yīng)用多語(yǔ)言切換功能實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了Android app應(yīng)用多語(yǔ)言切換功能實(shí)現(xiàn)代碼,感興趣的小伙伴們可以參考一下2016-08-08Android編程設(shè)計(jì)模式之抽象工廠模式詳解
這篇文章主要介紹了Android編程設(shè)計(jì)模式之抽象工廠模式,結(jié)合實(shí)例形式詳細(xì)分析了Android抽象工廠模式的概念、原理、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-12-12Android PhotoView使用步驟實(shí)例詳解
這篇文章主要介紹了Android PhotoView使用步驟實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06Android 利用 APT 技術(shù)在編譯期生成代碼
本文主要講解Android 利用 APT 技術(shù)在編譯期生成代碼,這里提供詳細(xì)的資料,并講解如何實(shí)現(xiàn),有興趣的小伙伴可以參考下2016-08-08使用CMake構(gòu)建OpenCV項(xiàng)目過(guò)程解析
這篇文章主要介紹了使用CMake構(gòu)建OpenCV項(xiàng)目過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11Android10.0實(shí)現(xiàn)本地音樂(lè)播放(附源碼下載)
這篇文章主要介紹了Android10.0實(shí)現(xiàn)本地音樂(lè)播放(附源碼下載),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06Android基于OpenCV實(shí)現(xiàn)非真實(shí)渲染
非真實(shí)感渲染(Non Photorealistic Rendering,簡(jiǎn)稱NPR),是指利用計(jì)算機(jī)模擬各種視覺(jué)藝術(shù)的繪制風(fēng)格,也用于發(fā)展新的繪制風(fēng)格。比如模擬中國(guó)畫(huà)、水彩、素描、油畫(huà)、版畫(huà)等藝術(shù)風(fēng)格。本文將講解Android基于OpenCV實(shí)現(xiàn)非真實(shí)渲染的方法2021-06-06Android中Textview超鏈接實(shí)現(xiàn)方式
TextView中的超鏈接可以通過(guò)幾種方式實(shí)現(xiàn):1.Html.fromHtml,2.Spannable,3.Linkify.addLinks。下面分別進(jìn)行測(cè)試,包括修改字體樣式,下劃線樣式,點(diǎn)擊事件等,需要的朋友可以參考下2016-02-02