CN109407955B - 用户界面交互方法、计算机装置、计算机可读存储介质 - Google Patents

Abstract

本发明公开一种用户界面交互方法、计算机装置及计算机可读存储介质，该方法包括建立用户界面上的对话框与锚点的位置关系；接收在用户界面上形成的点击操作，检测点击操作在用户界面上的位置，判断点击操作的位置与用户界面的横向边缘的距离是否大于对话框的宽度，并且判断点击操作的位置与用户界面的纵向边缘的距离是否大于对话框的长度；根据判断结果在用户界面上生成锚点，并根据锚点的位置在用户界面上生成对话框。本发明还提供实现上述方法的计算机装置以及计算机可读存储介质。本发明能够在用户界面上点击操作位置的附近生成对话框，从而方便用户通过对话框与用户界面进行交互。

Description

用户界面交互方法、计算机装置、计算机可读存储介质

技术领域

本发明涉及人机交互领域，具体地说，是涉及一种用户界面交互方法、计算机装置以及计算机可读存储介质。

背景技术

现有技术中，用户通过可触控设备的显示屏上所显示的用户界面与可触控设备，例如电脑、手机等进行交互，通常的交互过程是可触控设备通过用户界面生成对话框后，用户再通过点击对话框上的按键等方式完成与可触控设备之间的交互。由于现有的用户界面生成对话框的位置都是在固定的位置，例如用户界面的中心点，再加上大型的可触控设备例如查询机等的用户界面尺寸较大，这样导致了用户在一些尺寸比较大的用户界面上进行交互过程中，用户需要大幅度的挪动手臂等方式才能对用户界面上生成的固定位置的对话框进行点击操作，这样对用户来说与可触控设备之间的交互并不友好。

发明内容

本发明的第一目的是提供一种能够在用户界面上点击操作位置的附近生成对话框的用户界面交互方法。

本发明的第二目的是提供一种能够实现上述用户界面交互方法的计算机装置。

本发明的第三目的是提供一种能够实现上述用户界面交互方法的可读存储介质。

为了实现上述的第一目的，本发明提供的用户界面交互方法包括建立用户界面上的对话框与锚点的位置关系；接收在用户界面上形成的点击操作，检测点击操作在用户界面上的位置，判断点击操作的位置与用户界面的横向边缘的距离是否大于对话框的宽度，并且判断点击操作的位置与用户界面的纵向边缘的距离是否大于对话框的长度；根据判断结果在用户界面上生成锚点，根据锚点的位置在用户界面上生成对话框。

由上述方案可见，在用户界面上建立锚点与对话框的位置关系，能够使得通过锚点可以确定对话框在用户界面上生成的位置，在通过对用户点击操作的位置进行检测和判断，确认用户点击操作后来在用户界面上生成锚点，进而生成对话框，能够达到在用户点击操作的位置附近生成对话框的目的。

一个优选的方案是，对话框为矩形，对话框与锚点的位置关系包括：锚点位于对话框的四个顶点中一个顶点或者中心点上。

可见，对话框的形状有多种例如矩形、圆形、方形等，本方案的对话框的形状为矩形，且锚点可以设置在矩形对话框的四个顶点中一个顶点或中心点上，方便通过确定用户界面上锚点的位置后确定用户界面上对话框的位置。且用户界面的形状一般都是矩形，有两个横向边缘和两个纵向边缘。

进一步的方案是，如判断结果为：点击操作的位置与用户界面的横向边缘的距离大于对话框的宽度，且点击操作的位置与用户界面的纵向边缘的之间距离大于对话框的长度；在用户界面上生成锚点包括：锚点的位置与用户界面的横向边缘之间的距离和点击操作的位置与用户界面的横向边缘之间的距离相同，锚点的位置与用户界面的纵向边缘的距离和点击操作的位置与用户界面的纵向边缘之间的距离相同。

可见，判断用户点击操作在用户界面上的第一个区域位置后，就能够确定锚点在用户界面上的位置，从而生成对话框。

