一种电子白板的直尺功能实现方法及系统技术方案

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

【技术实现步骤摘要】
一种电子白板的直尺功能实现方法及系统


[0001]本专利技术涉及电子白板直尺
，尤其涉及一种电子白板的直尺功能实现方法及系统。

技术介绍

[0002]当前电子白板技术在教学方面应用广泛，常常会涉及到需要直尺辅助教学，为满足日常的教学场景，需模拟实物的直尺来绘制直线，实现直尺功能。一般是在画布上直接绘制直尺的UI图片，然后处理同一层画布上的触摸事件，根据触摸点距离直尺两边线的距离，将触摸坐标转换为直尺边线上对应的点坐标，从而绘制处贴合直尺两边的直线。
[0003]现有的技术方案中，将直尺图片直接绘制在画布上，与笔迹图形在同一层，会增加画布刷新绘制的内容，同时，触摸事件放在同一层处理，计算量相较于分层处理会更大，会增加画布书写逻辑的判断计算量，一定程度上影响画布书写等性能，降低流畅性体验。

技术实现思路

[0004]本专利技术提供了一种电子白板的直尺功能实现方法及系统，实现分层处理触摸事件，减少画布书写逻辑的计算量，提高书写的流畅性。
[0005]为了解决上述技术问题，本专利技术实施例提供了一种电子白板的直尺功能实现方法及系统，包括：
[0006]根据加载的直尺UI图片，得到第一区域，将第一区域的纵向边线位置设置预设像素的透明边距，得到第二区域；
[0007]将第二区域添加到电子白板画布的父布局上；
[0008]监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺的功能；其中，触摸事件包括绘制直线、旋转、缩放、平移和删除。r/>[0009]实施本专利技术实施例，根据加载的直尺UI图片，得到第一区域，第一区域是直尺图片控件的直尺主体控件区域，在第一区域的纵向边线位置设置预设像素的透明边距，得到第二区域，第二区域是整体布局区域，其包含第一区域(直尺主体控件区域)和上下透明边距区域，添加透明边距，方便后续直接判断处理透明边距区域内的触摸事件转换为绘制直线的点坐标。将第二区域即直尺整体布局添加显示到电子白板书写画布的父布局上，可保持直尺在画布的父布局层以及显示在画布上方，避免将直尺图片直接绘制在画布上以及笔迹图形在同一层，减少画布刷新绘制的内容。监听第二区域(整体布局区域)的触摸事件，触摸事件包括绘制直线、旋转、缩放、平移和删除，并根据触摸事件和坐标数据，将第二区域(整体布局区域)进行触摸事件对应的功能操作，实现直尺功能，将触摸事件放在画布的父布局层处理，实现分层处理触摸事件，可减少部分的坐标计算处理逻辑，减少画布书写逻辑的计算量，提高书写的流畅性，实现方式更简便，用户体验流畅性更高。
[0010]作为优选方案，监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺功能，具体为：
[0011]当触摸事件为绘制直线时，监听第二区域中透明边距区域的当前触摸事件；其中，当前触摸事件包括上边区域触摸事件和下边区域触摸事件；
[0012]根据当前触摸事件和第二区域的坐标数据，将当前触摸事件的Y坐标数据赋值为第二区域的对应边线相对屏幕原点的Y坐标；
[0013]根据当前触摸事件和第二区域的当前坐标轴原点，计算绘制直线坐标数据；
[0014]根据绘制直线坐标数据，修改当前触摸事件的X坐标和Y坐标，获得修改后触摸事件；
[0015]根据修改后触摸事件，通过预设第一返回方式，将修改后触摸事件向下分发，并传递到电子白板画布上，使电子白板画布根据绘制直线坐标数据，绘制贴合直尺的直线，实现直尺的绘制直线功能。
[0016]实施本专利技术实施例，监听直尺上下两边的透明间距区域的触摸事件，并根据触摸事件和坐标数据，计算绘制直线坐标数据，并根据绘制直线坐标数据修改触摸事件，将修改后触摸事件向下分发，传递到画布上，实现分层处理触摸事件，完美对接了画布的触摸书写逻辑，可减少部分的坐标计算处理逻辑，实现书写绘制直线的效果，同时不会影响画布的刷新渲染性能。
[0017]作为优选方案，根据当前触摸事件和第二区域的当前坐标轴原点，计算绘制直线坐标数据，具体为：
[0018]根据第二区域的当前坐标轴原点，计算屏幕坐标位置；
[0019]根据屏幕坐标位置和当前触摸事件，计算对应边线坐标；其中，对应边线坐标包括上边线坐标和下边线坐标；
[0020]将当前坐标轴原点和对应边线坐标，通过矩阵变换的旋转，获得绘制直线坐标数据。
[0021]实施本专利技术实施例，虑直尺整体布局经过平移，缩放、旋转等操作，坐标轴原点也会发生同步变换，根据当前坐标轴原点重新计算转换为相对屏幕的绘制直线坐标数据，方便绘制出视觉上的直线位置。
[0022]作为优选方案，将第二区域添加显示到电子白板画布的父布局上之前，还包括：将功能按钮，加入第二区域的预设位置，其中，功能按钮包括旋转按钮和删除按钮。
[0023]实施本专利技术实施例，可根据用户需求在第二区域(整体布局区域)添加功能按钮，添加相应的功能。
[0024]作为优选方案，监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺功能，具体为：
[0025]当触摸事件为旋转时，监听旋转按钮的当前触摸事件；
[0026]根据第一区域的宽、高和左上角原点坐标位置，计算中心点；
[0027]通过三角函数计算当前触摸事件的坐标点与中心点的角度,获得旋转角度；
[0028]根据旋转角度，将第二区域进行旋转，实现直尺的旋转功能。
[0029]实施本专利技术实施例，根据坐标数据和当前触摸事件，计算出旋转角度，即手指触摸点与中心点的夹角，将第二区域(整体布局区域)进行旋转，保持直尺始终与触摸点在同一水平线上，实现跟随触摸点的旋转效果。
[0030]作为优选方案，监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸
事件对应的功能操作，实现直尺功能，具体为：
[0031]当触摸事件为缩放时，监听第二区域中第一区域的当前触摸事件；
[0032]通过预设第二返回方式，拦截消费当前触摸事件；
[0033]根据当前触摸事件的坐标数据，计算第一距离；
[0034]根据上一次触摸事件的坐标数据，计算第二距离；
[0035]根据第一距离和第二距离，计算手势移动产生的缩放比；
[0036]根据缩放比，修改第一区域的宽高参数，将第二区域进行缩放，实现直尺的缩放功能。
[0037]实施本专利技术实施例，根据手势移动产生的缩放比，修改第一区域(直尺主体控件区域)的宽高参数的方式，放大或缩小直尺的大小，此方法能保证直尺图片的分辨率不会失真模糊。
[0038]作为优选方案，监听第二区域的触摸事件，并根据触摸事件和坐标数据，进行触摸事件对应的功能操作，实现直尺功能，具体为：
[0039]当触摸事件为平移时，监听第二区域中第一区域的当前触摸事件；
[0040]通过预设第三返回方式，拦截消费当前触摸事件；
[0041]根据上一次触摸事件的坐标数据本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种电子白板的直尺功能实现方法，其特征在于，包括：根据加载的直尺UI图片，得到第一区域，将所述第一区域的纵向边线位置设置预设像素的透明边距，得到第二区域；将所述第二区域添加到电子白板画布的父布局上；监听所述第二区域的触摸事件，并根据所述触摸事件和坐标数据，进行所述触摸事件对应的功能操作，实现直尺的功能；其中，所述触摸事件包括绘制直线、旋转、缩放、平移和删除。2.如权利要求1所述的电子白板的直尺功能实现方法，其特征在于，所述监听所述第二区域的触摸事件，并根据所述触摸事件和坐标数据，进行所述触摸事件对应的功能操作，实现直尺功能，具体为：当所述触摸事件为所述绘制直线时，监听所述第二区域中透明边距区域的当前触摸事件；其中，所述当前触摸事件包括上边区域触摸事件和下边区域触摸事件；根据所述当前触摸事件和所述第二区域的坐标数据，将所述当前触摸事件的Y坐标数据赋值为所述第二区域的对应边线相对屏幕原点的Y坐标；根据所述当前触摸事件和所述第二区域的当前坐标轴原点，计算绘制直线坐标数据；根据所述绘制直线坐标数据，修改所述当前触摸事件的X坐标和Y坐标，获得修改后触摸事件；根据所述修改后触摸事件，通过预设第一返回方式，将所述修改后触摸事件向下分发，并传递到所述电子白板画布上，使所述电子白板画布根据所述绘制直线坐标数据，绘制贴合所述直尺的直线，实现所述直尺的绘制直线功能。3.如权利要求2所述的电子白板的直尺功能实现方法，其特征在于，所述根据所述当前触摸事件和所述第二区域的当前坐标轴原点，计算绘制直线坐标数据，具体为：根据所述第二区域的当前坐标轴原点，计算屏幕坐标位置；根据所述屏幕坐标位置和所述当前触摸事件，计算对应边线坐标；其中，所述对应边线坐标包括上边线坐标和下边线坐标；将所述当前坐标轴原点和所述对应边线坐标，通过矩阵变换的旋转，获得所述绘制直线坐标数据。4.如权利要求1所述的电子白板的直尺功能实现方法，其特征在于，所述将所述第二区域添加显示到电子白板画布的父布局上之前，还包括：将功能按钮，加入所述第二区域的预设位置，其中，所述功能按钮包括旋转按钮和删除按钮。5.如权利要求4所述的电子白板的直尺功能实现方法，其特征在于，所述监听所述第二区域的触摸事件，并根据所述触摸事件和坐标数据，进行所述触摸事件对应的功能操作，实现直尺功能，具体为：当所述触摸事件为所述旋转时，监听所述旋转按钮的当前触摸事件；根据所述第一区域的宽、高和左上角原点坐标位置，计算中心点；通过三角函数计算所述当前触摸事件的坐标点与所述中心点...

【专利技术属性】
技术研发人员：黄培，颜专，
申请(专利权)人：长沙朗源电子科技有限公司，
类型：发明
国别省市：