接入报点预测功能,可以优化应用中手写效果的绘制跟手性,提升应用中手写笔书写场景的跟手体验。
场景介绍
在应用的自定义界面中,获取到界面的触摸事件,通过调用报点预测的接口,可以得到预测的下一个报点的位置信息。
接口说明
类名 | 接口名 | 描述 |
---|---|---|
[PointPredictor] | [getPredictionPoint] (event: [TouchEvent]): [TouchPoint] | 获取预测点 |
开发步骤
1.导入相关模块。
import { PointPredictor } from '@kit.Penkit';
2.获取当前页面的触摸事件信息,调用接口计算预测点信息。
@Component
struct PointPredictorDemo {
pointPredictor: PointPredictor = new PointPredictor();
aboutToAppear() {
console.info('getPredictionPoint aboutToAppear')
}
aboutToDisappear(){
console.info('getPredictionPoint aboutToDisappear')
}
build() {
Stack({ alignContent: Alignment.TopEnd }) {
this.Canvas() // 画布
}.height('100%').width('100%')
}
// 画布
@Builder Canvas() {
Stack()
.width('100%')
.height('100%')
.onTouch((event: TouchEvent) => {
switch (event.type) {
case TouchType.Down: // 按下时,新建一条画图路径
break;
case TouchType.Move: // 使用预测算法进行预测,获得预测点
let predictorPoint = this.pointPredictor?.getPredictionPoint(event)
break;
case TouchType.Up:
break;
}
})
}
}