GestureLock

自定义属性

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 圆形的个数 -->
    <attr name="circleCount" format="integer" />
    <!-- 圆的半径 -->
    <attr name="circleRadius" format="dimension" />
    <!-- 圆的间距 -->
    <attr name="circleSpace" format="dimension" />
    <!-- 正常状态下的圆的颜色 -->
    <attr name="colorNormal" format="color" />
    <!-- 选中状态下的圆的颜色 -->
    <attr name="colorSelected" format="color" />
    <!-- 圆的弧线宽度 -->
    <attr name="strokeWidth" format="dimension" />

    <declare-styleable name="GestureLockView">
        <!-- 圆形的个数 -->
        <attr name="circleCount" />
        <!-- 圆的半径 -->
        <attr name="circleRadius" />
        <!-- 圆的间距 -->
        <attr name="circleSpace" />
        <!-- 正常状态下的圆的颜色 -->
        <attr name="colorNormal" />
        <!-- 选中状态下的圆的颜色 -->
        <attr name="colorSelected" />
        <!-- 正确状态下的圆的颜色 -->
        <attr name="colorSelectedRight"  format="color" />
        <!-- 错误状态下的圆的颜色 -->
        <attr name="colorError" />
        <!-- 延时重置，单位毫秒 -->
        <attr name="delayReset" format="integer" />
        <!-- 是否显示手势路径 -->
        <attr name="gesturePathVisible" format="boolean" />
        <!-- 内圆的半径，默认为圆的半径的三分之一 -->
        <attr name="innerCircleRadius" format="dimension" />
        <!-- 圆的弧线宽度 -->
        <attr name="strokeWidth"/>
    </declare-styleable>

    <declare-styleable name="GestureLockPreview">
        <!-- 圆形的个数 -->
        <attr name="circleCount" />
        <!-- 圆的半径 -->
        <attr name="circleRadius" />
        <!-- 圆的间距 -->
        <attr name="circleSpace" />
        <!-- 正常状态下的圆的颜色 -->
        <attr name="colorNormal" />
        <!-- 选中状态下的圆的颜色 -->
        <attr name="colorSelected" />
        <!-- 圆的弧线宽度 -->
        <attr name="strokeWidth"/>
    </declare-styleable>

</resources>

默认样式

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="DefaultGestureLockView">
        <item name="circleCount">3</item>
        <item name="circleRadius">30dp</item>
        <item name="circleSpace">8dp</item>
        <item name="colorNormal">#7f7f7f</item>
        <item name="colorSelected">#209b54</item>
        <item name="colorSelectedRight">#209b54</item>
        <item name="colorError">#FF0000</item>
        <item name="gesturePathVisible">true</item>
        <item name="delayReset">1000</item>
        <item name="strokeWidth">1dp</item>
    </style>

    <style name="DefaultGestureLockPreview">
        <item name="circleCount">3</item>
        <item name="circleSpace">8dp</item>
        <item name="colorNormal">#7f7f7f</item>
        <item name="colorSelected">#209b54</item>
        <item name="strokeWidth">1dp</item>
    </style>

</resources>

屏幕截图

3x3样式

4x4样式