CN111488087B - 控件显示方法、装置及***和计算机可读存储介质 - Google Patents

Abstract

本发明实施例涉及一种控件显示方法以及相应的控件显示装置、***和计算机可读存储介质。其中，所述控件显示方法例如包括：获取控件容器，其中所述控件容器包含列表容器和悬浮容器；对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；以及调用所述列表控件并显示在用户界面。本发明实施例通过添加有相同控件元素的列表容器和悬浮容器的不同显示方式，使得列表控件的显示更加简洁、多样化；再者，控件元素的动态加载方式，使得控件元素的加载更加灵活，更加实用。

Description

控件显示方法、装置及***和计算机可读存储介质

技术领域

本发明涉及电子终端及计算机软件技术领域，尤其涉及一种控件显示方法、一种控件显示装置、一种控件显示***和一种计算机可读存储介质。

背景技术

列表控件广泛应用于各种操作软件之中，例如Word，PPT，Excel等常用的办公操作软件之中。举例来说，Word里常用的列表控件有如下两种：

第一种：点击控件“查找”后，“查找”控件显示下拉菜单“查找”“高级查找”“转到”三个选项，在这三个选项中继续选择要操作的功能；

第二种：“标题”控件，将所有的选项列成一排，可以直接选择，由于选项太多而被隐藏掉的选项可以通过右边的滚动条滚动显示出来，进而直接选择并实现对应的功能。

但是，由上可以发现，列表控件的显示方式比较单一，造成现有列表控件存在占地方、用户体验不好等缺点。

发明内容

因此，为克服现有技术的缺陷和不足，本发明实施例提出一种控件显示方法、一种控件显示装置、一种控件显示***以及一种计算机可读存储介质。

一方面，本发明实施例提出的一种控件显示方法，包括：获取控件容器，其中所述控件容器包含列表容器和悬浮容器；对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；以及调用所述列表控件并显示在用户界面。

在本发明的一个实施例中，所述对所述列表容器和所述悬浮容器进行属性设置包括：设置所述列表容器的起始位置和宽高尺寸，以及设置所述悬浮容器的列数。

在本发明的一个实施例中，所述调用所述列表控件并显示在用户界面包括：在所述用户界面显示所述列表容器，并隐藏所述悬浮容器。

在本发明的一个实施例中，所述控件显示方法还包括：设置所述控件容器的标题；所述标题在所述列表控件被调用后显示在列表容器区域内、且与所述列表容器添加的多个所述控件元素呈上下两行显示；其中所述列表容器区域为所述列表容器在所述用户界面的显示区域。

在本发明的一个实施例中，所述控件显示方法还包括：当鼠标移动到列表容器区域，显示弹出图标，其中所述列表容器区域为所述列表容器在所述用户界面的显示区域；以及响应点击所述弹出图标的操作指令，以弹出方式在所述用户界面显示所述悬浮容器；其中所述悬浮容器中添加的多个所述控件元素显示在悬浮容器弹出框内，且所述悬浮容器弹出框为所述悬浮容器在所述用户界面的显示区域。

在本发明的一个实施例中，在所述悬浮容器弹出框中显示的所述控件元素的是否选中状态和在所述列表容器区域中显示的相同控件元素的是否选中状态一致。

另一方面，本发明实施例提出的一种控件显示装置，包括：容器获取模块，用于获取控件容器，其中所述控件容器包含列表容器和悬浮容器；设置加载模块，用于对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；以及调用显示模块，用于调用所述列表控件并显示在用户界面。

在本发明的一个实施例中，所述设置加载模块具体用于：设置所述列表容器的起始位置和宽高尺寸，以及设置所述悬浮容器的列数。

在本发明的一个实施例中，所述调用显示模块具体用于：在所述用户界面显示所述列表容器，并隐藏所述悬浮容器。

