[发明专利]一种基于图片像素围栏的点击交互方法和装置在审

专利信息
申请号: 202110740452.3 申请日: 2021-06-30
公开(公告)号: CN113448573A 公开(公告)日: 2021-09-28
发明(设计)人: 林锐翰 申请(专利权)人: 中国建设银行股份有限公司
主分类号: G06F8/36 分类号: G06F8/36;G06F8/38
代理公司: 中原信达知识产权代理有限责任公司 11219 代理人: 郝红玉;冯培培
地址: 100033 *** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 基于 图片 像素 围栏 点击 交互 方法 装置
【权利要求书】:

1.一种基于图片像素围栏的点击交互方法,其特征在于,包括:

响应于对前端界面中任一位置的点击操作,采集屏幕点击坐标,将所述屏幕点击坐标转换为像素点坐标;

判断所述像素点坐标是否落入任一可交互区域的围栏内;其中,前端界面与页面图对应,页面图由可交互区域和非交互区域组成;

若落入,则获取所落入围栏内的交互事件并执行,否则不进行交互操作。

2.根据权利要求1所述的方法,其特征在于,在所述响应于对前端界面中任一位置的点击操作之前,还包括:

对所述页面图、图片框架、配置的交互事件的代码进行编译,得到可执行文件,并输出可交互的前端界面进行显示;其中,所述可执行文件包括所述可交互的前端界面。

3.根据权利要求2所述的方法,其特征在于,在所述对所述页面图、图片框架、配置的交互事件的代码进行编译之前,还包括:

确定所述页面图中标注的交互区域;其中,交互区域的边界通过预设颜色值描绘,预设颜色值与交互区域存在映射关系;

接收对不同预设颜色值的交互区域配置不同交互事件的操作。

4.根据权利要求3所述的方法,其特征在于,颜色值包括像素透明度;

所述确定所述页面图中标注的交互区域,包括:

获取源页面图,确定所述源页面图中的交互区域,对于任一交互区域,使用预设像素透明度修改所述任一交互区域的边界,得到所述页面图。

5.根据权利要求4所述的方法,其特征在于,在所述判断所述像素点坐标是否落入任一可交互区域的围栏内之前,还包括:

根据描绘每个交互区域使用的像素透明度,在所述页面图中生成与交互区域数量对应的围栏,以将所述页面图中的像素点划分到不同围栏内。

6.根据权利要求5所述的方法,其特征在于,所述将所述页面图中的像素点划分到不同围栏内,包括:

获取所述页面图内的像素点组成的集合,根据不同像素透明度,将不同像素点划分到不同围栏内;

对于任一围栏,以所述任一围栏中的任一个点为起点,从所述任一围栏的像素点集合中,查找所述起点的相邻点,重复上述操作,依次查找每个点的相邻点,直至查找到最后一个点为止;

判断所述起点和所述最后一个点是否相邻,若相邻,则确定所述任一围栏为闭合围栏,按照所述起点到所述最后一个点的顺序,输出所述任一围栏排序后的像素点集合,否则确定所述任一围栏为非闭合围栏,显示提示信息。

7.根据权利要求6所述的方法,其特征在于,所述查找所述起点的相邻点,包括:

所述起点和所述起点的相邻点,在横轴方向上坐标值的差值小于或等于第一预设数值,以及在纵轴方向坐标值的差值小于或等于第二预设数值。

8.根据权利要求7所述的方法,其特征在于,所述第一预设数值与所述第二预设数值相等。

9.根据权利要求6所述的方法,其特征在于,在所述显示提示信息之后,还包括:

接收对所述页面图的修改操作,以对所述任一围栏进行修改,之后重新对修改的所述任一围栏进行像素点判断。

10.根据权利要求1所述的方法,其特征在于,所述判断所述像素点坐标是否落入任一可交互区域的围栏内,包括:

从任一围栏的像素点集合中,选取相邻的第一点和第二点,连接所述第一点和所述第二点,得到一个线段;

以所述像素点坐标为起点,沿横轴方向生成一个直线,计算所述直线与所述线段的交点;

统计交点个数,若所述交点个数为奇数,则确定所述像素点坐标位于所述任一闭合围栏的内部,否则位于外部。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国建设银行股份有限公司,未经中国建设银行股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110740452.3/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top