Android模拟实现滑动解锁界面
作者:常利兵
这篇文章主要为大家详细介绍了Android模拟实现滑动解锁界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Android模拟滑动解锁界面,供大家参考,具体内容如下
实现逻辑
- 自定义一个view继承view类,实现里面的方法
- 在构造方法中加载出图片资源.在onMeasure中获取背景的宽和高作为自定义控件的宽和高
- 在onDraw方法中绘制出滑块,在控件的布局文件中设置控件的背景图片
- 设置滑块的触摸事件,分别算出当手指按下屏幕.移动,离开屏幕时滑块的位置
- 在移动的过程中,对滑块的位置进行限定,使滑块的位置不能超过指定的区域
- 在手指离开屏幕的事件中判定手指的位置,如果滑块没有到达最右边,那就让滑块回到开始的位置
- 通过重写computeScroll方法,让滑块在手指离开屏幕的时候如果没有到达最右边,那就让他回到开始的位置
- 设置一个回调接口,用来监听滑块是否到达最右侧
布局文件
<?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); //创建scroller对象 scroller = new Scroller(context); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { //设置自定义控件的宽和高,,以背景图片为标准 setMeasuredDimension(bgBitmap.getWidth(),bgBitmap.getHeight()); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //绘制图片 canvas.drawBitmap(slidBitmap,0,0,null); } //设置滑块的触摸事件 @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()){ case MotionEvent.ACTION_DOWN: //当手指按下的时候,记录坐标 startx = (int) event.getX(); break; case MotionEvent.ACTION_MOVE: //当手指移动的时候,记录移动的距离 destance = (int)(event.getX()-startx); //限制滑块移动的区间 if (destance<0){ destance = 0; }else if (destance>bgBitmap.getWidth()-slidBitmap.getWidth()){ destance = bgBitmap.getWidth()-slidBitmap.getWidth(); } //将滑块移动至该位置 scrollTo( -destance,0); break; case MotionEvent.ACTION_UP: //当手指离开时,记录手指离开的位置 if (destance<bgBitmap.getWidth()-slidBitmap.getWidth()){ //手指抬起时,如果滑块不在右边,那就让他回到左边 startx = destance; int dx = 0-destance; scroller.startScroll(startx,0,dx,0); invalidate(); }else { //开启解锁 listener.onUnlock(this); } break; } invalidate(); return true; } //重写computeScroll方法 调用invalidate之后 会调用draw draw会调用到这个computeScroll @Override public void computeScroll() { if (scroller.computeScrollOffset()){ //获取滑块当前的位置 int currx = scroller.getCurrX(); scrollTo(-currx,0); //重新绘制 invalidate(); } } //设置一个解锁的接口 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); //设置监听事件 myView.setOnLockListener(new MyView.onUnLockListener() { @Override public void onUnlock(MyView view) { //触发监听,结束页面 finish(); } }); } }
更多关于滑动功能的文章,请点击专题: 《Android滑动功能》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。