在本发明的一个实施例中，所述设置加载模块还用于设置所述控件容器的标题；所述调用显示模块还用于将所述标题显示在列表容器区域内、且与所述列表容器添加的多个所述控件元素呈上下两行显示；其中所述列表容器区域为所述列表容器在所述用户界面的显示区域。

在本发明的一个实施例中，所述控件显示装置还包括：第一响应模块，用于当鼠标移动到列表容器区域，显示弹出图标，其中所述列表容器区域为所述列表容器在所述用户界面的显示区域；以及第二响应模块，用于响应点击所述弹出图标的操作指令，以弹出方式在所述用户界面显示所述悬浮容器；其中所述悬浮容器中添加的多个所述控件元素显示在悬浮容器弹出框内，且所述悬浮容器弹出框为所述悬浮容器在所述用户界面的显示区域。

在本发明的一个实施例中，在所述悬浮容器弹出框中显示的所述控件元素的是否选中状态和在所述列表容器区域中显示的相同控件元素的是否选中状态一致。

又一方面，本发明实施例提出的一种控件显示***，包括：处理器和连接所述处理器的存储器；其中所述存储器存储有所述处理器执行的指令，且所述指令使得所述处理器执行操作以进行前述任意一种控件显示方法。

再一方面，本发明实施例提出的一种计算机可读存储介质，其为非易失性存储器且存储有程序代码，当所述程序代码被一个或多个处理器执行时，使得所述一个或多个处理器执行前述任意一种控件显示方法。

由上可知，本发明上述技术特征可以具有如下一个或多个有益效果：通过添加有相同控件元素的列表容器和悬浮容器的不同显示方式，使得列表控件的显示更加简洁、多样化；再者，控件元素的动态加载方式，使得控件元素的加载更加灵活，更加实用。

附图说明

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

图1为本发明第一实施例的一种控件显示方法的流程图。

图2A为本发明第一实施例中显示列表容器的状态示意图。

图2B为鼠标移动到图2A所示列表容器区域时触发显示弹出图标的状态示意图。

图2C为鼠标点击图2B所示弹出图标以弹出方式显示悬浮容器后的状态示意图。

图2D为以弹出方式显示另一种列表控件的悬浮容器后的状态示意图。

图3为本发明第二实施例的一种控件显示装置的模块示意图。

图4为本发明第二实施例的一种控件显示装置的另一模块示意图。

图5为本发明第三实施例的一种控件显示***的示意图。

图6为本发明第四实施例的一种计算机可读存储介质的结构示意图。

具体实施方式

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

【第一实施例】

如图1所示，本发明第一实施例提供的一种控件显示方法，包括：

S11：获取控件容器，其中所述控件容器包含列表容器和悬浮容器；

S13：对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；以及

S15：调用所述列表控件并显示在用户界面。

进一步地，在步骤S13中对所述列表容器和所述悬浮容器进行属性设置包括：设置所述列表容器的起始位置和宽高尺寸，以及设置所述悬浮容器的列数。

进一步地，在步骤S15中，调用所述列表控件并显示在用户界面包括：在所述用户界面显示所述列表容器，并隐藏所述悬浮容器。

更进一步地，所述控件显示方法还包括：设置所述控件容器的标题；所述标题在所述列表控件被调用后显示在列表容器区域内、且与所述列表容器添加的多个所述控件元素呈上下两行显示；其中所述列表容器区域为所述列表容器在所述用户界面的显示区域。

为方便更清楚地理解本实施例的控件显示方法，下面将结合图2A至图2D进行举例说明。

本举例提供一种用户体验较好的悬浮式弹出控件显示方法，其可以有效节约操作软件的操作区域，且用户体验新颖。

承上述，本举例主要是通过列表、悬浮式弹出方式完成多个控件元素的显示、集成；列表控件实现动态加载控件元素，使得列表控件更加灵活。再者，添加至列表容器的控件元素和添加至悬浮容器的控件元素是一样的，如图2A至图2C所示，列表容器中添加的控件元素数量均为八个，但是同时列表容器和悬浮容器采用了两种不同的显示方式。

