Android 自定义九宫格手势锁

 预览效果图如下：

主要的方法是重写View.onTouchEvent( MotionEvent event ) , 常用的三个操作：ACTION_DOWN 手指触摸屏幕 ; ACTION_UP 手指离开屏幕;

ACTION_MOVE手指在屏幕滑动。

如果该方法返回true ，表示该事件已经被View处理，不再向上层的View或Activity传递 ； 如果返回false， 表示事件未处理，继续传递。

具体代码如下:

package com.ninegrid;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
/**
 * Created by Administrator on 2017/6/24.
 */
public class SuduView extends View {
  //定义默认常量
  private static final int DEFAULT_CELL_WIDTH = 200 ;
  private static final int DEFAULT_CELL_STROKE_WIDTH = 10 ;
  private static final int DEFAULT_SPACE = 100 ;
  //九宫格数组
  private Cell mCells[] = new Cell[9] ;
  //直径
  private int mCellWidth;
  //半径
  private int mCellRadius;
  //边框宽度
  private int mCellStrokeWidth;
  //空白部分
  private int mSpace ;
  //定义画笔
  private Paint mPaintNormal ;
  private Paint mPaintSelected ;
  private float mCurrentX ;
  private float mCurrentY ;
  //判断是否结束的标识
  private boolean mFinish = false ;
  private StringBuffer mSbSelected = new StringBuffer(20);
  public SuduView(Context context) {
    super(context);
    init();
  }
  public SuduView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
  }
  public SuduView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
  }
  private void init(){
    //初始化画笔
    mCellWidth = DEFAULT_CELL_WIDTH ;
    mCellRadius = DEFAULT_CELL_WIDTH >> 1 ;
    mCellStrokeWidth = DEFAULT_CELL_STROKE_WIDTH ;
    mSpace = DEFAULT_SPACE ;
    mPaintNormal = new Paint();
    mPaintNormal.setColor(Color.WHITE);
    mPaintNormal.setStrokeWidth(mCellStrokeWidth);
    mPaintNormal.setStyle(Paint.Style.STROKE);
    mPaintNormal.setAntiAlias(true);
    mPaintSelected = new Paint();
    mPaintSelected.setColor(Color.CYAN);
    mPaintSelected.setStrokeWidth(mCellStrokeWidth);
    mPaintSelected.setStyle(Paint.Style.STROKE);
    mPaintSelected.setAntiAlias(true);
    Cell cell ;
    float x;
    float y;
    //计算每个格子的坐标
    for( int i = 0 ; i < 9 ; i ++ ){
      x = mSpace * ( i%3 + 1 ) + mCellRadius + mCellWidth * ( i%3 ) ;
      y = mSpace * ( i/3 + 1 ) + mCellRadius + mCellWidth * ( i/3 ) ;
      cell = new Cell(x , y);
      mCells[i] = cell ;
    }
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    drawCell(canvas);
    drawLine(canvas);
  }
  //绘制连接线
  private void drawLine( Canvas canvas ){
    if("".equals(mSbSelected.toString())){
      return;
    }
    String[] selectedIndexs = mSbSelected.toString().split(",");
    Cell cell = mCells[Integer.valueOf(selectedIndexs[0])];
    Cell nextCell ;
    //绘制每两个格子中心点之间的连接线
    if( selectedIndexs.length > 1) {
      for (int i = 1; i < selectedIndexs.length; i++) {
        nextCell = mCells[Integer.valueOf(selectedIndexs[i])];
        canvas.drawLine(cell.getCenterX(), cell.getCenterY(), nextCell.getCenterX(), nextCell.getCenterY(), mPaintSelected);
        cell = nextCell;
      }
    }
    //绘制格子到其他空白位置的连接线
    if( !mFinish ) {
      canvas.drawLine(cell.getCenterX(), cell.getCenterY(), mCurrentX, mCurrentY, mPaintSelected);
    }
  }
  private void drawCell( Canvas canvas ){
    for ( int i = 0 ; i < 9 ; i ++ ){
      canvas.drawCircle(mCells[i].getCenterX(), mCells[i].getCenterY() , mCellRadius ,
          mCells[i].isSelected() ? mPaintSelected : mPaintNormal );
    }
  }
  //处理点击事件
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch ( event.getAction()){
      case MotionEvent.ACTION_DOWN:
        //如果手指已经松开，则所有格子变为初始状态
        if( mFinish ){
          for ( int i = 0 ; i < 9 ; i ++ ){
            mCells[i].setSelected(false);
          }
          mFinish = false ;
          mSbSelected.delete(0,mSbSelected.length());
          invalidate();
          return false;
        }
        handleDownEvent(event);
        break;
      //松开则结束
      case MotionEvent.ACTION_UP:
        mFinish = true ;
        break;
      case MotionEvent.ACTION_MOVE:
        handleMoveEvent(event);
        break;
    }
    //表示已处理，不向上传递
    return true ;
  }
  //处理手指移动的事件
  private void handleMoveEvent( MotionEvent event ){
    int index = findCellIndex(event.getX(),event.getY());
    if( index != -1 ){
      mCells[index].setSelected(true);
      mSbSelected.append(index).append(",");
    }
    invalidate();
    mCurrentX = event.getX();
    mCurrentY = event.getY();
  }
  //处理手指按下的事件
  private void handleDownEvent( MotionEvent event){
    int index = findCellIndex(event.getX(),event.getY());
    if( index != -1 ){
      mCells[index].setSelected(true);
      mSbSelected.append(index).append(",");
      invalidate();
    }
    mCurrentX = event.getX();
    mCurrentY = event.getY();
  }
  //根据坐标判断点击的哪个格子
  private int findCellIndex( float x , float y){
    float cellX ;
    float cellY ;
    int result = -1 ;
    for( int i = 0 ; i < 9 ; i ++ ){
      if( mCells[i].isSelected()){
        continue;
      }
      //获取每个格子的坐标
      cellX = mCells[i].getCenterX();
      cellY = mCells[i].getCenterY();
      //计算按下的点到每个格子的距离
      float tempX = cellX - x ;
      float tempY = cellY - y ;
      float distance = (float) Math.sqrt(tempX * tempX + tempY * tempY);
      //如果点击的位置在某个格子的圆内
      if( distance < mCellRadius ){
        result = i ;
        break;
      }
    }
    //返回该格子的位置
    return result ;
  }
}

