Android模拟实现滑动解锁界面

 更新时间:2020年04月08日 11:34:53   作者:常利兵  
这篇文章主要为大家详细介绍了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滑动功能》

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android app应用多语言切换功能实现

    Android app应用多语言切换功能实现

    这篇文章主要为大家详细介绍了Android app应用多语言切换功能实现代码,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 详解Kotlin 中使用和配置 Dagger2

    详解Kotlin 中使用和配置 Dagger2

    本篇文章主要介绍了详解Kotlin 中使用和配置 Dagger2,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • Android编程设计模式之抽象工厂模式详解

    Android编程设计模式之抽象工厂模式详解

    这篇文章主要介绍了Android编程设计模式之抽象工厂模式,结合实例形式详细分析了Android抽象工厂模式的概念、原理、使用方法及相关注意事项,需要的朋友可以参考下
    2017-12-12
  • Android PhotoView使用步骤实例详解

    Android PhotoView使用步骤实例详解

    这篇文章主要介绍了Android PhotoView使用步骤实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android 利用 APT 技术在编译期生成代码

    Android 利用 APT 技术在编译期生成代码

    本文主要讲解Android 利用 APT 技术在编译期生成代码,这里提供详细的资料,并讲解如何实现,有兴趣的小伙伴可以参考下
    2016-08-08
  • 使用CMake构建OpenCV项目过程解析

    使用CMake构建OpenCV项目过程解析

    这篇文章主要介绍了使用CMake构建OpenCV项目过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • Android10.0实现本地音乐播放(附源码下载)

    Android10.0实现本地音乐播放(附源码下载)

    这篇文章主要介绍了Android10.0实现本地音乐播放(附源码下载),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • Android基于OpenCV实现非真实渲染

    Android基于OpenCV实现非真实渲染

    非真实感渲染(Non Photorealistic Rendering,简称NPR),是指利用计算机模拟各种视觉艺术的绘制风格,也用于发展新的绘制风格。比如模拟中国画、水彩、素描、油画、版画等艺术风格。本文将讲解Android基于OpenCV实现非真实渲染的方法
    2021-06-06
  • Android中Textview超链接实现方式

    Android中Textview超链接实现方式

    TextView中的超链接可以通过几种方式实现:1.Html.fromHtml,2.Spannable,3.Linkify.addLinks。下面分别进行测试,包括修改字体样式,下划线样式,点击事件等,需要的朋友可以参考下
    2016-02-02
  • Android实现炫酷播放效果

    Android实现炫酷播放效果

    这篇文章主要为大家详细介绍了Android实现炫酷播放效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08

最新评论