android实现九宫格程序

本文实例为大家分享了Android九宫格展示的具体代码,供大家参考,具体内容如下

(设置的有最少连几个和最大连几个)

MainActivity

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    NineView view = new NineView(this);
    setContentView(view);
    view.setOnPasswordFinishListener(new NineView.OnPasswordFinishListener() {
      @Override
      public void onPasswordFinish(String password) {
        Toast.makeText(getBaseContext(), "密码:" + password, Toast.LENGTH_SHORT).show();
      }
    });
  }
}

NineView

public class NineView extends View {

  int width;
  Paint paintback = new Paint();
  Paint paintsrc = new Paint();
  int background;

  //保证是正方形

  int max = 6; //密码的个数  6
  int min = 4;

  //点在哪里
  float currX, currY;

  public NineView(Context context) {
    super(context);
    init();
  }

  public NineView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
  }

  public void init() {
    paintback.setDither(true);
    paintback.setAntiAlias(true);
    paintsrc.setDither(true);
    paintsrc.setAntiAlias(true);
    //171625
    background = Color.rgb(0x17, 0x16, 0x25);
    paintback.setColor(background);
    //3791E6
    paintsrc.setColor(Color.rgb(0x37, 0x91, 0xe6));

  }

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    width = getWidth() / 4;

  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    //清屏
    canvas.drawColor(background);
    //划线
    if (result.size() > 0) {

      //点
      int x = result.get(result.size() - 1) % 3 + 1;
      int y = result.get(result.size() - 1) / 3 + 1;
      paintsrc.setStrokeWidth(10);
      canvas.drawLine(x * width, y * width, currX, currY, paintsrc);
      canvas.drawCircle(x * width, y * width, width / 3, paintback);
      if (result.size() > 1) {
        //防止越界
        for (int i = 0; i < result.size() - 1; i++) { // 1 2 3 <=2
          //需要取当前的i和下一个i
          //按住的前一个点
          int x1 = result.get(i) % 3 + 1;
          int y1 = result.get(i) / 3 + 1;
          //按住的后一个点
          int x2 = result.get(i + 1) % 3 + 1;
          int y2 = result.get(i + 1) / 3 + 1;
          paintsrc.setStrokeWidth(10);
          canvas.drawLine(x1 * width, y1 * width, x2 * width, y2 * width, paintsrc);
          canvas.drawCircle(x1 * width, y1 * width, width / 3, paintback);

        }
      }
    }
    paintsrc.setStrokeWidth(2);
    //9个圆
    paintsrc.setStyle(Paint.Style.STROKE);
    for (int i = 0; i < 3; i++) {
      for (int j = 0; j < 3; j++) {
        canvas.drawCircle((i + 1) * width, (j + 1) * width, width / 3, paintsrc);
      }
    }
    paintsrc.setStyle(Paint.Style.FILL);
    for (Integer integer : result) {
      //i j ; // 8  2 2
      int j = integer / 3 + 1;
      int i = integer % 3 + 1;
      canvas.drawCircle(i * width, j * width, width / 8, paintsrc);
    }

  }

  //密码
  List<Integer> result = new ArrayList<>();

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    float x = event.getX();
    float y = event.getY();
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        //勾股定理
        int i = isConnPoint(x, y);
        //只要在园内
        if (i != -1) {
          result.add(i);
          currX = x;
          currY = y;
        }
        Log.e("TAG", "=====" + i);
        break;
      case MotionEvent.ACTION_MOVE:
        currX = x;
        currY = y;
        //移动到其他的圆中,那么接着去添加result
        int point = isConnPoint(x, y);
        if (point != -1 && !result.contains((Integer) point)) {
          result.add(point);
          if (result.size() > max) {
            //reslut清空
            if (onPasswordFinishListener != null)
              onPasswordFinishListener.onPasswordFinish(getPassword());
            result.clear();
          }
        }
        break;
      case MotionEvent.ACTION_UP:
        if (result.size() >= min) {
          if (onPasswordFinishListener != null)
            onPasswordFinishListener.onPasswordFinish(getPassword());
        }
        result.clear();
        break;
    }
    invalidate();
    return true;
  }

  public String getPassword() {
    String password = "";
    for (Integer integer : result) {
      password += integer + "";
    }
    return password;
  }

  //判断
  public int isConnPoint(float x, float y) {
    //9  width,width width
    for (int i = 0; i < 3; i++) {
      for (int j = 0; j < 3; j++) {
        if (pointOnCircle(x, y, (j + 1) * width, (i + 1) * width)) {
          return i * 3 + j; //0-8
        }
      }
    }
    return -1;
  }

  public boolean pointOnCircle(float x, float y, int cx, int cy) {//true
    Log.e("TAG", ((cx - x) * (cx - x) + (cy - y) * (cy - y)) + "");
    Log.e("TAG", ((float) width / 3f) * ((float) width / 3f) + "");
    float i = ((cx - x) * (cx - x) + (cy - y) * (cy - y));
    float j = ((float) width / 3f) * ((float) width / 3f);
    return i < j;
  }

  public void setOnPasswordFinishListener(OnPasswordFinishListener onPasswordFinishListener) {
    this.onPasswordFinishListener = onPasswordFinishListener;
  }

  private OnPasswordFinishListener onPasswordFinishListener;

  public interface OnPasswordFinishListener {
    void onPasswordFinish(String password);
  }

}

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