最后在布局文件中引用该View即可，若想实现更高的定制性，可以仿照上一篇文章重写View的onMearsure方法并增加自定义属性。

以上所述是小编给大家介绍的Android 自定义九宫格手势锁，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# android  # 九宫格手势锁  # 纯android代码实现九宫格手势密码  # Android自定义View九宫格手势密码解锁  # Android九宫格手势密码代码设计  # Android实现九宫格手势解锁  # Android实现九宫格手势密码  # 自定义  # 重写  # 按下  # 小编  # 九宫格  # 中心点  # 在此  # 上一  # 给大家  # 更高  # 所述  # 不向  # 给我留言  # 点到  # 感谢大家  # 再向  # 判断是否  # 疑问请  # 有任何  # 未处理 

相关文章： 如何通过VPS建站实现广告与增值服务盈利？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  网站制作免费,什么网站能看正片电影？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  常州自助建站工具推荐：低成本搭建与模板选择技巧  如何通过云梦建站系统实现SEO快速优化？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  C++如何使用std::optional？（处理可选值）  5种Android数据存储方式汇总  如何零基础开发自助建站系统？完整教程解析  网站代码制作软件有哪些,如何生成自己网站的代码？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  建站主机空间推荐 高性价比配置与快速部署方案解析  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  简单实现Android验证码  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  如何选择建站程序？包含哪些必备功能与类型？  建站之星官网登录失败？如何快速解决？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  公司网站设计制作厂家,怎么创建自己的一个网站？  网站制作公司排行榜,四大门户网站排名？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  建站VPS推荐：2025年高性能服务器配置指南  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  建站之星如何实现五合一智能建站与营销推广？  建站之星Pro快速搭建教程：模板选择与功能配置指南  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  建站主机CVM配置优化、SEO策略与性能提升指南  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  高端智能建站公司优选：品牌定制与SEO优化一站式服务  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  网站制作话术技巧,网站推广做的好怎么话术？  如何用PHP工具快速搭建高效网站？  制作网站的公司有哪些,做一个公司网站要多少钱？  如何快速查询网址的建站时间与历史轨迹？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  免费ppt制作网站,有没有值得推荐的免费PPT网站？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  建站之星logo尺寸如何设置最合适？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何快速生成专业多端适配建站电话？  相册网站制作软件,图片上的网址怎么复制？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？