当前位置： 移动技术网 > 移动技术>移动开发>Android > Android模拟实现滑动解锁界面

Android模拟实现滑动解锁界面

2019年07月29日  | 移动技术网移动技术  | 我要评论

本文实例为大家分享了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();
      }
    });
  }
  }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网