一种图层的选择方法、系统及计算机存储介质技术方案

本发明专利技术提供了一种图层的选择方法、系统及计算机存储介质，涉及计算机应用技术领域，所述方法包括根据用户在浏览器页面中的鼠标点击坐标，并获取覆盖所述鼠标点击坐标位置的图层，判断图层的数量是否为多个，若是，则生成一个图层面板，该图层面板包含所述多个图层的图层名称，这样用户就可以基于这个图层面板选择自己所要选择图层对应的图层名称即可，系统就可以将用户选择的目标图层名称对应的图层选中。通过本发明专利技术可以有效减少用户针对重叠图层选择的操作步骤，节省用户的时间，从而极大的提高用户的设计工作效率。

A method, system and computer storage medium of layer selection

The invention provides a layer selection method, system and computer storage medium, which relates to the field of computer application technology. The method comprises: according to the mouse click coordinate of the user in the browser page, obtaining the layer covering the mouse click coordinate position, judging whether the number of layers is multiple, if so, generating a layer panel, the layer panel comprises The layer names of the multiple layers can be selected based on the layer panel. The system can select the layer corresponding to the target layer name. The invention can effectively reduce the user's operation steps for selecting overlapping layers, save the user's time, and greatly improve the user's design work efficiency.

【技术实现步骤摘要】
一种图层的选择方法、系统及计算机存储介质
本专利技术涉及计算机应用
，尤其涉及一种图层的选择方法、系统及计算机存储介质。
技术介绍
随着越来越多的软件以提高用户的交互感受为竞争手段，因此UI设计(指对软件的人机交互、操作逻辑、界面美观的整体设计，即用户界面设计)对于提高软件的市场竞争力显得尤为重要，完美的设计交付必然是软件产品迈向成功的一个里程碑。然而在实际的工作中，设计工具中的设计稿在网页显示时，可能在某一点存在多个重叠的图层，通常默认只能选中最上面的图层，若用户所需要选择的目标图层并非最上面的图层，则用户需要不断切换选中的图层，从而增加用户的操作步骤，浪费用户的时间，从而降低用户的设计工作的效率。
技术实现思路
本专利技术实施例提供一种图层的选择方法、系统及计算机存储介质，主要旨在解决现有技术中由于用户在面对多个重叠图层选择时，需要不断切换才能选中目标图层，而导致增加用户的操作步骤，浪费用户的时间，降低用户的设计工作的效率的技术问题。通过本专利技术实施例使用户能够快速且准确地选中自己所需要的目标图层，提高设计工作的效率。第一方面，本专利技术实施例提供了一种图层的选择方法，所述方法具体包括：根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标位置的图层的数量N，N为自然数；若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称；响应于用户根据所述图层面板选择的目标图层名称，则将所述目标图层名称对应的目标图层选中。优选的，所述根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标的图层的数量N，N为自然数，具体包括：获取用户在浏览器页面中的鼠标点击坐标；计算所述鼠标点击坐标对应于预设的标准平面直角坐标系中的目标位置坐标；将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配；将匹配成功的N个图层数据生成一个图层数据数组，N为自然数，每个图层数据为所述图层数据数组中的一个元素；统计所述图层数据数组的元素个数N。优选的，所述将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配，具体包括：每个所述图层数据均包括图层位置信息和图层名称，所述图层位置信息为图层数据信息库中的每个图层在预设的标准平面直角坐标系中的坐标函数，将所述目标位置坐标分别与图层数据信息库中的每个图层数据包含的坐标函数进行解析，若所述目标位置坐标满足图层数据信息库中的图层数据包含的坐标函数，则所述目标位置坐标与图层数据信息库中的图层数据匹配成功，否则匹配失败。优选的，所述若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称，具体包括：若N≥2时，则提取所述匹配成功的N个图层数据中包含的N个图层名称；基于所述N个图层名称生成一个图层面板，所述图层面板包含所述N个图层名称，每个图层名称对应一个图层。优选的，所述响应于用户根据所述图层面板选择目标图层名称，则将所述目标图层名称对应的目标图层选中，之前还包括：检测用户在浏览器页面中的鼠标指针；当所述鼠标指针移动至所述图层面板的第一图层名称对应的选框范围内时，突出显示所述第一图层名称对应的图层，所述第一图层名称为所述N个图层名称中的任意一个。优选的，所述若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称，每个图层名称对应一个图层,之后还包括：接收用户将所述图层面板拖动至浏览器页面的目标位置处的确定信息；以及，响应于用户发送的针对所述图层面板的锁定请求，将所述图层面板固定在浏览器页面的目标位置。优选的，所述图层的选择方法还包括：若N＝1时，则将覆盖所述鼠标点击坐标的图层选中；或者，若N＝0时，则继续执行根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标的图层的数量N，N为自然数。第二方面，本专利技术提供了一种图层的选择系统，所述系统包括：获取模块，用于根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标位置的图层的数量N，N为自然数；生成模块，用于若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称；图层选择模块，用于响应于用户根据所述图层面板选择的目标图层名称，则将所述目标图层名称对应的目标图层选中。优选的，所述获取模块，具体包括：获取单元，用于获取用户在浏览器页面中的鼠标点击坐标；计算单元，用于计算所述鼠标点击坐标对应于预设的标准平面直角坐标系中的目标位置坐标；匹配单元，用于将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配；生成单元，用于将匹配成功的N个图层数据生成一个图层数据数组，N为自然数，每个图层数据为所述图层数据数组中的一个元素；统计单元，用于统计所述图层数据数组的元素个数N。优选的，所述匹配单元，具体包括:解析子单元，每个所述图层数据均包括图层位置信息和图层名称，所述图层位置信息为图层数据信息库中的每个图层在预设的标准平面直角坐标系中的坐标函数，所述解析子单元用于将所述目标位置坐标分别与图层数据信息库中的每个图层数据包含的坐标函数进行解析；确定子单元，用于若所述目标位置坐标满足图层数据信息库中的图层数据包含的坐标函数，则确定所述目标位置坐标与图层数据信息库中的图层数据匹配成功，否则确定所述目标位置坐标与图层数据信息库中的图层数据匹配失败。优选的，生成模块，具体包括：提取单元，用于若N≥2时，则提取所述匹配成功的N个图层数据中包含的N个图层名称；图层面板生成单元，用于基于所述N个图层名称生成一个图层面板，所述图层面板包含所述N个图层名称，每个图层名称对应一个图层。优选的，所述图层的选择系统还包括：检测模块，用于检测用户在浏览器页面中的鼠标指针；显示模块，用于当所述鼠标指针移动至所述图层面板的第一图层名称对应的选框范围内时，突出显示所述第一图层名称对应的图层，所述第一图层名称为所述N个图层名称中的任意一个。优选的，所述图层的选择系统还包括：接收模块，用于接收用户将所述图层面板拖动至浏览器页面的目标位置处的确定信息，所述目标位置为浏览器页面中的任意位置；锁定模块，用于响应于用户发送的针对所述图层面板的锁定请求，所述锁定请求包括所述目标位置，将所述图层面板固定在浏览器页面的所述目标位置。优选的，所述图层选择模块还用于若N＝1时，则将覆盖所述鼠标点击坐标的图层选中；或者，若N＝0时，则触发所述获取模块执行步骤：根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标的图层的数量N，N为自然数。第三方面，本专利技术还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述方法实施例中记载的任何一种图层的选择方法的部分或全部步骤。有益效果本文档来自技高网...

