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

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

为了提高操作的便捷性、效率和灵活性,减少用户在不同功能之间切换的时间和步骤,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);
    }

了解更多详情>>

访问手写笔服务官网

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

相关推荐
Dxy12393102162 天前
DrissionPage使用js点击:突破常规交互限制的“隐形手”
开发语言·javascript·交互
放下华子我只抽RuiKe52 天前
机器学习核心算法全景指南
人工智能·python·深度学习·算法·机器学习·机器人·交互
一字白首2 天前
进阶实战:微信小程序路由、交互与生命周期全攻略DAY03
微信小程序·小程序·交互
UXbot2 天前
为什么 AI 正在重新定义 UI 设计工具的入门门槛
前端·人工智能·低代码·ui·交互·ai编程·ux
V搜xhliang02463 天前
医疗场景多模态交互
大数据·人工智能·机器人·交互·语音识别·xcode
梓贤Vigo3 天前
【Axure高保真原型】卡片和表格间切换
交互·产品经理·axure·原型·中继器
小龙报3 天前
【AI】高效交互的艺术:AI提示工程与大模型对话指南
人工智能·深度学习·神经网络·自然语言处理·chatgpt·交互·语音识别
梓贤Vigo4 天前
【Axure教程】拖动分组
交互·产品经理·axure·原型·教程
cy_cy0024 天前
当历史遇见光影:投影创新点亮文化艺术展览
科技·3d·人机交互·交互·软件构建
放下华子我只抽RuiKe54 天前
智聊机器人进阶:从 API 调试到全功能交互界面的完美落地
开发语言·人工智能·python·机器学习·分类·机器人·交互