add example

Author: 张瑞宇

README.md

@@ -9,13 +9,115 @@ For help getting started with Flutter, view our online [documentation](https://f
 For help on editing package code, view the [documentation](https://flutter.io/developing-packages/).
 ![image](https://github.com/zhangruiyu/flutter_gesture_password/blob/master/wow.gif)
 
-#属性
+##How to use ?
+
+1. Depend on it
+ 
+```yaml
+dependencies:
+ gesture_password: "^0.0.2"
+```
+
+2. Install it
+ 
+```sh
+$ flutter packages get
+```
+
+3. Import it
+
+```dart
+import 'package:gesture_password/gesture_password.dart';
+import 'package:gesture_password/mini_gesture_password.dart';
+```
+
+##属性
 * selectedColor 选中的颜色
 * normalColor: 没选中的颜色
 * lineStrokeWidth: 线宽
 * circleStrokeWidth: 选中外圈圆宽
 * smallCircleR: 小圆半径
 * bigCircleR: 大圆半径
 * focusDistance: 选中差值 越大越容易选中
+* successCallback 选择4个以上松手回调,返回值为选中的index相加的字符串
+* failCallback 选择4下以上松手回调
+* selectedCallback 经过任意一个后回调,返回值为选中的index相加的字符串
+
+##Example
+```
+import 'package:flutter/material.dart';
+import 'package:gesture_password/gesture_password.dart';
+import 'package:gesture_password/mini_gesture_password.dart';
+
+void main() => runApp(new MyApp());
+
+class MyApp extends StatelessWidget {
+ @override
+ Widget build(BuildContext context) {
+ return new MaterialApp(
+ title: 'Flutter Demo',
+ theme: new ThemeData(
+ primarySwatch: Colors.blue,
+ ),
+ home: new MyHomePage(title: 'Flutter Demo Home Page'),
+ );
+ }
+}
+
+class MyHomePage extends StatefulWidget {
+ MyHomePage({Key key, this.title}) : super(key: key);
+
+ final String title;
+
+ @override
+ _MyHomePageState createState() => new _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+ GlobalKey<MiniGesturePasswordState> miniGesturePassword =
+ new GlobalKey<MiniGesturePasswordState>();
+
+ GlobalKey<ScaffoldState> scaffoldState = new GlobalKey<ScaffoldState>();
+
+ @override
+ Widget build(BuildContext context) {
+ return new MaterialApp(
+ home: new Scaffold(
+ key: scaffoldState,
+ appBar: new AppBar(
+ title: new Text('Plugin example app'),
+ ),
+ body: new Column(
+ children: <Widget>[
+ new Center(
+ child: new MiniGesturePassword(key: miniGesturePassword)),
+ new Container(
+ color: Colors.red,
+ margin: const EdgeInsets.only(top: 100.0),
+ child: new GesturePassword(
+ successCallback: (s) {
+ print("successCallback$s");
+ scaffoldState.currentState?.showSnackBar(
+ new SnackBar(content: new Text('successCallback:$s')));
+ miniGesturePassword.currentState?.setSelected('');
+ },
+ failCallback: () {
+ print('failCallback');
+ scaffoldState.currentState?.showSnackBar(
+ new SnackBar(content: new Text('failCallback')));
+ miniGesturePassword.currentState?.setSelected('');
+ },
+ selectedCallback: (str) {
+ miniGesturePassword.currentState?.setSelected(str);
+ },
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ }
+}
+```
 
 ##### 有需求的话,后期再加入其他的吧

example/lib/main.dart

@@ -5,20 +5,11 @@ import 'package:gesture_password/mini_gesture_password.dart';
 void main() => runApp(new MyApp());
 
 class MyApp extends StatelessWidget {
- // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
  return new MaterialApp(
  title: 'Flutter Demo',
  theme: new ThemeData(
- // This is the theme of your application.
- //
- // Try running your application with "flutter run". You'll see the
- // application has a blue toolbar. Then, without quitting the app, try
- // changing the primarySwatch below to Colors.green and then invoke
- // "hot reload" (press "r" in the console where you ran "flutter run",
- // or press Run > Flutter Hot Reload in IntelliJ). Notice that the
- // counter didn't reset back to zero; the application is not restarted.
  primarySwatch: Colors.blue,
  ),
  home: new MyHomePage(title: 'Flutter Demo Home Page'),
@@ -29,38 +20,15 @@ class MyApp extends StatelessWidget {
 class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
 
- // This widget is the home page of your application. It is stateful, meaning
- // that it has a State object (defined below) that contains fields that affect
- // how it looks.
-
- // This class is the configuration for the state. It holds the values (in this
- // case the title) provided by the parent (in this case the App widget) and
- // used by the build method of the State. Fields in a Widget subclass are
- // always marked "final".
-
  final String title;
 
  @override
  _MyHomePageState createState() => new _MyHomePageState();
 }
 
 class _MyHomePageState extends State<MyHomePage> {
- int _counter = 0;
-
- void _incrementCounter() {
- setState(() {
- // This call to setState tells the Flutter framework that something has
- // changed in this State, which causes it to rerun the build method below
- // so that the display can reflect the updated values. If we changed
- // _counter without calling setState(), then the build method would not be
- // called again, and so nothing would appear to happen.
- _counter++;
- });
- }
-
-
  GlobalKey<MiniGesturePasswordState> miniGesturePassword =
- new GlobalKey<MiniGesturePasswordState>();
+  new GlobalKey<MiniGesturePasswordState>();
 
  GlobalKey<ScaffoldState> scaffoldState = new GlobalKey<ScaffoldState>();
 
@@ -81,13 +49,13 @@ class _MyHomePageState extends State<MyHomePage> {
  margin: const EdgeInsets.only(top: 100.0),
  child: new GesturePassword(
  successCallback: (s) {
- print("密码为$s");
+ print("successCallback$s");
  scaffoldState.currentState?.showSnackBar(
  new SnackBar(content: new Text('successCallback:$s')));
  miniGesturePassword.currentState?.setSelected('');
  },
  failCallback: () {
- print('失败了');
+ print('failCallback');
  scaffoldState.currentState?.showSnackBar(
  new SnackBar(content: new Text('failCallback')));
  miniGesturePassword.currentState?.setSelected('');

example/test/widget_test.dart

@@ -4,8 +4,9 @@
 // find child widgets in the widget tree, read text, and verify that the values of widget properties
 // are correct.
 
-import 'package:flutter/material.dart';
-import 'package:flutter_test/flutter_test.dart';
+//import 'package:flutter/material.dart';
+//import 'package:flutter_test/flutter_test.dart';
+/*
 
 import 'package:example/main.dart';
 
@@ -27,3 +28,4 @@ void main() {
  expect(find.text('1'), findsOneWidget);
  });
 }
+*/

lib/gesture_password.dart

@@ -1,9 +1,9 @@
 import 'dart:ui' as ui;
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:gesture_password/circle_item_painter.dart';
-import 'package:meta/meta.dart';
 
 class GesturePassword extends StatefulWidget {
  final ValueChanged<String> successCallback;
@@ -50,7 +50,7 @@ class _GesturePasswordState extends State<GesturePassword> {
  setState(() {
  RenderBox box = context.findRenderObject();
  touchPoint = box.globalToLocal(details.globalPosition);
- //会绘画越界
+ //防止绘画越界
  if (touchPoint.dy < 0) {
  touchPoint = new Offset(touchPoint.dx, 0.0);
  }

lib/MiniCircleView.dart lib/mini_circle_view.dartlib/MiniCircleView.dart renamed to lib/mini_circle_view.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
-import 'package:gesture_password/MiniCircleView.dart';
+import 'package:gesture_password/mini_circle_view.dart';
 
 class MiniGesturePassword extends StatefulWidget {
  final MiniItemAttribute attribute;

lib/mini_gesture_password.dart

@@ -1,6 +1,6 @@
 name: gesture_password
 description: A new flutter GesturePassword
-version: 0.0.1
+version: 0.0.2
 author: zhangruiyu <157418979@qq.com>
 homepage: https://github.com/zhangruiyu/flutter_gesture_password