进一步的方案是，如判断结果为：点击操作的位置与用户界面的横向边缘之间的距离小于对话框的宽度，且点击操作的位置与用户界面的纵向边缘之间的距离大于对话框的长度；在用户界面上生成锚点包括：锚点的位置与用户界面的纵向边缘之间的距离和点击操作的位置与用户界面的纵向边缘之间的距离相同，锚点的位置与用户界面的横向边缘的距离和对话框的宽度相同。

可见，判断用户点击操作在用户界面上的第二个区域位置后，就能够确定锚点在用户界面上的位置，从而生成对话框。

进一步的方案是，如判断结果为：点击操作的位置与用户界面的横向边缘之间的距离大于对话框的宽度，且点击操作的位置与用户界面的纵向边缘之间的距离小于对话框的长度；在用户界面上生成锚点包括：锚点的位置与用户界面的横向边缘的距离和点击操作的位置与用户界面的横向边缘之间的距离相同，锚点的位置与用户界面的纵向边缘之间的距离和对话框的长度相同。

可见，判断用户点击操作在用户界面上的第三个区域位置后，就能够确定锚点在用户界面上的位置，从而生成对话框。

进一步的方案是，如判断结果为：点击操作的位置与用户界面的横向边缘的距离小于对话框的宽度，且点击操作的位置与用户界面的纵向边缘的距离小于对话框的长度；在用户界面上生成锚点包括：锚点的位置与用户界面的横向边缘的距离为对话框的宽度以及点击操作的位置与用户界面的横向边缘之间的距离之和，锚点的位置与用户界面的纵向边缘之间的距离为对话框的长度以及点击操作的位置与用户界面的纵向边缘之间的距离之和。

可见，判断用户点击操作在用户界面上的第四个区域位置后，就能够确定锚点在用户界面上的位置，从而生成对话框。

进一步的方案是，用户界面包括第一区域、第二区域、第三区域以及第四区域，若锚点位于对话框的第一顶点上，则第一区域的长度是用户界面的长度与对话框长度之差，第一区域的宽度是用户界面的宽度与对话框的宽度之差。

可见，可以把用户界面划分为四个区域来确定用户点击操作的位置，这样，把锚点设置在对话框的第一个顶点上，则第一区域的长度就是用户界面与对话框的长度之差，第一区域的宽度就是用户界面与对话框宽度之差。

更进一步的方案是，检测点击操作在用户界面上的位置包括：检测到点击操作的位置在用户界面的第一区域，则锚点的位置与用户界面的横向边缘之间的距离和点击操作的位置与用户界面的横向边缘之间的距离相同，锚点的位置与用户界面的纵向边缘之间的距离和点击操作的位置与用户界面的纵向边缘之间的距离相同。

可见，检测到用户点击操作的位置在第一区域时，就可以确定锚点在用户界面上的位置，进而确定对话框在用户界面上的位置。

为了实现上述的第二目的，本发明还提供的计算机装置包括处理器以及存储器，存储器存储有计算机程序，计算机程序被处理器执行时实现上述的摄像进程启动方法的各个步骤。

为了实现上述的第三目的，本发明还提供的计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述摄像进程启动方法的各个步骤。

附图说明

图1是本发明用户界面交互方法实施例的流程图。

图2是本发明用户界面交互方法实施例点击操作位置为用户界面上的第一区域时在用户界面上生成锚点以及对话框的第一示意图。

图3是本发明用户界面交互方法实施例点击操作位置为第二区域时在用户界面上生成锚点以及对话框的第二示意图。

图4是本发明用户界面交互方法实施例点击操作位置为第三区域时在用户界面上生成锚点以及对话框的第三示意图。

图5是本发明用户界面交互方法实施例点击操作位置为第四区域时在用户界面上生成锚点以及对话框的第四示意图。

以下结合附图及实施例对本发明作进一步说明。

具体实施方式

本发明的用户界面交互方法应用在显示尺寸较大的用户界面的可触控设备上，典型的，应用在查询机、可触控电视机等显示较大尺寸的用户界面来与用户进行交互的可触控设备上，优选的，这些可触控设备需要在用户界面上生成的对话框在用户点击操作位置的附近。本发明的计算机装置可以是上述的可触控设备，计算机可读存储介质可以是具有数据促存储功能的各种存储介质，如FLASH、EEPROM等非易失性存储器。

