furkanozcan / pattern-lock

Patter Lock using Hilt, Coroutines, Flow and Custom View Components based on MVVM architecture.

Pattern Lock App

Sample project for created Pattern Lock View using custom view.

Preview

Usage

Step 1

Add the PatterLockView in your XML layout file.

    <com.furkanozcan.patternlock.PatternLockView
        android:id="@+id/patternLockView"
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:layout_margin="32dp"
        app:patternLock_errorLineColor="@color/error_line"
        app:patternLock_successLineColor="@color/success_line" />

Step 2 (Optional)

You can listen state changes with adding listener to the view. Callback return state such as Initial, Started, Success and Error.

        binding.patternLockView.setOnChangeStateListener { state ->
            //handle state
        }

Also you can access created stage passwords like below.

        val firstStagePassword = binding.patternLockView.getPassword(PatternViewStageState.FIRST)
        val secondStagePassword = binding.patternLockView.getPassword(PatternViewStageState.SECOND)

Customization

XML

You can add various attributes to the PatternLockView from your XML layout.

        app:patternLock_successLineColor="@color/blue"
        app:patternLock_successDotColor="@color/orange"
        app:patternLock_errorLineColor="@color/red"
        app:patternLock_errorDotColor="@color/red"
        app:patternLock_lineColor="@color/black"
        app:patternLock_dotColor="@color/black"
        app:patternLock_isAnimate="false"