GesturePasswordDemo

this is a GesturePassword View component. you can use it to make user's login more convenient.

if you need gesture setting page,you need use View class NineCircularGridLayout.java and NineCircularLittleGridLayout.java. the NineCircularGridLayout will allow you typed the gesture, and the NineCircularLittleGridLayout will give you the feedback of the gesture you typed.

if you need gesture login page, you only need use View class NineCircularGridLayout.java.

you can redirect to the "app" directory of the demo project, to get more information about how to use the component more comfortably.

Gradle

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}
  
	dependencies {
	        compile 'com.github.pingia:GesturePasswordDemo:1.0.0'
	}

Usage

<com.pingia.cn.gesturepassword.lib.NineCircularLittleGridLayout
      android:id="@+id/nine_grid_little_layout"
      android:layout_width="80dp"
      android:layout_height="wrap_content"
      app:little_normalColor = "#aaaaaa" <!-- 指引图圆圈的初始颜色 -->
      app:little_fillColor = "#32e86b" <!-- 指引图圆圈的填充颜色 -->
      app:little_lineToWidth = "6dp" <!-- 指引图圆圈之间的连线粗细 -->
      app:little_normalCircularLineWidth = "6dp" <!-- 指引图圆圈描边的粗细 -->
      app:little_LineToColor="#32e86b" <!--指引图圆圈之间的连线颜色-->
/>

<com.pingia.cn.gesturepassword.lib.NineCircularGridLayout
      android:id="@+id/nine_grid_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      app:minFingerLineToNums = "4" <!-- 默认最小连接需要四个-->
      app:normalColor = "#cccccc" <!-- 手势图圆圈的初始颜色 -->
      app:fingerOnColor = "#32e86b" <!-- 手势按下去的时候圆圈改变的颜色 -->
      app:fingerLineToColor = "#32e86b" <!-- 手势图圆圈之间的连线颜色 -->
      app:wrongLineToColor = "#ff0000" <!-- 手势图不符合要求时，圆圈之间的连线颜色 -->
      app:normalCircularLineWidth="6dp" <!--手势图圆圈描边的粗细-->
      app:fingerLineToWidth = "6dp" <!--手势图圆圈之间的连线粗细 -->
                                                         
    />