用户界面交互方法实施例：

参见图1，首先执行步骤S1，建立用户界面上的对话框与锚点的位置关系，例如将锚点设置在对话框的四个顶点或中心点中的一个点上，使得在用户界面上生成锚点后，能根据锚点的位置在用户界面上生成对话框。

接着，执行步骤S2，接收在用户界面上形成的点击操作，例如接收用户在显示屏上显示的用户界面上进行相关的点击操作时产生的电位信号或电容信号。

接着，执行步骤S3，检测点击操作在用户界面上的位置，例如，通过检测显示屏上电位信号变化或者电容量的变化，从而确定用户手指点击显示屏的位置，并且确定用户的点击操作在用户界面上的位置。

然后，执行步骤S4，判断点击操作的位置与用户界面的横向边缘的距离是否大于对话框的宽度，并且判断点击操作的位置与用户界面的纵向边缘的距离是否大于对话框的长度。这样，相当于通过对话框将用户界面上的区域划分为四个区域来进一步判断点击操作的位置。

最后，执行步骤S5，根据判断结果在用户界面上生成锚点，并且根据锚点的位置生成对话框。由于点击操作在用户界面上的位置区域是根据对话框的长度和宽度进行划分的，且锚点与对话框的位置关系是固定的，所以锚点根据点击操作的位置在用户界面上生成后，对话框也根据锚点的位置在用户界面上生成，能够实现对话框在点击操作位置的附近，且对话框生成在用户界面上的区域范围内

这样，对用户界面上点击操作位置进行确认后，能够在用户界面上点击操作位置的附近生成对话框，且对话框能够生成在用户界面上的区域范围内，使得用户便捷通过用户界面上的对话框与可触控设备之间进行交互，避免用户大幅度的挪动手臂才能对对话框进行点击操作。

对话框的形状可以是矩形、圆形或其它自定义形状等，本实施例中，为了对点击操作的位置区域进行划分，本实施例中采用的对话框的形状为矩形，用户能够通过点击用户界面上对话框的多个按键对可触控装置进行控制，实现与可触控装置的交互。本实施例中的对话框左上角设为第一顶点、左下角设为第二顶点、右上角设为第三顶点、右下角设为第四顶点，以及两条对角线的交点设为中心点，锚点在对话框的位置包括锚点位于对话框的第一顶点、第二顶点、第三顶点、第四顶点以及中心点中的一个点上。

现有的用户界面的形状一般为矩形，当然也有其他根据实际情况设计的其他形状的用户界面，本实施例中的用户界面是矩形，包括四个顶点、两个横向边缘和两个纵向边缘。

下面结合图2至图5对用户界面上如何根据点击操作的位置生成锚点以及对话框进行介绍，其中，包括在用户界面上不同位置的对话框4、锚点6以及点击操作位置8，且本实施例的锚点6位于对话框4的第一顶点上，在用户界面上生成的对话框4的长度和宽度固定，且用户界面还包括横向边缘10和纵向边缘11，横向边缘10与纵向边缘11相互垂直，且垂直点为用户界面的一个顶点2。

在图2至图5中以顶点2为原点o，以横向边缘10为X轴方向，以纵向边缘11为Y轴方向，建立直角坐标系，可见，用户界面位于直角坐标系的第二象限。

优选的，图2至图5中利用对话框4的长度和宽度将用户界面分为第一区域21、第二区域22、第三区域23、第四区域24，即第一区域21的长度为用户界面的长度与对话框4的长度之差、第一区域21的宽度为用户界面的宽度与对话框4的宽度之差；第二区域22的长度为对话框4的长度、第二区域22的宽度为用户界面的宽度与对话框4的宽度之差；第三区域23的长度为用户界面的长度与对话框4的长度之差、第三区域23的宽度为对话框4的宽度；第四区域24的长度为对话框4的长度、第四区域24的宽度为对话框4的宽度。

这样，如图2所示，在用户界面上检测到点击操作的位置在第一区域21时，在用户界面上进行生成锚点6，生成锚点6的位置包括：锚点6在X轴方向上的坐标长度与点击操作位置8在X轴方向上的坐标长度相同，锚点6在Y轴方向上的坐标长度与点击操作位置8在Y轴的坐标长度相同，确认锚点6的位置后，根据锚点6与对话框4的位置关系的在用户界面上生成对话框4。

