选择控件的处理方法、装置、设备和存储介质与流程

本发明涉及计算机技术领域，尤其涉及一种选择控件的处理方法、装置、设备和存储介质。

背景技术

随着移动互联网的快速发展，移动端日渐成为人机交互的主要平台，使应用程序(application，app)开发的效率和稳定性显得尤为重要，为了让用户获得良好的体验，app运行的稳定性是首要保障。目前的app中涉及到选择控件时，当用户点击到某个位置后，通过位置确定选定某个选择控件，通过系统控制整个控件该选择控件凸显，或者通过带边框的图片来时间带边框的选择控件，在选中后突出显示整个图片。

然而，通过带边框图片来实现的方案虽然可行，但是由于两个选项中间会有线条重叠的问题，实现起来比较复杂，有很多相邻边界问题需要大量的逻辑判断，复杂度较高。

技术实现要素：

本发明提供一种选择控件的处理方法、装置、设备和存储介质，用于解决上述的通过图片实现控件的凸显的方式实现起来比较复杂，有很多相邻边界问题需要大量的逻辑判断，复杂度较高的问题。

本发明第一方面提供一种选择控件的处理方法，包括：

在检测到选定第一控件时，根据预先存储的控件与控件线条编码的对应关系，获取所述第一控件对应的每个线条的编码；

根据所述编码，对所述第一控件对应的每个线条进行选中处理显示。

可选的，所述方法还包括：

对应用程序app界面上设计的至少一个控件按照预设规则进行编码，并对所有控件的线条按照预设规律进行编码，获取控件与控件线条编码的对应关系；其中，不同控件之间重叠的线条只有一个编码。

可选的，所述app界面上设计控件为连续的长方形控件；

则所述对应用程序app界面上设计的至少一个控件按照预设规则进行编码，并对所有控件的线条按照预设规律进行编码，获取控件与控件线条编码的对应关系，包括：

采用自然数对所述至少一个控件按照顺序进行编码，得到每个控件的编码；

相邻控件的顶部横线从1开始，按照公差为3的等差数列逐渐变大进行编码，相邻控件的底边横线从2开始，按照公差为3的等差数列逐渐变大进行编码，相邻的竖线从0开始，按照公差为3的等差数列逐渐变大进行编码。

可选的，所述根据所述编码，对所述第一控件对应的每个线条进行选中处理显示，包括：

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条进行加粗处理并显示；

或者，

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换颜色并显示；

或者，

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换线形并显示。

本发明第二方面提供一种选择控件的处理装置，包括：处理模块，存储模块以及显示模块；

所述处理模块用于在检测到选定第一控件时，根据预先存储在所述存储模块的控件与控件线条编码的对应关系，获取所述第一控件对应的每个线条的编码；

所述处理模块还根据所述编码，对所述第一控件对应的每个线条进行选中处理并通过所述显示模块显示。

可选的，所述处理模块还用于：

对应用程序app界面上设计的至少一个控件按照预设规则进行编码，并对所有控件的线条按照预设规律进行编码，获取控件与控件线条编码的对应关系；其中，不同控件之间重叠的线条只有一个编码。

可选的，所述app界面上设计控件为连续的长方形控件；

则所述处理模块具体用于：

采用自然数对所述至少一个控件按照顺序进行编码，得到每个控件的编码；

相邻控件的顶部横线从1开始，按照公差为3的等差数列逐渐变大进行编码，相邻控件的底边横线从2开始，按照公差为3的等差数列逐渐变大进行编码，相邻的竖线从0开始，按照公差为3的等差数列逐渐变大进行编码。

可选的，所述处理模块具体用于：

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条进行加粗处理并通过所述显示模块显示；

或者，

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换颜色并通过所述显示模块显示；

或者，

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换线形并通过所述显示模块显示。

本发明第三方面提供一种终端设备，包括：处理器、存储器、显示器以及计算机程序；所述计算机程序存储在所述存储器中，所述处理器执行所述计算机程序实现第一方面任一项所述的选择控件的处理方法。

本发明第四方面提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，终端设备执行所述计算机程序第一方面任一项所述的选择控件的处理方法。

