双击轻捏,手写笔交互丝滑切换

在移动办公与数字创作日益普及的今天,手写笔已成为提升平板、手机等设备生产力的关键工具。然而,传统手写场景中,用户常因操作复杂(如频繁切换工具)、跨设备体验割裂等问题导致效率低下,而开发者则面临手势识别算法自研成本高、多端适配复杂等痛点。

为了提高操作的便捷性、效率和灵活性,减少用户在不同功能之间切换的时间和步骤,HarmonyOS SDK 手写笔服务(Pen Kit)新增了手写交互功能,支持第三方应用接入双击/轻捏功能。用户无需进入菜单或工具栏进行选择,只需简单操作即可切换工具,大大提高了工作效率。

应用场景

在教育领域,教师可通过双击切换板书工具或调出公式库,提升教学流畅性;办公场景中,用户通过双击撤销笔迹或轻捏调出快捷菜单,实现高效会议速记;创意设计中,双击切换笔刷、轻捏缩放画布等功能显著优化绘画与UI原型绘制效率;游戏场景中,轻敲笔身可提交指令或触发游戏内功能,增强沉浸感。

接入手写交互功能,对于需要接入支持双击/轻捏功能的手写笔的第三方应用,可以通过调用下面相应接口来监听手写笔双击/轻捏事件,从而触发自身应用内部回调,来执行指定操作。

  • 监听手写笔轻捏事件: 开发者可以通过调用stylusInteraction.on('squeeze', receiver)接口来监听手写笔的轻捏事件。一旦检测到该事件,开发者可以触发相应的回调函数,执行特定的操作。例如,在绘图应用中,轻捏可以用来调整画笔粗细或颜色。

  • 取消监听手写笔轻捏事件: 如果不再需要监听轻捏事件,开发者可以使用stylusInteraction.off('squeeze', receiver)来取消监听。这有助于优化应用性能,减少不必要的资源消耗。

  • 监听手写笔双击事件: 类似地,通过调用stylusInteraction.on('doubleTap', receiver)接口,开发者可以监听手写笔的双击事件。这一功能特别适用于快速启动某些快捷操作,如打开工具栏或切换模式。

  • 取消监听手写笔双击事件: 使用stylusInteraction.off('doubleTap', receiver)接口,开发者可以在不需要时取消对双击事件的监听,确保应用运行更加流畅高效。

开发步骤

手写笔轻捏事件
  1. 导入相关模块。

    import { stylusInteraction} from '@kit.Penkit';
    import { BusinessError } from '@kit.BasicServicesKit';

  2. 监听手写笔轻捏事件。

    try {
    stylusInteraction.on('squeeze', (event: stylusInteraction.SqueezeEvent) => {
    console.info(got squeeze event, time: ${event.timestamp});
    });
    } catch (err) {
    console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
    }

  3. 取消监听手写笔轻捏事件。

    try {
    stylusInteraction.off('squeeze', (event: stylusInteraction.SqueezeEvent) => {
    console.info(off squeeze event, time: ${event.timestamp});
    });
    } catch (err) {
    console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
    }

手写笔双击事件
  1. 导入相关模块。

    import { stylusInteraction} from '@kit.Penkit';
    import { BusinessError } from '@kit.BasicServicesKit';

  2. 监听手写笔双击事件。

    try {
    stylusInteraction.on('doubleTap', (event: stylusInteraction.DoubleTapEvent) => {
    console.info(got doubleTap event, time: ${event.timestamp});
    });
    } catch (err) {
    console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
    }

  3. 取消监听手写笔双击事件。

    try {
    stylusInteraction.off('doubleTap', (event: stylusInteraction.DoubleTapEvent) => {
    console.info(off doubleTap event, time: ${event.timestamp});
    });
    } catch (err) {
    console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
    }

了解更多详情>>

访问手写笔服务官网

获取接入手写交互开发指导文档

相关推荐
国服第二切图仔1 天前
3 分钟快速实战:基于魔珐星云 SDK 搭建低延迟可交互 AI 数字人
人工智能·交互·数字人·魔珐星云
Lanren的编程日记1 天前
Flutter 鸿蒙应用手势导航系统实战:自定义手势识别+手势导航+冲突处理,打造流畅交互体验
flutter·交互·harmonyos
qq_411262421 天前
四博 AI 双目方案技术拆解:用 ESP32-S3 做一个有眼神、有触感、有姿态感知的 AI 交互终端
人工智能·交互
xcLeigh1 天前
当 AI Agent 拥有具身交互:魔珐星云重构 AI 客服,实现真人级自然交互
人工智能·重构·交互
唯创知音1 天前
一文读懂手势识别传感器:原理、优势与应用场景
人机交互·智能家居·交互·手势传感器·手势传感模块
jiejiejiejie_2 天前
Flutter for OpenHarmony 底部导航栏交互优化实战
flutter·华为·交互·harmonyos
liulian09162 天前
【Flutter for OpenHarmony第三方库】Flutter for OpenHarmony 底部导航栏交互设计与性能优化实践
flutter·华为·交互·学习方法·harmonyos
德宏大魔王(AI自动回关)3 天前
3分钟实战,用魔珐星云SDK构建你的可交互AI数字人
人工智能·交互·数字人·魔珐星云
咸鱼翻身小阿橙3 天前
C++ 与 QML 交互入门笔记
c++·笔记·交互