[发明专利]一种呈现引导蒙版的方法和装置以及电子设备和存储介质

权利要求书

1.一种呈现引导蒙版的方法，其特征在于，包括：

对于在应用程序的指定页面中要展示蒙版图的一个或多个页面元素，获取所述页面元素的尺寸以及在所述页面中的位置；

创建与所述页面的尺寸一致的纯透明色蒙版组件，将一个或多个蒙版图片布局在该纯透明色蒙版组件中；

调用编辑接口，对布局在该纯透明色蒙版组件中的蒙版图片进行编辑处理，使所述应用程序呈现所述指定页面的情况下，弹出所述蒙版图片。

2.根据权利要求1所述的呈现引导蒙版的方法，其特征在于，所述获取所述页面元素的尺寸以及在所述页面中的位置，包括：

将保存的蒙版配置信息转换为多个蒙版类，并且形成多个页面元素与所述一个或多个蒙版类一一映射的映射关系表；所述蒙版类中包含蒙版图片或蒙版图片的网络地址，并且包含蒙版图片在所述页面中的布局位置；

根据所述映射关系表确定所述页面中要展示蒙版图的页面元素所对应的蒙版类，按照该蒙版类获取所述蒙版图片以及确定所述蒙版图片在所述纯透明色蒙版组件中的布局位置。

3.根据权利要求2所述的呈现引导蒙版的方法，其特征在于，

所述蒙版类中还包含蒙版图所引导的页面元素的标识；

所述蒙版图片中包含箭头；

将一个或多个蒙版图片布局在该纯透明色蒙版组件中的步骤包括：将蒙版图片设置在所述纯透明色蒙版组件中，并且使所述蒙版图片中的箭头指向具有所述标识的页面元素。

4.根据权利要求1所述的呈现引导蒙版的方法，其特征在于，所述将一个或多个蒙版图片布局在该纯透明色蒙版组件中，包括：

基于widget中GlobalKey实例获取准确坐标，转换成实际像素值，通过传参方式，控制需要绘制透明引导区域范围，控制引导信息提示位置。

5.根据权利要求4所述的呈现引导蒙版的方法，其特征在于，所述对布局在该纯透明色蒙版组件中的蒙版图片进行编辑处理，包括：

结合获取到的坐标值，同时设置当前功能引导区域范围,使用canvas画布，Paint画笔以及三阶贝塞尔曲线cubicTo进行绘制所需图形。

6.根据权利要求1所述的呈现引导蒙版的方法，其特征在于，所述对布局在该纯透明色蒙版组件中的蒙版图片进行编辑处理，还包括：

通过传参的方式动态设置提示内容，增加下一步或者取消操作按钮，所述下一步操作按钮用于切换当前引导蒙版功能，所述取消操作按钮用于结束当前引导蒙版功能。

7.根据权利要求6所述的呈现引导蒙版的方法，其特征在于，所述方法，包括：

使用router方式，在所需页面init时进行，路由蒙版页面实现蒙版遮罩基础功能。

8.一种呈现引导蒙版的装置，其特征在于，包括：

前端解析模块，用于对于在应用程序的指定页面中要展示蒙版图的一个或多个页面元素，获取所述页面元素的尺寸以及在所述页面中的位置；

前端展示模块，用于创建与所述页面的尺寸一致的纯透明色蒙版组件，将一个或多个蒙版图片布局在该纯透明色蒙版组件中；调用编辑接口，对布局在该纯透明色蒙版组件中的蒙版图片进行编辑处理，使所述应用程序呈现所述指定页面的情况下，弹出所述蒙版图片。

9.一种电子设备，其特征在于，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7中任一项所述的方法。

10.一种非暂态计算机可读存储介质，其特征在于，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行权利要求1-7中任一项所述的方法。