本发明实施例提供的选择控件的处理方法、装置、设备和存储介质，在检测到选定第一控件时，根据预先存储的控件与控件线条编码的对应关系，获取第一控件对应的每个线条的编码，根据编码，对第一控件对应的每个线条进行选中处理显示。通过对控件周围的线条进行编码，可通过简单的编码即可区分线条，在面对选择控件的实现方面有了更加高效方便的方法，有助于提高开发效率，降低实现的代码逻辑的复杂度，提高稳定性。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。

图1为本发明实施例提供的选择控件的处理方法实施例一的流程图；

图2为本发明实施例提供的一种界面上选择控件选中的设计示意图；

图3为本发明实施例提供的一种控件编码示意图；

图4为本发明实施例提供的一种控件编码编码顺序示意图；

图5为本发明实施例提供的一种界面上选择控件的设计示意图；

图6为本发明提供的控件选中编码示意图；

图7为本发明提供的控件选中效果示意图；

图8为本发明实施例提供的选择控件的处理装置实施例一的结构示意图图；

图9为本发明实施例提供的用户设备实施例的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

针对目前的控件通过系统实现方法、利用图片自定义等技术方案。系统实现方法的解决方案实现很方便，但是实现的效果不是很好，所以，这种方式基本很少使用。通过带边框图片来实现的方案虽然可行，但是由于两个选项中间会有线条重叠的问题，实现起来比较复杂，有很多相邻边界问题需要大量的逻辑判断，复杂度较高。

针对上述问题，本申请提供一种选择控件的处理方法，提供更有效更方便的选择控件的实现方案，提高开发效率。下面通过具体的实现方式对该方案进行介绍。

本申请提供的选择控件的处理方法可以应用在安装使用应用程序或者开发应用程序的电脑、pc手机等终端设备中，该终端设备至少包括：一个或多个处理器以及一个或多个存储器，还可以包括显示器、收发器、网络接口或者其他接口等，对此本方案不做限制。

下面通过几个具体实施方式，对本方案进行详细说明。

图1为本发明实施例提供的选择控件的处理方法实施例一的流程图，如图1所示，该选择控件的处理方法具体可在应用程序的服务端的用户设备或者在开发人员的电脑等用户设备中，还可以应用在用户端的手机、电脑等用户设备中进行执行，下面将该类设备统称为终端设备。该选择控件的处理方法具体包括以下步骤：

s101：在检测到选定第一控件时，根据预先存储的控件与控件线条编码的对应关系，获取第一控件对应的每个线条的编码。

在本步骤中，用户在对应用程序进行操作或者开发人员对应用程序进行调试的过程中，通过鼠标等外接设备或者是触摸显示屏幕对不同的控件进行点击选中，可以通过在显示屏幕上的位置等信息确定在操作界面中选中的控件是哪个，即可从操作界面中的多个控件中确定选定的是第一控件。

该方案的具体实现中，在对操作界面上的设计过程中，设置多个选择控件的同时对每个控件的线条进行编码，控件的线条指的是控件周围的直线或者曲线，每个控件可以对应一条或者多条线条，这里对不同的线条分别进行编码，确定对个控件对应的线条的编码并存储。在应用过程中，当确定了操作选定的第一控件之后，根据存储的线条编码和控件之间的对应关系，或者编码规则等确定该第一控件对应的每个线条的编码。

s102：根据编码，对第一控件对应的每个线条进行选中处理显示。

在本步骤中，在获取到选定的第一控件对应的每个线条的编码之后，根据该些线条的编码，对第一控件对应的每个线条进行选中操作，其含义是：根据每个线条的编码就可以对控件是否被选中进行选中处理显示，不需要通过复杂的系统方式实现，也不需要使用带边框图片来实现。

在本方案的一种具体实现中，对第一控件的每个线条进行选中处理显示至少包括以下几种实现方式：

第一种实现方式中，根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条进行加粗处理并显示。将选中的控件对应的线条加粗，该方案不需要复杂的算法，只需要根据确定的编码就可以确定是哪些线条需要进行凸显处理，可以将第一控件的每个线条进行加粗，以便用户可以在界面上直观的观察到已经选定了该第一控件。

第二种实现方式中，根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换颜色并显示。

