快速实现手势解锁功能

添加 PatternLock 到项目

• 第一步： 添加 JitPack 到项目的根 build.gradle 中

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

• 第二步：添加库依赖

dependencies {
    implementation 'com.github.huangziye:PatternLock:${latest_version}'
}

• 在 xml 中编写

<com.hzy.lock.PatternLockView
    android:id="@+id/mPatternLockView"
    android:layout_width="280dp"
    android:layout_height="280dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="16dp"
    app:aspectRatio="square"
    app:aspectRatioEnabled="true"
    app:dotAnimationDuration="150"
    app:dotCount="3"
    app:dotNormalSize="10dp"
    app:dotSelectedSize="24dp"
    app:normalStateColor="@color/colorPrimary"
    app:correctStateColor="@color/colorPrimary"
    app:wrongStateColor="@color/pomegranate"
    app:pathEndAnimationDuration="100"
    app:pathWidth="3dp"/>

• 用 kotlin 代码实现

private fun initPatternLockView() {
    //设置横纵坐标点的个数
    mPatternLockView.setDotCount(3)
    //设置未选中点的大小
    mPatternLockView.setDotNormalSize(
        ResourceUtil.getDimensionInPx(
            this,
            R.dimen.pattern_lock_dot_size
        ) as Int
    )
    //设置选中时点的大小
    mPatternLockView.setDotSelectedSize(
        ResourceUtil.getDimensionInPx(
            this,
            R.dimen.pattern_lock_dot_selected_size
        ) as Int
    )
    //设置路径线的宽度
    mPatternLockView.setPathWidth(
        ResourceUtil.getDimensionInPx(
            this,
            R.dimen.pattern_lock_path_width
        ) as Int
    )
    //设置宽高比是否启用
    mPatternLockView.setAspectRatioEnabled(true)
    //设置宽高比
    mPatternLockView.setAspectRatio(PatternLockView.AspectRatio.ASPECT_RATIO_HEIGHT_BIAS)
    //设置View的模式
    mPatternLockView.setViewMode(PatternLockView.PatternViewMode.CORRECT)
    //设置点动画持续时间
    mPatternLockView.setDotAnimationDuration(150)

    // 设置Pat结束动画持续时间
    mPatternLockView.setPathEndAnimationDuration(100)
    //设置正确的状态颜色
    mPatternLockView.setCorrectStateColor(ResourceUtil.getColor(this, R.color.colorPrimary))
    //是否设置为隐身模式
    mPatternLockView.setInStealthMode(false)
    //设置是否启用触觉反馈
    mPatternLockView.setTactileFeedbackEnabled(true)
    //设置输入是否启用
    mPatternLockView.setInputEnabled(true)
    mPatternLockView.addPatternLockListener(mPatternLockViewListener)
}

效果预览

关于我

• 简书

• 掘金

• Github