Skip to content
Draw a pattern to confirm the action, unlock the screen etc.
Java
Branch: master
Clone or download
Ali Muzaffar
Latest commit f85f9c1 Jul 28, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Update to the latest SDKs Jul 28, 2018
connectpattern Update to the latest SDKs Jul 28, 2018
gradle/wrapper Update to the latest SDKs Jul 28, 2018
.gitignore Initial commit May 6, 2016
.travis.yml Update support library and gradle plugins and release next version Jun 16, 2017
LICENSE Create LICENSE May 6, 2016
README.MD
build.gradle Update to the latest SDKs Jul 28, 2018
gradle.properties Initial commit May 6, 2016
gradlew Initial commit May 6, 2016
gradlew.bat Initial commit May 6, 2016
settings.gradle Initial commit May 6, 2016

README.MD

Build Status Download Android Arsenal

ConnectPatternView

A widget that can be used to confirm the user's action, unlocking the screen etc. by providing the desired pattern with specified configuration. Widget can be animated in and out.

Nine connectors Five connectors
Three connectors Two connectors

Features

  • Widget can contain different number of connectors: 2, 3, 5 or 9.
  • Size and color of the connector (circle by default) can be specified in the xml.
  • Width and color of the connecting lines can be specified in the xml.
  • Connector can be defined as a drawable so any image or icon can be specified in the xml.

Adding it to your project

compile 'com.bcgdv.asia.lib:connectpattern:0.3'

Usage

The connect pattern needs to be configured in the XML.

<com.bcgdv.asia.lib.connectpattern.ConnectPatternView
    android:id="@+id/connect"
    android:padding="32dp"
    android:layout_width="350dp"
    android:layout_height="350dp"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    app:connectPatternAnimationType="none|middle|bottom"
    app:connectPatternNumber="nine"
    app:connectPatternCircleColor="@color/colorPrimary"
    app:connectPatternLineColor="@color/colorAccent"
    app:connectPatternCircleRadius="14dp"
    app:connectPatternLineWidth="7dp"
    app:connectPatternDrawable="@mipmap/ic_star"/>
  • app:connectPatternAnimationType (Optional) - none|middle|bottom. Default middle
  • app:connectPatternNumber (Optional) - determines how many connectors will be used
  • app:connectPatternCircleColor (Optional) - color of the circle
  • app:connectPatternCircleRadius (Optional) - radius of the circle
  • app:connectPatternLineColor (Optional) - color of the connecting lines
  • app:connectPatternLineWidth (Optional) - width of the connecting lines
  • app:connectPatternDrawable (Optional) - custom icon / image / drawable to use instead of circle

Callbacks

view.setOnConnectPatternListener(new ConnectPatternView.OnConnectPatternListener() {
        @Override
        public void onPatternEntered(ArrayList<Integer> result) {
        }

        @Override
        public void onPatternAbandoned() {
        }

        @Override
        public void animateInStart() {
        }

        @Override
        public void animateInEnd() {
        }

        @Override
        public void animateOutStart() {
        }

        @Override
        public void animateOutEnd() {
        }
    });
You can’t perform that action at this time.