具体而言，图2A为步骤S15中调用所述列表控件并显示在用户界面的初始显示状态，列表容器显示在用户界面(图未示)而悬浮容器被隐藏，例如列表容器中添加的八个控件元素以排列成一行的形式显示在列表容器区域内，但用户当前可视的控件元素只有两个，通过点击右侧的箭头可以逐渐显示出其他被隐藏的六个控件元素。再者，控件容器的标题(例如图2A中的【拼接】)与列表容器中添加的控件元素呈上下两行显示在列表容器区域，例如标题位于控件元素显示行的下方。

如图2B所示，当监听到鼠标移动到列表容器区域，则会显示一个弹出图标(例如图2B的列表容器区域下方的箭头)，点击弹出图标则会在用户界面以弹出方式显示悬浮容器，而悬浮容器添加的多个例如全部控件元素显示在悬浮容器弹出框内，例如图2C所示。此外，从图2C还可以得知：在悬浮容器弹出框中显示的各个控件元素的是否选中状态和在列表容器区域中显示的相同控件元素的是否选中状态一致，例如悬浮容器弹出框中显示的第一行第一列的控件元素与列表容器区域中显示的第一个控件元件相同且均处于选中状态，悬浮容器弹出框中显示的第一行第二列的控件元素与列表容器区域中显示的第二个控件元件相同且均处于未选中状态，类此类推。

此外，值得一提的是，本举例的控件容器的标题和添加至列表容器及悬浮容器中的控件元素并不限于图2A至图2C所示情形，也可以是例如图2D所示，控件容器的标题为【切源效果】，添加至列表容器及悬浮容器中的控件元素均为二十一个，且为切换效果控件元素；而且列表容器区域还可以显示左右两个箭头。简而言之，控件容器的标题和添加至列表容器及悬浮容器中的控件元素数量及功能可以根据实际应用弹性设置。另外，控件元素也不限于图2A至图2C所述的按钮，也可以是其他形式例如展示窗等。

本举例的悬浮式弹出控件显示方法的具体实现方式为：控件容器作为主容器包含列表容器和悬浮容器，并采用接口方式供上层调用者使用；之后，上层调用者通过调用接口函数添加控件元素列表的方式向控件容器中添加控件元素，控件容器中的列表容器与悬浮容器会被添加相同的控件元素并加载接口形参中列表的先后顺序；列表容器中的控件元素的消息响应是由上层调用者直接设置挂接，悬浮容器中提供消息函数以提供被选中或点击的控件元素。

更具体地，本举例的悬浮式弹出控件可以基于Qt开发平台进行开发，使用基础Qt类QWidget与QPushButton；其中QWidget类是所有用户界面对象的基类，Widget是用户界面的基本单元，它从窗口***接收鼠标、键盘和其他事件，并在屏幕上绘制自己；QPushButton类是一个按键类。SuspensionBoxComponent类是主容器层，其包含列表容器类NewButtonGroupEx和悬浮容器类SuspensionDropWidget，并提供了对外的六个接口，从而可以实现控件元素通过接口动态加载，并且通过接口设置悬浮式弹出控件的标题、悬浮容器中控件元素列数、列表容器大小、默认选项等。NewButtonGroupEx类列表容器通过接口形参列表序列加载控件元素，在多控件元素情况下实现通过左右箭头按钮移动控件元素位置使之显示出来；鼠标移动到列表容器区域后，列表容器下方显示弹出图标，鼠标移出列表容器区域后该弹出图标消失，点击该弹出图标弹出悬浮容器。SuspensionDropWidget类悬浮容器是通过接口形参列表序列加载控件元素，将多控件元素在弹出框中显示，如果控件元素数量较多，则可以通过滑动滚动条(scroller)显示；点击某个控件元素后，则通过信号方式告知上层调用者所选择的控件元素的索引号。