凸显选中的第一控件的方式除了对第一控件的线条进行加粗，还可以进行颜色变换，将第一控件的线条颜色变换成与界面上其他的界面线条不同的颜色，以便用户可以在界面上直观的观察到已经选定了该第一控件。

第三种实现方式中，根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换线形并显示。

凸显选中的第一控件的方式除了对第一控件的线条进行加粗，还可以进行颜色变换，将第一控件的线条颜色变换成与界面上其他的界面线条不同的线形，例如变成曲线，虚线等，以便用户可以在界面上直观的观察到已经选定了该第一控件。

具体实现中，对于线条以何种方式进行突出显示，本方案不做限制，用户能够从上显示的控件中确定已经选中了第一控件即可。

本实施例提供的选择控件的处理方法，在确定了用户点击了某个第一控件时，根据预先对每个控件的周围的线条的编码，获取点击选中的第一控件的线条编码，根据该些线条的编码将这些线条进行突出显示，即选中处理显示，通过对控件周围的线条进行编码，可通过简单的编码即可区分线条，在面对选择控件的实现方面有了更加高效方便的方法，有助于提高开发效率，降低实现的代码逻辑的复杂度，提高稳定性。

在上述实施例一的基础上，在实现上述过程之前，在对应用程序进行界面设计的过程中，需要对界面上的控件按照一定的方式进行编码，并且对控件的线条进行编码，并记录控件与线条之间的对应关系，均可以通过编码之间的对应关系来实现，一种具体的实现方式中，对app界面上设计的至少一个控件按照预设规则进行编码，并对所有控件的线条按照预设规律进行编码，获取控件与控件线条编码的对应关系；其中，不同控件之间重叠的线条只有一个编码。

下面通过一个具体实例对该方案进行说明，图2为本发明实施例提供的一种界面上选择控件选中的设计示意图，图5为本发明实施例提供的一种界面上选择控件的设计示意图，如图2和图5所示，该界面上设计的控件为连续的长方形控件；即包括一段、二段、三段、四段、五段五个控件，其中第一控件被选中，即一段被选中，通过线条加粗的方式进行显示。在该效果之下，需要对图中这些控件进行编码，并对该些控件周围的线条进行编码。一种具体的编码方式为：

采用自然数对所述至少一个控件按照顺序进行编码，得到每个控件的编码，相邻控件的顶部横线从1开始，按照公差为3的等差数列逐渐变大进行编码，相邻控件的底边横线从2开始，按照公差为3的等差数列逐渐变大进行编码，相邻的竖线从0开始，按照公差为3的等差数列逐渐变大进行编码。

该方案的含义是，按照一定的算法规则对界面上的控件依次进行编码，这里的算法的基本依据就是针对每个线条做编码，根据这些编码的顺序寻找规律。图3为本发明实施例提供的一种控件编码示意图，图4为本发明实施例提供的一种控件编码编码顺序示意图，如图3和图4所示，首先控件的按照从左至右的方式进行编码，顺序依次为0，1，2，3，4。控件0周围的线条的编码从左起按照顺时针方向依次为0，1，3，2；控件1周围的线条的编码从左起按照顺时针方向依次为3，4，6，5；控件2周围的线条的编码从左起按照顺时针方向依次为6，7，9，8；控件3周围的线条的编码从左起按照顺时针方向依次为9，10，12，11；控件4周围的线条的编码从左起按照顺时针方向依次为12，13，15，14，按照该编码方式，控件0和1之间共用线条3，而该线条只有一个编号，同样的线条6、9、12均被不同的控件共用，也只有一个编码。图4中示出了控件的线条的编码顺序。

通过对控件的每个线条的编码，以及编码上的规律，可以总结出一下规则：选择控件(segment)的选项数量(item数量)为count，总的线条数量为：

线条总数＝(count*3)+1(线条总数＝选项数量乘以3再加1)；

注意：count必须大于1，如果count小于等于1，选择控件(segment)就不存在。

顶部的横线包含编码：1、4、7、10、13、……；

底边的横线包含编码：2、5、8、11、14、……；

竖线包含编码:0、3、6、9、12、……；