【技术保护点】
1.一种图层的选择方法，其特征在于，所述方法包括：/n根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标位置的图层的数量N，N为自然数；/n若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称，每个图层名称对应一个图层；/n响应于用户根据所述图层面板选择的目标图层名称，则将所述目标图层名称对应的目标图层选中。/n

【技术特征摘要】
1.一种图层的选择方法，其特征在于，所述方法包括：
根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标位置的图层的数量N，N为自然数；
若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称，每个图层名称对应一个图层；
响应于用户根据所述图层面板选择的目标图层名称，则将所述目标图层名称对应的目标图层选中。


2.根据权利要求1所述的图层的选择方法，其特征在于，所述根据用户在浏览器页面中的鼠标点击坐标，获取覆盖所述鼠标点击坐标的图层的数量N，N为自然数，具体包括：
获取用户在浏览器页面中的鼠标点击坐标；
计算所述鼠标点击坐标对应于预设的标准平面直角坐标系中的目标位置坐标；
将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配；
将匹配成功的N个图层数据生成一个图层数据数组，N为自然数，每个图层数据为所述图层数据数组中的一个元素；
统计所述图层数据数组的元素个数N。


3.根据权利要求2所述的图层的选择方法，其特征在于，所述将所述目标位置坐标分别与图层数据信息库中的每个图层数据进行匹配，具体包括：
每个所述图层数据均包括图层位置信息和图层名称，所述图层位置信息包括图层数据信息库中的每个图层在预设的标准平面直角坐标系中的坐标函数，将所述目标位置坐标分别与图层数据信息库中的每个图层数据包含的坐标函数进行解析，若所述目标位置坐标满足图层数据信息库中的图层数据包含的坐标函数，则所述目标位置坐标与图层数据信息库中的图层数据匹配成功，否则匹配失败。


4.根据权利要求3所述的图层的选择方法，其特征在于，所述若N≥2时，则生成一个图层面板，所述图层面板包含所述N个图层的图层名称，具体包括：
若N≥2时，则提取所述匹配成功的N个图层数据中包含的N个图层名称；
基于所述N个图层名称生成一个图层面板，所述图层面板包含所述N个图层名称，每个图层名称对应一个图层。


5.根据权利要求1-4任一项所述的图层的选择方法，其特征在于，所述响应于用户根据所述图层面板选择目标图层名称，则将所述目标图层名称对应的目标图层选中，之前还包括：
检测用户在浏...

【专利技术属性】
技术研发人员：刘松，杨思柏，孟小江，
申请(专利权)人：成都摹客科技有限公司，
类型：发明
国别省市：四川;51