最后值得一提的是，本举例的悬浮式弹出控件显示方法还可以当鼠标移动到对应控件元件上时，控件元素会显示自己的功能名称，以方便用户了解该控件元素能够实现的功能。

综上所述，本实施例的控件显示方法通过添加有相同控件元素的列表容器和悬浮容器的不同显示方式，使得列表控件的显示更加简洁、多样化；再者，控件元素的动态加载方式，使得控件元素的加载更加灵活，更加实用。

【第二实施例】

如图3所示，本发明第二实施例提供的一种控件显示装置30，包括：容器获取模块31、设置加载模块33和调用显示模块35。

其中，容器获取模块31例如用于获取控件容器，其中所述控件容器包含列表容器和悬浮容器；设置加载模块33例如用于对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；以及调用显示模块35用于调用所述列表控件并显示在用户界面。

进一步地，设置加载模块33具体用于：设置所述列表容器的起始位置和宽高尺寸，以及设置所述悬浮容器的列数。

进一步地，调用显示模块35具体用于：在所述用户界面显示所述列表容器，并隐藏所述悬浮容器。

此外，设置加载模块33例如还用于设置所述控件容器的标题；调用显示模块35还用于将所述标题显示在列表容器区域内、且与所述列表容器添加的多个所述控件元素呈上下两行显示；其中所述列表容器区域为所述列表容器在所述用户界面的显示区域。

至于容器获取模块31、设置加载模块33和调用显示模块35的具体功能细节可参考前述第一实施例中的详细描述，在此不再赘述。此外，值得一提的是，容器获取模块31、设置加载模块33和调用显示模块35可以为软件模块，存储于非易失性存储器中且由处理器执行相关操作以进行前述第一实施例中的步骤S11、S13和S15。

参见图4，控件显示装置30例如还包括：第一响应模块371和第二响应模块373。其中，第一响应模块371例如用于当鼠标移动到列表容器区域，显示弹出图标，其中所述列表容器区域为所述列表容器在所述用户界面的显示区域；以及第二响应模块373例如用于响应点击所述弹出图标的操作指令，以弹出方式在所述用户界面显示所述悬浮容器；其中所述悬浮容器中添加的多个所述控件元素显示在悬浮容器弹出框内，且所述悬浮容器弹出框为所述悬浮容器在所述用户界面的显示区域。至于第一响应模块371和第二响应模块373的具体功能细节可参考前述第一实施例中的相关描述，在此不再赘述。

综上所述，本实施例的控件显示装置30可以具有上述第一实施例的控件显示方法的相同技术效果，例如通过添加有相同控件元素的列表容器和悬浮容器的不同显示方式，使得列表控件的显示更加简洁、多样化；再者，控件元素的动态加载方式，使得控件元素的加载更加灵活，更加实用。

【第三实施例】

如图5所示，本申请第三实施例提供的一种控件显示***50，包括：处理器51和存储器53；其中，存储器53存储由处理器51执行的指令，且所述指令例如使得处理器51执行操作以进行前述第一实施例所述的控件显示方法。

【第四实施例】

如图6所示，本申请第四实施例提供的一种计算机可读存储介质60，其为非易失性存储器且存储有程序代码，当所述程序代码被一个或多个处理器执行时，例如使得所述一个或多个处理器执行前述第一实施例所述的控件显示方法。

另外，可以理解的是，前述各个实施例仅为本发明的示例性说明，在技术特征不冲突、结构不矛盾、不违背本发明的发明目的前提下，各个实施例的技术方案可以任意组合、搭配使用。

在本发明所提供的几个实施例中，应该理解到，所揭露的***，装置和/或方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元/模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多路单元或模块可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元/模块可以是或者也可以不是物理上分开的，作为单元/模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多路网络单元上。可以根据实际的需要选择其中的部分或者全部单元/模块来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元/模块可以集成在一个处理单元/模块中，也可以是各个单元/模块单独物理存在，也可以两个或两个以上单元/模块集成在一个单元/模块中。上述集成的单元/模块既可以采用硬件的形式实现，也可以采用硬件加软件功能单元/模块的形式实现。

