ConnectPatternView

Additional

Language
Java
Version
release/v0.2 (May 9, 2016)
Created
May 3, 2016
Updated
Jul 28, 2018
Owner
BCGDV-ASIA
Contributor
magda-em
1
Activity
Badge
Generate
Download
Source code
APK file

Show card

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.



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() {
        }
    });