这三组线的编码都是公差为3的等差数列，那么得到一个公式：

编码用i来代替，

顶部横线的编码规律为：i％3＝1(i对3取余结果为1)；

底边横线的编码规律为：i％3＝2(i对3取余结果为2)；

竖线的编码规律为：i％3＝0(i对3取余结果为0)；

通过以上公式可以完成对所有线进行布局操作。根据之前得出的算法公式已经实现基本布局，布局结果如图4所示。

基本布局和编码都已经完成设计，在应用程序中的界面上显示的该些控件，用户可以根据自己的操作需要进行控件选择，图6为本发明提供的控件选中编码示意图，图7为本发明提供的控件选中效果示意图，如图6和图7所示，图中的两段控件被选中，即选中的控件的为控件1，其对应的线条的编码为3，4，6，5；对界面上该控件1对应的线条3，4，6，5进行选中处理后显示，图中是将线条的加粗，也可以将该线条变成其他颜色进行显示。在图6所示的方案的具体实现中，选中index为1的item，四条边的编码为3、4、5、6，即为[3，6]的一个闭区间。编码与item的index下标的关系是[(index)*3，(index+1)*3]的一个闭区间。

本发明实施例提出了一种通过算法对控件的线条进行编码的方式，解决选择控件(segment)实现的方案，使用该方案后，在面对选择控件(segment)的实现方面有了更加高效方便的方法，有助于提高开发效率，降低实现的代码逻辑的复杂度，提高稳定性。

图8为本发明实施例提供的选择控件的处理装置实施例一的结构示意图图；如图8所示，本实施例提供的选择控件的处理装置10包括：处理模块11，存储模块12以及显示模块13；

所述处理模块11用于在检测到选定第一控件时，根据预先存储在所述存储模块的控件与控件线条编码的对应关系，获取所述第一控件对应的每个线条的编码；

所述处理模块11还根据所述编码，对所述第一控件对应的每个线条进行选中处理并通过所述显示模块13显示。

本实施例提供的选择控件的处理装置，用于实现前述任一实施例提供的选择控件的处理方法，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，所述处理模块12还用于：

对应用程序app界面上设计的至少一个控件按照预设规则进行编码，并对所有控件的线条按照预设规律进行编码，获取控件与控件线条编码的对应关系；其中，不同控件之间重叠的线条只有一个编码。

可选的，所述app界面上设计控件为连续的长方形控件；

则所述处理模块12具体用于：

采用自然数对所述至少一个控件按照顺序进行编码，得到每个控件的编码；

相邻控件的顶部横线从1开始，按照公差为3的等差数列逐渐变大进行编码，相邻控件的底边横线从2开始，按照公差为3的等差数列逐渐变大进行编码，相邻的竖线从0开始，按照公差为3的等差数列逐渐变大进行编码。

可选的，所述处理模块12具体用于：

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条进行加粗处理并通过所述显示模块显示；

或者，

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换颜色并通过所述显示模块显示；

或者，

根据所述第一控件对应的每个线条的编码，将所述第一控件对应的每个线条变换线形并通过所述显示模块显示。

上述任一实施例提供的选择控件的处理装置，用于实现前述任一实施例提供的选择控件的处理方法，其实现原理和技术效果类似，在此不再赘述。

图9为本发明实施例提供的用户设备实施例的结构示意图。如图9所示，该用户设备包括：处理器、存储器、显示器以及计算机程序；所述计算机程序存储在所述存储器中，所述处理器执行所述计算机程序实现前述任一实施例提供的选择控件的处理方法。

本申请还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，终端设备执行所述计算机程序实现前述任一方法实施例提供的选择控件的处理方法。

在上述终端设备，应理解，处理器可以是中央处理单元(英文：centralprocessingunit，简称：cpu)，还可以是其他通用处理器、数字信号处理器(英文：digitalsignalprocessor，简称：dsp)、专用集成电路(英文：applicationspecificintegratedcircuit，简称：asic)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：只读存储器(英文：read-onlymemory，缩写：rom)、ram、快闪存储器、硬盘、固态硬盘、磁带(英文：magnetictape)、软盘(英文：floppydisk)、光盘(英文：opticaldisc)及其任意组合。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。