上述以软件功能单元/模块的形式实现的集成的单元/模块，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)的一个或多个处理器执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

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

Claims (8)

1.一种控件显示方法，其特征在于，包括：

获取控件容器，其中所述控件容器包含列表容器和悬浮容器；

对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；

调用所述列表控件以使所述列表容器及所述列表容器中的部分所述控件元素显示在用户界面，并隐藏所述悬浮容器；

当鼠标移动到列表容器区域，显示弹出图标，其中所述列表容器区域为所述列表容器在所述用户界面的显示区域；以及

响应点击所述弹出图标的操作指令，以弹出方式在所述用户界面显示所述悬浮容器；其中所述悬浮容器中添加的多个所述控件元素显示在悬浮容器弹出框内，且所述悬浮容器弹出框为所述悬浮容器在所述用户界面的显示区域；

其中，在所述悬浮容器弹出框中显示的所述控件元素的是否选中状态和在所述列表容器区域中显示的相同控件元素的是否选中状态一致。

2.如权利要求1所述的控件显示方法，其特征在于，所述对所述列表容器和所述悬浮容器进行属性设置包括：设置所述列表容器的起始位置和宽高尺寸，以及设置所述悬浮容器的列数。

3.如权利要求1所述的控件显示方法，其特征在于，还包括：设置所述控件容器的标题；所述标题在所述列表控件被调用后显示在列表容器区域内、且与所述列表容器添加的多个所述控件元素呈上下两行显示；其中所述列表容器区域为所述列表容器在所述用户界面的显示区域。

4.一种控件显示装置，其特征在于，包括：

容器获取模块，用于获取控件容器，其中所述控件容器包含列表容器和悬浮容器；

设置加载模块，用于对所述列表容器和所述悬浮容器进行属性设置、并向所述列表容器和所述悬浮容器添加相同的控件元素，以得到列表控件；

调用显示模块，用于调用所述列表控件以使所述列表容器及所述列表容器中的部分所述控件元素显示在用户界面，并隐藏所述悬浮容器；

第一响应模块，用于当鼠标移动到列表容器区域，显示弹出图标，其中所述列表容器区域为所述列表容器在所述用户界面的显示区域；以及

第二响应模块，用于响应点击所述弹出图标的操作指令，以弹出方式在所述用户界面显示所述悬浮容器；其中所述悬浮容器中添加的多个所述控件元素显示在悬浮容器弹出框内，且所述悬浮容器弹出框为所述悬浮容器在所述用户界面的显示区域；

其中，在所述悬浮容器弹出框中显示的所述控件元素的是否选中状态和在所述列表容器区域中显示的相同控件元素的是否选中状态一致。

5.如权利要求4所述的控件显示装置，其特征在于，所述设置加载模块具体用于：设置所述列表容器的起始位置和宽高尺寸，以及设置所述悬浮容器的列数。

6.如权利要求4所述的控件显示装置，其特征在于，所述设置加载模块还用于设置所述控件容器的标题；所述调用显示模块还用于将所述标题显示在列表容器区域内、且与所述列表容器添加的多个所述控件元素呈上下两行显示；其中所述列表容器区域为所述列表容器在所述用户界面的显示区域。

7.一种控件显示***，其特征在于，包括：处理器和连接所述处理器的存储器；其中所述存储器存储有所述处理器执行的指令，且所述指令使得所述处理器执行操作以进行如权利要求1至3任意一项所述的控件显示方法。

8.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质为非易失性存储器且存储有程序代码，当所述程序代码被一个或多个处理器执行时，使得所述一个或多个处理器执行如权利要求1至3任意一项所述的控件显示方法。

Images