热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

使用Android自定义控件实现滑动解锁九宫格

最近由于Android项目需要,要求做一个类似于支付宝的九宫格解锁组件,下面小编给大家分享了具体实现代码,需要的朋友可以参考下

本文概述:

 滑动解锁九宫格的分析:

1、需要自定义控件;
2、需要重写事件onTouchEvent();
3、需要给九个点设置序号和坐标,这里用Map类就行;
4、需要判断是否到滑到过九点之一,并存储滑到过的点的序号,而且需要一个方法可以返回它们,这里用List类就行;

滑动解锁当前还是比较流行的,今天写了个简单的滑动解锁九宫格的例程,分享出来让初学者看看。

我的是这样的:

Demo

首先,自定义一个View

/**
 * 九宫格
 */
public class NineGridView extends View {
  private int width;//该控件的宽
  private int height;//该控件的高
  private Paint mPaintBigCircle;//用于画外圆
  private Paint mPaintSmallCircle;//用于画内圆
  private Paint mPaintLine;//用于画线
  private Paint mPaintText;//用于画文本
  private Path path;//手势划线时需要用到它
  private Map pointContainer;//存储九个点的坐标
  private List pointerSlipped;//存储得到的九宫格密码
  public List getPointerSlipped() {
    return pointerSlipped;
  }
  public void setPointerSlipped(List pointerSlipped) {
    this.pointerSlipped = pointerSlipped;
  }
  public NineGridView(Context context) {
    super(context);
  }
  public NineGridView(Context context, AttributeSet attrs) {
    super(context, attrs);
    mPaintBigCircle = new Paint();
    mPaintBigCircle.setColor(Color.BLUE);
    mPaintBigCircle.setStyle(Paint.Style.STROKE);//不充满
    mPaintBigCircle.setAntiAlias(true);//抗锯齿打开
    mPaintSmallCircle = new Paint();
    mPaintSmallCircle.setColor(Color.GREEN);
    mPaintSmallCircle.setStyle(Paint.Style.FILL);//充满,即画的几何体为实心
    mPaintSmallCircle.setAntiAlias(true);
    mPaintLine = new Paint();
    mPaintLine.setColor(Color.GREEN);
    mPaintLine.setStyle(Paint.Style.STROKE);
    mPaintLine.setStrokeWidth(20);
    mPaintLine.setAntiAlias(true);
    mPaintText = new Paint();
    mPaintText.setColor(Color.WHITE);
    mPaintText.setTextAlign(Paint.Align.CENTER);//向中央对齐
    mPaintText.setTextSize(50);
    mPaintText.setAntiAlias(true);
    path = new Path();
    pointCOntainer= new HashMap<>();
    pointerSlipped = new ArrayList<>();
  }
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
    height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
  }
  private float pivotX;//触屏得到的x坐标
  private float pivotY;//触屏得到的y坐标
  private float selectedX;//当前选中的圆点的x坐标
  private float selectedY;//当前选中的圆点的y坐标
  private float selectedXOld;//从前选中的圆点的x坐标
  private float selectedYOld;//从前选中的圆点的y坐标
  private boolean isHasMoved = false;//用于判断path是否调用过moveTo()方法
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        pivotX = event.getX();
        pivotY = event.getY();
        //每次触屏时需要清空一下pointerSlipped,即重置密码
        pointerSlipped.clear();
        Log.d("pointTouched", pivotX + "," + pivotY);
        getSelectedPointIndex(pivotX, pivotY);
        invalidate();//重绘
        break;
      case MotionEvent.ACTION_MOVE:
        pivotX = event.getX();
        pivotY = event.getY();
        getSelectedPointIndex(pivotX, pivotY);
        invalidate();
        break;
      case MotionEvent.ACTION_UP:
        /**
         * 当手指离开屏幕时,重置path
         */
        path.reset();
        isHasMoved = false;
        String indexSequence = "";
        //打印出上一次手势密码的值
        for(int index:pointerSlipped){
          indexSequence += "/"+index;
        }
        Log.d("index",indexSequence);
        break;
    }
    invalidate();
    return true;
  }
  /**
   * 得到并存储经过的圆点的序号
   * @param pivotX
   * @param pivotY
   */
  private void getSelectedPointIndex(float pivotX, float pivotY) {
    int index = 0;
    if (pivotX > patternMargin && pivotX  height / 2 && pivotY  height / 2 + added && pivotY  height / 2 + added * 2 && pivotY  patternMargin + added && pivotX  height / 2 && pivotY  height / 2 + added && pivotY  height / 2 + added * 2 && pivotY  patternMargin + added * 2 && pivotX  height / 2 && pivotY  height / 2 + added && pivotY  height / 2 + added * 2 && pivotY 

为什么要规避重复?

因为在触屏时,会调用很多次onTouchEvent()方法,这样存储的手势密码肯定会不准确,我在以上代码中作出了处理,已经避免了重复,看打印信息:

这里写图片描述

显然,密码没有相邻数重复,当然还有一种情况就是手指在两个点之间来回等问题,这种状况也需要避免,这里没有作处理。当然,我做得还不够。。。

自定义view中用到的dp和px互相转换的工具类:

public class SizeConvert {
  /**
   * 将dp转换为sp
   */
  public static int dip2px(Context context, float dipValue){
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int)(dipValue * scale + 0.5f);
  }
  /**
   * sp转dp
   */
  public static int px2dip(Context context, float pxValue){
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int)(pxValue / scale + 0.5f);
  }
}

主活动:

public class NineGridActivity extends BaseActivity{
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.view_nine_grid);
  }
}

layout中的布局文件view_nine_grid:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

  

总结

我写的只是最基本的九宫格滑动解密项目,实际用的九宫格解密比这个要复杂,有许多特效和其他更严谨的处理,事件的处理也不是这样草草了事,如果想写得漂亮,还得多花工夫。


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文详细介绍如何使用arm-eabi-gdb调试Android平台上的C/C++程序。通过具体步骤和实用技巧,帮助开发者更高效地进行调试工作。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 本文探讨了 RESTful API 和传统接口之间的关键差异,解释了为什么 RESTful API 在设计和实现上具有独特的优势。 ... [详细]
author-avatar
edftgggh_131
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有