[发明专利]一种电子白板的直尺功能实现方法及系统

说明书

本发明公开了一种电子白板的直尺功能实现方法，方法包括根据加载的直尺UI图片，得到第一区域，将第一区域的纵向边线位置设置预设像素的透明边距，得到第二区域；将功能按钮，加入第二区域的预设位置，其中，功能按钮包括旋转按钮和删除按钮；将第二区域添加到电子白板画布的父布局上；监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺的功能；其中，触摸事件包括绘制直线、旋转、缩放、平移和删除。本实施例实现了分层处理触摸事件，减少画布书写逻辑的计算量，提高书写的流畅性。

技术领域

本发明涉及电子白板直尺技术领域，尤其涉及一种电子白板的直尺功能实现方法及系统。

背景技术

当前电子白板技术在教学方面应用广泛，常常会涉及到需要直尺辅助教学，为满足日常的教学场景，需模拟实物的直尺来绘制直线，实现直尺功能。一般是在画布上直接绘制直尺的UI图片，然后处理同一层画布上的触摸事件，根据触摸点距离直尺两边线的距离，将触摸坐标转换为直尺边线上对应的点坐标，从而绘制处贴合直尺两边的直线。

现有的技术方案中，将直尺图片直接绘制在画布上，与笔迹图形在同一层，会增加画布刷新绘制的内容，同时，触摸事件放在同一层处理，计算量相较于分层处理会更大，会增加画布书写逻辑的判断计算量，一定程度上影响画布书写等性能，降低流畅性体验。

发明内容

本发明提供了一种电子白板的直尺功能实现方法及系统，实现分层处理触摸事件，减少画布书写逻辑的计算量，提高书写的流畅性。

为了解决上述技术问题，本发明实施例提供了一种电子白板的直尺功能实现方法及系统，包括：

根据加载的直尺UI图片，得到第一区域，将第一区域的纵向边线位置设置预设像素的透明边距，得到第二区域；

将第二区域添加到电子白板画布的父布局上；

监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺的功能；其中，触摸事件包括绘制直线、旋转、缩放、平移和删除。

实施本发明实施例，根据加载的直尺UI图片，得到第一区域，第一区域是直尺图片控件的直尺主体控件区域，在第一区域的纵向边线位置设置预设像素的透明边距，得到第二区域，第二区域是整体布局区域，其包含第一区域(直尺主体控件区域)和上下透明边距区域，添加透明边距，方便后续直接判断处理透明边距区域内的触摸事件转换为绘制直线的点坐标。将第二区域即直尺整体布局添加显示到电子白板书写画布的父布局上，可保持直尺在画布的父布局层以及显示在画布上方，避免将直尺图片直接绘制在画布上以及笔迹图形在同一层，减少画布刷新绘制的内容。监听第二区域(整体布局区域)的触摸事件，触摸事件包括绘制直线、旋转、缩放、平移和删除，并根据触摸事件和坐标数据，将第二区域(整体布局区域)进行触摸事件对应的功能操作，实现直尺功能，将触摸事件放在画布的父布局层处理，实现分层处理触摸事件，可减少部分的坐标计算处理逻辑，减少画布书写逻辑的计算量，提高书写的流畅性，实现方式更简便，用户体验流畅性更高。

作为优选方案，监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺功能，具体为：

当触摸事件为绘制直线时，监听第二区域中透明边距区域的当前触摸事件；其中，当前触摸事件包括上边区域触摸事件和下边区域触摸事件；

根据当前触摸事件和第二区域的坐标数据，将当前触摸事件的Y坐标数据赋值为第二区域的对应边线相对屏幕原点的Y坐标；

根据当前触摸事件和第二区域的当前坐标轴原点，计算绘制直线坐标数据；

根据绘制直线坐标数据，修改当前触摸事件的X坐标和Y坐标，获得修改后触摸事件；