如图3所示，在用户界面上检测到点击操作位置8在第二区域22时，在用户界面上进行生成锚点6，生成锚点6的位置包括：锚点6在X轴方向上的坐标长度为用户界面的宽度与对话宽的宽度之差，锚点6在Y轴方向上的坐标长度与点击操作位置8在Y轴方向上的坐标长度相同，使确认锚点6的位置后，根据锚点6与对话框4的位置关系的在用户界面上生成对话框4。

如图4所示，在用户界面上检测到点击操作位置8在第三区域23时，在用户界面上进行生成锚点6，生成锚点6的位置包括：锚点6在X轴方向上的坐标长度与点击操作位置8在X轴方向上的坐标长度相同，锚点6在Y轴方向上的坐标长度为用户界面的宽度与对话框4的宽度之差，确认锚点6的位置后，根据锚点6与对话框4的位置关系的在用户界面上生成对话框4。

如图5所示，在用户界面上检测到点击操作位置8在第四区域24时，在用户界面上进行生成锚点6，生成锚点6的位置包括：锚点6在X轴方向上的坐标长度为点击操作位置8在X轴方向上的坐标长度与对话框4的宽度之差，锚点6在Y轴上的坐标长度为点击操作位置8在Y轴方向上的坐标长度与对话框4的长度之差，确认锚点6的位置后，根据锚点6与对话框4的位置关系的在用户界面上生成对话框4。

由此可见，本实施例中将锚点设于对话框的第一顶点上，在通过对话框的长度和宽度将用户界面划分为四个区域，且建立相应的坐标系后，使得能够通过检测到的用户界面上点击操作的位置坐标来得到用户界面上生成的锚点的位置坐标，从而生成相应的对话框。

需进一步说明的，当锚点位于对话框的第二顶点、第三顶点、第四顶点以及中心点中的一个点上时，根据锚点与对话框的实际位置关系和对话框的长度以及宽度来进行划分用户界面上的四个区域，满足根据锚点的位置在用户界面上的区域范围内生成对话框。通过划分的用户界面上的四个区域来对点击操作位置进一步判断后生成相应的锚点，从而根据锚点的位置在用户界面上生成对话框，达到对话框生成在点击操作位置的附近的目的。根据锚点在对话框上的位置的不同，来通过对话框的长度和宽度划分用户界面的四个区域，以及建立相关的坐标系是属于本领域相关技术人员能够通过本实施例的技术方案的启示轻易实现的，在此不在一一详述。

计算机装置实施例：

本实施例的计算机装置包括有处理器、存储器以及存储在存储器中并可在处理器上运行的计算机程序，例如用于实现上述信息处理方法的信息处理程序。处理器执行计算机程序时实现上述摄像进程启动方法的各个步骤。

例如，计算机程序可以被分割成一个或多个模块，一个或者多个模块被存储在存储器中，并由处理器执行，以完成本发明的各个模块。一个或多个模块可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述计算机程序在终端设备中的执行过程。

需要说明的是，终端设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。终端设备可包括，但不仅限于，处理器、存储器。本领域技术人员可以理解，本发明的示意图仅仅是终端设备的示例，并不构成对终端设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如终端设备还可以包括输入输出设备、网络接入设备、总线等。