(0)

相关推荐

  • Android学习教程之九宫格图片展示(13)

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 MainActivity.java代码: package siso.ninegridimg; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class MainActivity extends AppCompatActivity { @Override protected void onCrea

  • Android 九宫格的实现方法

    1.xml代码: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?>  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:orientation="vertical"      android:layout_width="fill

  • Android开发之实现GridView支付宝九宫格

    先给大家展示下关于仿支付宝钱包首页中带有分割线的gridview,俗称九宫格 的效果图,怎么样是不是和你想象的一样啊.在你的预料之中就继续访问以下代码内容吧. 我们都知道ListView设置分割线是非常容易的,设置ListView的分割线颜色和宽度,只需要在布局中定义android:divider和android:dividerHeight属性即可.而GridView并没有这样的属性和方法,那我们改如何来做呢? 我们小编在做这个效果之前,也参考了其他的一些方案,比如说定义一个自定义的GridVi

  • android 九宫格滑动解锁开机实例源码学习

    效果图由于网站占时不能上传,以后补上. NinePointLineView.java 复制代码 代码如下: package org.demo.custon_view; import org.demo.utils.MLog; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; imp

  • Android打造流畅九宫格抽奖活动效果

    因为company项目中需要做九宫格抽奖活动,以前都没有做过类似的功能,虽然之前在浏览大神们的博客中,无意中也看到了好多关于抽奖的项目,但因为项目中没有需要,一直都没有点击进去看.这次不去看估计不行.直到公司计划要做抽奖功能,才迫不得已上网查找demo 网上找了大半天,好不容易找到了几个demo,下载下来,解压缩包发现竟然里面空空如也,只有几张九宫格的图片,害我白白浪费了几个CSDN积分.后面在eoe网站那发现了一个demo,于是好开心,下载下来后马上导入到工程中,运行看了效果,九宫格是出来了,

  • Android布局案例之人人android九宫格

    人人android是人人网推出的一款优秀的手机应用软件,我们在使用的时候发现他的首页布局是九宫格模式的,让人觉得很别致,因为现在很多的 android软件很少使用这种布局模式,人人android使用的很成功,使人觉得简洁大方美观,下面我们来看看人人android的布局 其实这种布局是使用了一种叫"GridView"的表格布局,下面我来给大家讲一下: 首先,请大家理解一下"迭代显示"这个概念,这个好比布局嵌套,我们在一个大布局里面重复的放入一些布局相同的小布局,那些重

  • Android编程之九宫格实现方法实例分析

    本文实例讲述了Android编程之九宫格实现方法.分享给大家供大家参考,具体如下: 显示九宫格需要用GridView , 要显示每个格子中的视图有两种方式,第一种方式是做成xml文件,再将xml文件做成视图.第二种方式就是在代码中构建出这样一种布局,这里采用第一种方式来实现: GridView: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="ht

  • Android实现九宫格(GridView中各项平分空间)的方法

    本文实例讲述了Android实现九宫格(GridView中各项平分空间)的方法.分享给大家供大家参考.具体如下: 项目需要做一个九宫格(也不一定是9的,4宫格.16宫格.4x3宫格...),封了 一个宫格,它能够根据为它分配的空间来自动的调节宫中各项的尺寸. 从TableLayout集成来的,因此如果你直接在设计器上使用该封装的话需要把它自动加进去的那几个TableRow删除一下. 类名为AdvancedGridView,代码如下: import android.content.Context;

  • 轻松实现Android自定义九宫格图案解锁

    Android实现九宫格图案解锁,自带将图案转化成数字密码的功能,代码如下: LockPatternView.java package com.jackie.lockpattern; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Point; import android.text.TextUtils; i

  • Android实现九宫格解锁的方法

    相信大家都有使用九宫格解锁,比如在设置手机安全项目中,可以使用九宫格解锁,提高安全性,以及在使用支付功能的时候,为了提高安全使用九宫锁,今天就为大家介绍Android实现九宫格的方法,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 布局文件如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas

随机推荐