194.HarmonyOS NEXT系列教程之图案锁交互反馈系统详解

// 反馈类型定义
interface FeedbackTypes {
    visual: boolean;    // 视觉反馈
    haptic: boolean;    // 触觉反馈
    message: boolean;   // 消息反馈
}

// 反馈场景
enum FeedbackScenario {
    DOT_CONNECT,    // 点连接
    PATTERN_CORRECT, // 图案正确
    PATTERN_WRONG,  // 图案错误
    PATTERN_RESET   // 图案重置
}

// 激活状态样式
.activeColor($r('app.color.pattern_lock_active_color'))
.selectedColor($r('app.color.pattern_lock_selected_color'))

// 圆环效果
.activateCircleStyle({
    color: $r('app.color.pattern_lock_active_circle_color'),
    radius: { value: 18, unit: LengthUnit.VP },
    enableWaveEffect: true
})

// 路径样式
.pathStrokeWidth(14)
.pathColor($r('app.color.pattern_lock_path_color'))

startVibrator(vibratorCount?: number) {
    try {
        vibrator.startVibration({
            type: 'preset',
            effectId: 'haptic.clock.timer',
            count: vibratorCount && vibratorCount > 1 ? vibratorCount : 1
        }, {
            usage: 'unknown'
        });
    } catch (err) {
        // 错误处理
    }
}

// 点连接反馈
.onDotConnect(() => {
    this.startVibrator();
})

// 错误反馈
this.startVibrator(2);

// 更新提示信息
this.message = $r('app.string.pattern_lock_message_2');

// Toast提示
promptAction.showToast({
    message: $r('app.string.pattern_lock_message_3'),
    duration: 1000
})

// 验证结果提示
this.patternLockController?.setChallengeResult(PatternLockChallengeResult.WRONG);

// 延时重置
setTimeout(() => {
    this.patternLockController?.reset();
}, 1000);

// 点连接即时反馈
.onDotConnect(() => {
    this.startVibrator();  // 立即振动
})

// 延时反馈处理
setTimeout(() => {
    this.patternLockController?.reset();
    this.message = $r('app.string.pattern_lock_message_1');
    promptAction.showToast({
        message: $r('app.string.pattern_lock_message_3'),
        duration: 1000
    })
}, 1000);

// 振动优化
private throttleVibration(count: number): void {
    if (Date.now() - this.lastVibrationTime > 100) {
        this.startVibrator(count);
        this.lastVibrationTime = Date.now();
    }
}

// 动画优化
.enableWaveEffect(true)
.renderMode(RenderMode.Hardware)