本发明所称处理器可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器 (Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列 (Field-Programmable Gate Array，FPGA) 或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，处理器是终端设备的控制中心，利用各种接口和线路连接整个终端设备的各个部分。

存储器可用于存储计算机程序和/或模块，处理器通过运行或执行存储在存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现终端设备的各种功能。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序（比如声音播放功能、图像播放功能等）等；存储数据区可存储根据手机的使用所创建的数据（比如音频数据、电话本等）等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡（SmartMedia Card, SMC），安全数字（Secure Digital, SD）卡，闪存卡（Flash Card）、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

计算机可读存储介质：

终端设备集成的模块如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个摄像进程启动方法的各个步骤。

其中，计算机程序包括计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质可以包括：能够携带计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、电载波信号、电信信号以及软件分发介质等。需要说明的是，计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

需要说明的是，以上仅为本发明的优选实施例，但发明的设计构思并不局限于此，凡利用此构思对本发明做出的非实质性修改，也均落入本发明的保护范围之内。

Claims (7)

1.用户界面交互方法，包括，其特征在于：

建立用户界面上的对话框与锚点的位置关系，所述对话框为矩形，且所述锚点位于所述对话框的四个顶点中一个；

接收在所述用户界面上形成的点击操作，检测所述点击操作在所述用户界面上的位置，判断所述点击操作的位置与所述用户界面的横向边缘的距离是否大于所述对话框的宽度，并且判断所述点击操作的位置与所述用户界面的纵向边缘的距离是否大于所述对话框的长度；

根据所述判断结果在所述用户界面上生成锚点，并根据所述锚点的位置在所述用户界面上生成所述对话框；

所述用户界面包括第一区域、第二区域、第三区域以及第四区域，所述第一区域的长度是所述用户界面的长度与所述对话框长度之差，所述第一区域的宽度是所述用户界面的宽度与所述对话框的宽度之差；

如所述判断结果为：所述点击操作的位置与所述用户界面的横向边缘的距离小于所述对话框的宽度，且所述点击操作的位置与所述用户界面的纵向边缘的距离小于所述对话框的长度；

在所述用户界面上生成所述锚点包括：所述锚点的位置与所述用户界面的横向边缘的距离为所述对话框的宽度以及所述点击操作的位置与所述用户界面的横向边缘之间的距离之和，所述锚点的位置与用户界面的纵向边缘之间的距离为所述对话框的长度以及所述点击操作的位置与所述用户界面的纵向边缘之间的距离之和。

2.根据权利要求1所述的用户界面交互方法，其特征在于：

如所述判断结果为：所述点击操作的位置与所述用户界面的横向边缘的距离大于所述对话框的宽度，且所述点击操作的位置与所述用户界面的纵向边缘的之间距离大于所述对话框的长度；

在所述用户界面上生成所述锚点包括：所述锚点的位置与所述用户界面的横向边缘之间的距离和点击操作的位置与所述用户界面的横向边缘之间的距离相同，所述锚点的位置与所述用户界面的纵向边缘的距离和所述点击操作的位置与用户界面的纵向边缘之间的距离相同。

3.根据权利要求1所述的用户界面交互方法，其特征在于：

如所述判断结果为：所述点击操作的位置与所述用户界面的横向边缘之间的距离小于所述对话框的宽度，且所述点击操作的位置与所述用户界面的纵向边缘之间的距离大于所述对话框的长度；

在所述用户界面上生成所述锚点包括：所述锚点的位置与所述用户界面的纵向边缘之间的距离和点击操作的位置与所述用户界面的纵向边缘之间的距离相同，所述锚点的位置与用户界面的横向边缘的距离和所述对话框的宽度相同。

4.根据权利要求1所述的用户界面交互方法，其特征在于：

如所述判断结果为：所述点击操作的位置与所述用户界面的横向边缘之间的距离大于所述对话框的宽度，且所述点击操作的位置与所述用户界面的纵向边缘之间的距离小于所述对话框的长度；

在所述用户界面上生成所述锚点包括：所述锚点的位置与所述用户界面的横向边缘的距离和所述点击操作的位置与所述用户界面的横向边缘之间的距离相同，所述锚点的位置与所述用户界面的纵向边缘之间的距离和所述对话框的长度相同。

5.根据权利要求1所述的用户界面交互方法，其特征在于：

检测所述点击操作在所述用户界面上的位置包括：检测到所述点击操作的位置在所述用户界面的第一区域，则所述锚点的位置与所述用户界面的横向边缘之间的距离和所述点击操作的位置与所述用户界面的横向边缘之间的距离相同，所述锚点的位置与所述用户界面的纵向边缘之间的距离和所述点击操作的位置与用户界面的纵向边缘之间的距离相同。

6.计算机装置，其特征在于，包括处理器以及存储器，所述存储器存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述的用户界面交互方法的各个步骤。

7.计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现如权利要求1至5任意一项所述的用户界面交互方法的各个步骤。

Images