CN107943375A - 选项列表显示方法和装置 - Google Patents
选项列表显示方法和装置 Download PDFInfo
- Publication number
- CN107943375A CN107943375A CN201610896233.3A CN201610896233A CN107943375A CN 107943375 A CN107943375 A CN 107943375A CN 201610896233 A CN201610896233 A CN 201610896233A CN 107943375 A CN107943375 A CN 107943375A
- Authority
- CN
- China
- Prior art keywords
- option
- list
- options
- search box
- option list
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Abstract
本发明涉及一种选项列表显示方法和装置,该方法包括显示选项列表控件的选项列表开启入口;获取针对所述选项列表开启入口的选项列表开启指令;根据所述选项列表开启指令查询与所述选项列表控件的标识对应的选项集合;当所述选项集合的选项数量超过预设数量时,显示包括选项搜索框和所述选项集合中选项的选项列表;所述选项搜索框用于搜索所述选项集合中的选项;当所述选项集合的选项数量未超过所述预设数量时,直接显示包括所述选项集合中选项的选项列表。本发明提供的方案极大地提高了选择操作效率,同时也提高了选项列表的实用性。
Description
技术领域
本发明涉及计算机领域,特别是涉及一种选项列表显示方法和装置。
背景技术
随着计算机技术的快速发展,可供选择的数据越来越多样,越来越繁杂。选项列表是一种常用的将多种数据作为选项进行集中展示的方法,当开启选项列表后,选项列表会将各个选项进行显示,用户便可以从显示的各个选项中选择一个或者多个选项。
但是传统的选项列表将可供选择的选项全部在选项列表显示区内进行显示,用户需要逐个选项进行查找才能找到意图选择的选项,操作繁琐,从而导致选择操作效率低下。
发明内容
基于此,有必要针对进行选择操作时效率低下的问题,提供一种选项列表显示方法和装置。
一种选项列表显示方法,所述方法包括:
显示选项列表控件的选项列表开启入口;
获取针对所述选项列表开启入口的选项列表开启指令;
根据所述选项列表开启指令查询与所述选项列表控件的标识对应的选项集合;
当所述选项集合的选项数量超过预设数量时,显示包括选项搜索框和所述选项集合中选项的选项列表;所述选项搜索框用于搜索所述选项集合中的选项;
当所述选项集合的选项数量未超过所述预设数量时,直接显示包括所述选项集合中选项的选项列表。
一种选项列表显示装置,所述装置包括:
入口显示模块,用于显示选项列表控件的选项列表开启入口;
指令获取模块,用于获取针对所述选项列表开启入口的选项列表开启指令;
选项查询模块,用于根据所述选项列表开启指令查询与所述选项列表控件的标识对应的选项集合;
选项列表显示模块,用于当所述选项集合的选项数量超过预设数量时,显示包括选项搜索框和所述选项集合中选项的选项列表;所述选项搜索框用于搜索所述选项集合中的选项;当所述选项集合的选项数量未超过所述预设数量时,直接显示包括所述选项集合中选项的选项列表。
上述选项列表显示方法和装置,显示选项列表控件的选项列表开启入口,在获取到针对该选项列表开启入口的选项列表开启指令后,查询与选项列表控件的标识对应的选项集合,当查询到的选项集合中的选项数量超过预设数量时,显示的选项列表包括用于搜索选项集合中选项的选项搜索框。由于增加了选项搜索功能,用户可以直接在选项搜索框中进行选项搜索,避免了在选项列表中逐个选项查找才能找到意图选择的选项的问题,极大地提高了选择操作效率。而且,在选项集合中的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表,此时选项列表不再包括选项搜索框,仅显示有限数量的选项,简洁明了,用户可以直接快速定位意图选择的选项进行选择,提高了选项列表的实用性。
附图说明
图1为一个实施例中选项列表显示方法所应用的环境示意图;
图2为一个实施例中终端的内部结构示意图;
图3为一个实施例中选项列表显示方法的流程示意图;
图4为一个实施例中选项列表控件处于收起状态时的控件示意图;
图5为一个实施例中选项列表控件处于展开状态时的控件示意图;
图6为另一个实施例中选项列表控件处于展开状态时的控件示意图;
图7为一个实施例中对页面进行区域划分后的页面分区示意图;
图8为又一个实施例中选项列表控件处于展开状态时的控件示意图;
图9为再一个实施例中选项列表控件处于展开状态时的控件示意图;
图10为一个实施例中选项列表控件开启选项子列表后的控件示意图;
图11为另一个实施例中选项列表显示方法的流程示意图;
图12为一个实施例中在选项搜索框进行搜索后的控件示意图;
图13为又一个实施例中选项列表显示方法的流程示意图;
图14为一个实施例中选项列表显示装置的结构框图。
具体实施方式
了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
图1为一个实施例中选项列表显示方法所应用的环境示意图。如图1所示,用户操作终端110,终端110的显示屏上显示选项列表控件,该选项列表控件包括选项列表开启入口,在获取到用户操作时触发的选项列表开启指令后,根据该选项列表开启指令查询与选项列表控件的标识对应的选项集合。当选项集合的选项数量超过预设数量时,显示包括选项搜索框和该选项集合中选项的选项列表,该选项搜索框用于搜索选项集合中的选项;当选项集合的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表。该终端110可以是个人电脑或移动终端,移动终端如手机、平板电脑、个人数字助理或穿戴式设备等。
图2为一个实施例中终端的内部结构示意图。如图2所示,该终端包括通过系统总线连接的处理器、非易失性存储介质、内存储器、显示屏和输入装置。其中,终端的非易失性存储介质存储有操作系统,还包括一种选项列表显示装置,该选项列表显示装置用于实现一种选项列表显示方法。终端的处理器用于提供计算和控制能力,支撑整个终端的运行。终端中的内存储器为非易失性存储介质中的选项列表显示装置的运行提供环境。终端的内存储器中可储存有计算机可读指令,该计算机可读指令被处理器执行时,可使得处理器执行一种选项列表显示方法。终端的显示屏可以是液晶显示屏或者电子墨水显示屏等,输入装置可以是显示屏上覆盖的触摸层,也可以是终端外壳上设置的按键、轨迹球或触控板,也可以是外接的键盘、触控板或鼠标等。本领域技术人员可以理解,图2中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的终端的限定,具体的终端可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
图3为一个实施例中选项列表显示方法的流程示意图。本实施例以该方法应用于上述图1中的终端110来举例说明。参照图3,该选项列表显示方法具体包括如下步骤:
S302,显示选项列表控件的选项列表开启入口。
其中,选项列表控件是页面中用于对选择列表控件中封装的选项列表显示的选项进行选择的控件。选择列表控件具有两种状态:收起状态和展开状态。选项列表开启入口是用于改变选择列表控件状态的操作入口。终端检测作用于该列表开启入口的触发操作,更新选项列表控件的当前状态。若选择列表控件当前处于收起状态,则开启选项列表使选项列表控件更新为展开状态;若选择列表当前处于展开状态,则关闭选项列表使选项列表控件更新为收起状态。
页面中的选择列表控件通常处于收起状态,显示选项列表开启入口,隐藏选项列表。
S304,获取针对选项列表开启入口的选项列表开启指令。
其中,选项列表开启指令是指用于触发选项列表控件中封装的选项列表开启的指令。终端可获取用户作用于选项列表控件的选项列表开启入口而触发的选项列表开启指令。具体地,终端可检测针对选项列表开启入口的预定义的触发操作,在检测到该触发操作时触发相应的选项列表开启指令。触发操作是对选项列表开启入口的操作,比如对选项列表开启入口的触控操作或者光标点击操作等。
S306,根据选项列表开启指令查询与选项列表控件的标识对应的选项集合。
其中,选项列表控件的标识用来唯一标识该选项列表控件。终端在获取到选项列表开启指令后,获取该选项列表控件的标识,再根据该标识在数据库或者文件中查询与该标识对应的待在选项列表控件封装的选项列表中显示的数据,在该数据中提取需要在选项列表中显示的选项集合。选项集合包括若干选项,每个选项表征一个可选择的项目。
具体地,终端获取的选项列表控件的标识可以是标识字符串。终端可根据获取的该标识字符串按照预先设置的标识字符串与选项列表数据的映射关系查询与获取的标识字符串对应的选项列表数据,提取需要在选项列表中显示的选项集合。终端获取的选项列表控件的标识也可以是标识符链接,比如URL(Uniform Resource Locator统一资源定位符)或者HTML(HyperText Markup Language超级文本标记语言)等。终端在获取到该标识符链接后,解析该标识符链接,获取携带的选项列表数据,提取该选项列表数据中需要在选项列表中显示的选项集合。
S308,当选项集合的选项数量超过预设数量时,显示包括选项搜索框和选项集合中选项的选项列表;选项搜索框用于搜索选项集合中的选项。
其中,预设数量是预先设置的不显示选项搜索框的选项数量最大值。具体地,终端在获取到选项集合后,统计该选项集合的选项数量,将统计的选项数量与预先设置的不显示选项搜索框的选项数量最大值比较。当判定选项集合的选项数量超过预设的选项数量最大值时,显示包括选项搜索框和选项集合中选项的选项列表。其中,预设数量是8或者10等具体的数字。
S310,当选项集合的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表。
具体地,终端在获取到选项集合后,统计该选项集合的选项数量,将统计的选项数量与预先设置的不显示选项搜索框的选项数量最大值比较。当判定选项集合的选项数量未超过预设的选项数量最大值时,直接显示包括选项集合中选项的选项列表。
上述选项列表显示方法,显示选项列表控件的选项列表开启入口,在获取到针对该选项列表开启入口的选项列表开启指令后,查询与选项列表控件的标识对应的选项集合,当查询到的选项集合中的选项数量超过预设数量时,显示的选项列表包括用于搜索选项集合中选项的选项搜索框。由于增加了选项搜索功能,用户可以直接在选项搜索框中进行选项搜索,避免了在选项列表中逐个选项查找才能找到意图选择的选项的问题,极大地提高了选择操作效率。而且,在选项集合中的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表,此时选项列表不再包括选项搜索框,仅显示有限数量的选项,简洁明了,用户可以直接快速定位意图选择的选项进行选择,提高了选项列表的实用性。
举例说明,图4示出了一个实施例中选项列表控件处于收起状态时的控件示意图。如图4所示,该控件包括选择结果展示框410和选项列表开启入口420。其中选择结果展示框410用于展示用户在显示的选项列表中进行选择操作后选中的选项,选项列表开启入口420用于用户触发选项列表开启指令。
参考图5,图5示出了一个实施例中选项列表控件处于展开状态时的控件示意图。如图5所示,该控件包括选择结果展示框510、选项列表开启入口520、选项搜索框530和选项集合中的选项540。再参考图6,图6示出了另一个实施例中选项列表控件处于展开状态时的控件示意图。如图6所示,该控件包括选择结果展示框610、选项列表开启入口620、和选项集合中的选项630。
用户在页面浏览页面内容遇到需要进行信息选择的情形时,页面上会显示如图4所示的选项列表控件,选项列表控件处于收起状态。当终端检测到作用于选项列表开启入口420的触发操作后,根据该触发操作触发的选项列表开启指令开启选项列表。
假设预先设置的不显示选项搜索框的选项数量最大值为8。若终端统计得到的选项集合的选项数量为10,此时统计得到的数量超过不显示选项搜索框的选项数量最大值,应当显示包括选项搜索框和选项集合中选项的选项列表,亦即选项列表控件应当按照如图5所示进行显示。若终端统计得到的选项集合的选项数量为6,此时统计得到的数量未超过不显示选项搜索框的选项数量最大值,应当直接显示包括选项集合中选项的选项列表,亦即选项列表控件应当按照如图6所示进行显示。在一个实施例中,该选项列表显示方法中显示包括选项搜索框和选项集合中选项的选项列表的步骤具体包括:获取选项列表开启入口在选项列表开启入口所属页面的位置;根据该位置确定选项列表相对于选项列表开启入口的自适应开启方向;按照该自适应开启方向开启并显示包括选项搜索框和选项集合中选项的选项列表。
具体地,终端通过获取的选项列表开启指令查询到与选项列表控件的标识对应的选项集合,并判定选项集合的选项数量超过预设数量后,获取选项列表开启入口在选项列表开启入口所属页面的位置。将获取的位置与预先划分的页面区域进行匹配,确定该位置所在的页面区域,再根据预先设置的页面区域与选项列表开启方向的对应关系,确定选项列表相对于选项列表开启入口的自适应开启方向;按照该自适应开启方向开启并显示包括选项搜索框和选项集合中选项的选项列表。
其中,预先划分页面区域的方式可以是对页面按照“回”字形进行区域划分。参考图7,图7示出了对页面进行区域划分后的页面分区示意图,该页面包括中央区域710和周边区域720。
具体地,选项列表开启入口位置属于中央区域710的选项列表控件,其选项列表相对于选项列表开启入口的自适应开启方向为预先设置的默认开启方向。预先设置的默认开启方向可以是相对于选项列表开启入口向下的方向。
选项列表开启入口位置属于周围区域720的选项列表控件其选项列表相对于选项列表开启入口的自适应开启方向可以为相对于选项列表开启入口朝向中央区域的方向。这种列表开启方式使得选项列表在页面中开启后可以得到完整的显示,用户可以直接获取列表展示的信息进行选择操作,进一步提高选择操作效率。
选项列表开启入口位置属于周围区域720的选项列表控件其选项列表相对于选项列表开启入口的自适应开启方向也可以为相对于选项列表开启入口背离中央区域的方向。这种列表开启方式使得选项列表在页面中开启后一定程度上降低了遮挡页面中与选项列表控件相关的内容的可能性,使得用户在进行选择操作时能够无障碍地获取页面中选项列表控件的相关内容,进一步提高选择操作效率。
进一步地,选项列表的自适应开启方向可以通过在选项列表开启入口上绘制图标进行可视化展示,比如在选项列表开启入口上绘制表示开启方向相对于选项列表开启入口向下的下拉箭头或者相对于选项列表开启入口向右的右拉箭头等。在开启选项列表后,将图标倒置显示。
在一个实施例中,该选项列表显示方法中显示包括选项搜索框和选项集合中选项的选项列表的步骤具体包括:获取与选项集合中各选项一一对应的历史选中频率;将选项集合中选项按照历史选中频率降序排序;显示包括选项搜索框和降序排序的选项的选项列表。
具体地,终端通过获取的选项列表开启指令查询到与选项列表控件的标识对应的选项集合,并判定选项集合的选项数量超过预设数量后,在文件、数据库或者缓存中获取与选项集合中各选项一一对应的历史选中频率。将选项集合中选项按照历史选中频率降序排序,再在选项列表中将选项按照降序顺序依次排列显示。
其中,历史选中频率是指选项列表中的选项在当前显示之前处于显示状态时被选中的次数,该历史选中频率在一定程度上表征了选项被用户选择的可能性,历史选中频率越高,该选项被用户选中的可能性越大。终端可以在用户每次进行选择操作后,对选中的选项的历史选中频率进行数量加一的更新操作。进一步地,当存在历史选中频率相同的多个选项时,将历史选中频率相同的选项按照选项的字符串首字的拼音排序或者按照选项的字符串首字的笔画排序。
本实施例中,对需在列表中显示的选项按照历史选中频率降序排序显示,使得用户在进行选择操作时,能够优先获取被选中可能性高的选项,进一步提高选择操作效率。
在一个实施例中,该选项列表显示方法中显示包括选项搜索框和选项集合中选项的选项列表的步骤具体包括:获取预设选项单元高度和预设选项列表最大高度;根据预设选项单元高度和预设选项列表最大高度确定可显示的选项数量;当选项集合的选项数量超过可显示的选项数量时,显示包括选项搜索框、选项集合中选项和滚动条的选项列表;当选项集合的选项数量未超过可显示的选项数量时,直接显示包括选项搜索框和选项集合中选项的选项列表。
其中,预设选项单元高度是指预先设置的选项集合中单个选项在选项列表中进行显示的高度,预设选项列表最大高度是指预先设置的选项列表开启后显示的最大高度。
具体地,终端通过获取的选项列表开启指令查询到与选项列表控件的标识对应的选项集合,并判定选项集合的选项数量超过预设数量后,在文件、数据库或者缓存中获取预设选项单元高度和预设选项列表最大高度。根据获取的该预设选项单元高度和预设选项列表最大高度计算得到能够在选项列表中显示的选项的最大数量。
将选项集合的选项数量与该最大数量比较。当选项集合的选项数量超过该最大数量时,显示包括选项搜索框、选项集合中选项和滚动条的选项列表。其中,滚动条用于使得选项列表中的选项进行滚动显示。此时选项列表仅可视化显示选项集合中部分选项。终端检测作用于滚动条的滚动事件,在检测到该滚动事件后获取滚动条上的滑块的位置,根据各个选项的在选项列表中的位置确定与该滑块的位置对应的选项,再确定与该对应的选项相邻的可在选项列表中可视显示的其他选项,将这些选项进行可视显示。当选项集合的选项数量未超过能够在选项列表中显示的选项的最大数量时,直接显示包括选项搜索框和选项集合中选项的选项列表。
举例说明,图8示出了又一个实施例中选项列表控件处于展开状态时的控件示意图。如图8所示,该控件包括选择结果展示框810、选项列表开启入口820、选项搜索框830、选项集合中的选项840和滚动条850。假设根据预设选项单元高度和预设选项列表最大高度计算得到的最大数量为10。若统计得到的选项集合的选项数量为12,超过了可显示的最大数量,应当显示包括选项搜索框、选项集合中选项和滚动条的选项列表,亦即选项列表控件应当按照如图8所示进行显示,通过滑动滚动条上的滑块可视显示选项列表中的部分选项。若统计得到的选项集合的选项数量为9,未超过可显示的最大数量应当显示包括选项搜索框和选项集合中选项的选项列表,亦即选项列表控件应当按照如图5所示进行显示。
在本实施例中,预先设置了单个选项在选项列表中进行显示的高度和选项列表开启后显示的最大高度,固定了可在选项列表中显示的选项最大数量。对于选项数量较大的选项列表增加了可以使得选项滚动显示的滚动条,这样可视化显示部分选项简单明了。而且可视化显示少量的选项可以避免用户在进行选项选择时被其他信息干扰,进而提高了选项操作效率。
在一个实施例中,该选项列表显示方法中显示包括选项搜索框和选项集合中选项的选项列表的步骤具体包括:将集合中的选项进行分类得到选项子集和相应的类别标识;显示包括选项搜索框、类别标识和与类别标识对应的选项子集开启入口的选项列表。
其中,类别标识是指用于类别区分的标识。具体地,终端通过获取的选项列表开启指令查询到与选项列表控件的标识对应的选项集合,并判定选项集合的选项数量超过预设数量后,将选项集合中的选项进行分类得到选项子集和相应的类别标识,显示包括选项搜索框、类别标识和与类别标识对应的选项子集开启入口的选项列表。其中,选项分类的方式可以是将选项按照属性分类或者按照选项字符串中的特征字分类等。选项子集开启入口是指用于开启并显示包括选项子集中选项的选项子列表。
举例说明,图9示出了再一个实施例中选项列表控件开启选项列表后的控件示意图,如图9所示,该控件包括选择结果展示框910、选项列表开启入口920、选项搜索框930、类别标识940和选项子集开启入口950。比如,对集合中选项进行分类后获得的类别标识为“水果”、“饮料”和“蔬菜”,则“水果”对应的选项子集可以包括“苹果”、“香蕉”和“葡萄”等,此时显示的选项列表控件应当为如图9所示的选项列表控件。
在终端检测到作用于选项子集开启入口950的触发操作后,按照自适应开启方法开启选项子列表,此时显示的选项列表控件应当为如图10所示的选项列表控件。图10示出了一个实施例中选项列表控件开启选项子列表后的控件示意图。如图10所示,该控件包括选择结果展示框1010、选项列表开启入口1020、选项搜索框1030、类别标识1040、选项子集开启入口1050和选项子集中选项1060。
在本实施例中,将选项集合中的选项进行分类,显示包括选项搜索框、类别标识和与类别标识对应的选项子集开启入口的选项列表。用户可先确定意图选择的选项类别,再触发该类别标识对应的选项子集显示,在少量的选项中进行选择,提高了选择操作的效率。
图11为另一个实施例中选项列表显示方法的流程示意图。参照图11,该选项列表显示方法具体包括如下步骤:
S1102,显示选项列表控件的选项列表开启入口。
S1104,获取针对选项列表开启入口的选项列表开启指令。
S1106,根据选项列表开启指令查询与选项列表控件的标识对应的选项集合。
S1108,当选项集合的选项数量超过预设数量时,显示包括选项搜索框和选项集合中选项的选项列表;选项搜索框用于搜索选项集合中的选项。
S1110,获取在选项搜索框中输入的关键字。
具体地,终端检测针对选项输入框的输入事件,在检测到输入事件后获取用户在选项搜索框中输入的关键字。
S1112,从选项集合中查找与关键字匹配的选项。
具体地,终端在获取用户输入的关键字后,遍历选项集合中的各选项,在遍历时,将遍历的选项与获取的关键字匹配,提取匹配成功的选项。
S1113,将选项列表中显示的选项更新为匹配的选项。
具体地,终端在根据获取的关键字查找到匹配的选项后,将在选项列表中显示的选项集合中的选择替换为提取的匹配成功的选项,显示匹配的选项。
S1114,当选项集合的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表。
在本实施例中,终端在获取用户输入的关键字后,自动查找与获取的关键字匹配的选项,并将选项列表中显示的选项更新为查找到的匹配的选项,用户可以直接在显示的匹配的选项中选择意图选择的选项,提高了选择操作效率。
举例说明,图12示出了一个实施例中在选项搜索框搜索后的控件示意图。如图12所示,该控件包括选择结果展示框1210、选项列表开启入口1220、选项搜索框1230和匹配的选项1240。终端从选项集合中查找与用户输入的关键字匹配的选项后,将选项列表中显示的选项更新为匹配的选项,亦即选项列表控件应当按照如图12所示进行显示。假设用户输入的关键字为“测试”,查找到的匹配的选项可以是“信号测试”、“网络测试”和“功能测试”等,应当在选项搜索框1230中显示用户输入的关键字“测试”,选项列表中显示的选项为“信号测试”、“网络测试”和“功能测试”等。
进一步地,在一个实施例中,显示的选项列表还包括附加功能入口。比如新增选项入口等。当用户在进行选择操作未查找到意图选择的选项时,可以通过作用于新增选项入口触发新增选项指令,在新增选项输入框中输入需要新增的选项,并将新增的选项在选项列表中显示。
在一个实施例中,该选项列表显示方法中将选项列表中显示的选项更新为匹配的选项后,还包括:从选项列表中显示的选项更新为匹配的选项时开始计时;若在计时时长达到预设时长前未检测到作用于匹配的选项的选择指令,则删除在选项搜索框中输入的关键字;将选项列表中显示的选项更新为选项集合中的选项。
其中,预设时长为预先设置的搜索结果最长显示时间,比如30秒等。选择指令是指用户对显示的选项进行选择的指令,可以是终端检测到针对选项的点击操作或者触控操作等触发的相应的选择指令。
在本实施例中,预先设置了搜索结果最长显示时间。用户在搜索框中输入关键字后,预设时长内未在选项列表中显示的匹配的选项中进行选择时,自动将用户输入的关键字删除,并将显示的选项恢复到原来的显示,避免了用户在输错关键字或者未找到意图选择的选项后需要手动删除关键字的繁琐操作,提高了选择操作的效率。
图13为又一个实施例中选项列表显示方法的流程示意图。参照图13,该选项列表显示方法具体包括如下步骤:
S1302,显示选项列表控件的选项列表开启入口。
S1304,获取针对选项列表开启入口的选项列表开启指令。
S1306,根据选项列表开启指令查询与选项列表控件的标识对应的选项集合。
S1308,当选项集合的选项数量超过预设数量时,获取选项列表开启入口在选项列表开启入口所属页面的位置;根据该位置确定选项列表相对于选项列表开启入口的自适应开启方向。
S1310,获取与选项集合中各选项一一对应的历史选中频率;将选项集合中选项按照历史选中频率降序排序。
S1312,获取预设选项单元高度和预设选项列表最大高度;根据预设选项单元高度和预设选项列表最大高度确定可显示的选项数量。
S1314,当选项集合的选项数量超过可显示的选项数量时,按照自适应开启方向开启并显示包括选项搜索框、选项集合中选项和滚动条的选项列表;其中,显示的选项集合中选项按照历史选中频率降序排序。
S1316,当选项集合的选项数量未超过可显示的选项数量时,按照自适应开启方向开启并显示包括选项搜索框和选项集合中选项的选项列表;其中,显示的选项集合中选项按照历史选中频率降序排序。
S1318,获取在选项搜索框中输入的关键字。
S1320,从选项集合中查找与关键字匹配的选项。
S1322,将选项列表中显示的选项更新为匹配的选项。
S1324,从选项列表中显示的选项更新为匹配的选项时开始计时。
S1326,若在计时时长达到预设时长前未检测到作用于匹配的选项的选择指令,则删除在选项搜索框中输入的关键字。
S1328,将选项列表中显示的选项更新为选项集合中的选项。
S1330,当选项集合的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表。
上述选项列表显示方法,显示选项列表控件的选项列表开启入口,在获取到针对该选项列表开启入口的选项列表开启指令后,查询与选项列表控件的标识对应的选项集合,当查询到的选项集合中的选项数量超过预设数量时,显示的选项列表包括用于搜索选项集合中选项的选项搜索框。由于增加了选项搜索功能,用户可以直接在选项搜索框中进行选项搜索,避免了在选项列表中逐个选项查找才能找到意图选择的选项的问题,极大地提高了选择操作效率。
并且,将选项列表按照自适应开启方向开启并显示,使得用户在进行选择操作时能够更有效地排除其他干扰获取选项信息进行选择操作,提高选择操作效率。
进一步地,对需在列表中显示的选项按照历史选中频率降序排序显示,使得用户在进行选择操作时,能够优先获取被选中可能性高的选项,进一步提高选择操作效率。
更进一步地,预先设置了单个选项在选项列表中进行显示的高度和选项列表开启后显示的最大高度,固定了可在选项列表中显示的选项最大数量。对于选项数量较大的选项列表增加了可以使得选项滚动显示的滚动条,这样可视化显示部分选项简单明了。而且可视化显示少量的选项可以避免用户在进行选项选择时被其他信息干扰,提高选项操作效率。
再进一步地,在获取用户输入的关键字后,自动查找与获取的关键字匹配的选项,并将选项列表中显示的选项更新为查找到的匹配的选项。用户可以直接在显示的匹配的选项中选择意图选择的选项,提高选择操作效率。并预先设置了搜索结果最长显示时间。用户在搜索框中输入关键字后,预设时长内未在选项列表中显示的匹配的选项中进行选择时,自动将用户输入的关键字删除,并将显示的选项恢复到原来的显示,避免了用户在输错关键字或者未找到意图选择的选项后需要手动删除关键字的繁琐操作,提高选择操作的效率。
而且,在选项集合中的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表,此时选项列表不再包括选项搜索框,仅显示有限数量的选项,简洁明了。用户可以直接快速定位意图选择的选项进行选择,提高了选项列表的实用性。
图14为一个实施例中选项列表显示装置的结构框图,参照图14,该选项列表显示装置包括入口显示模块1401、指令获取模块1402、选项查询模块1403和选项列表显示模块1404。
入口显示模块1401,用于显示选项列表控件的选项列表开启入口。
指令获取模块1402,用于获取针对选项列表开启入口的选项列表开启指令。
选项查询模块1403,用于根据选项列表开启指令查询与选项列表控件的标识对应的选项集合。
选项列表显示模块1404,用于当选项集合的选项数量超过预设数量时,显示包括选项搜索框和选项集合中选项的选项列表;选项搜索框用于搜索选项集合中的选项;当选项集合的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表。
上述选项列表显示装置,显示选项列表控件的选项列表开启入口,在获取到针对该选项列表开启入口的选项列表开启指令后,查询与选项列表控件的标识对应的选项集合,当查询到的选项集合中的选项数量超过预设数量时,显示的选项列表包括用于搜索选项集合中选项的选项搜索框。由于增加了选项搜索功能,用户可以直接在选项搜索框中进行选项搜索,避免了在选项列表中逐个选项查找才能找到意图选择的选项的问题,极大地提高了选择操作效率。而且,在选项集合中的选项数量未超过预设数量时,直接显示包括选项集合中选项的选项列表,此时选项列表不再包括选项搜索框,仅显示有限数量的选项,简洁明了,用户可以直接快速定位意图选择的选项进行选择,提高了选项列表的实用性。
在一个实施例中,选项列表显示模块1404还用于获取选项列表开启入口在选项列表开启入口所属页面的位置;根据位置确定选项列表相对于选项列表开启入口的自适应开启方向;按照自适应开启方向开启并显示包括选项搜索框和选项集合中选项的选项列表。
在本实施例中,将选项列表按照自适应开启方向开启并显示包括选项搜索框和选项集合中选项的选项列表,使得用户在进行选择操作时能够更有效地排除其他干扰获取选项信息进行选择操作,提高选择操作效率。
在一个实施例中,选项列表显示模块1404还用于获取与选项集合中各选项一一对应的历史选中频率;将选项集合中选项按照历史选中频率降序排序;显示包括选项搜索框和降序排序的选项的选项列表。
本实施例中,对需在列表中显示的选项按照历史选中频率降序排序显示,使得用户在进行选择操作时,能够优先获取被选中可能性高的选项,进一步提高选择操作效率。
在一个实施例中,选项列表显示模块1404还用于获取预设选项单元高度和预设选项列表最大高度;根据预设选项单元高度和预设选项列表最大高度确定可显示的选项数量;当选项集合的选项数量超过可显示的选项数量时,显示包括选项搜索框、选项集合中选项和滚动条的选项列表;当选项集合的选项数量未超过可显示的选项数量时,直接显示包括选项搜索框和选项集合中选项的选项列表。
在本实施例中,预先设置了单个选项在选项列表中进行显示的高度和选项列表开启后显示的最大高度,固定了可在选项列表中显示的选项最大数量。对于选项数量较大的选项列表增加了可以使得选项滚动显示的滚动条,这样可视化显示部分选项简单明了。而且可视化显示少量的选项可以避免用户在进行选项选择时被其他信息干扰,进而提高了选项操作效率。
在一个实施例中,选项列表显示模块1404还用于将选项集合中的选项进行分类得到选项子集和相应的类别标识;显示包括选项搜索框、类别标识和与类别标识对应的选项子集开启入口的选项列表。
在本实施例中,将选项集合中的选项进行分类,显示包括选项搜索框、类别标识和与类别标识对应的选项子集开启入口的选项列表,用户可先确定意图选择的选项类别,再触发该类别标识对应的选项子集显示,在少量的选项中进行选择,提高了选择操作的效率。
在一个实施例中,选项列表显示模块1404还用于获取在选项搜索框中输入的关键字;从选项集合中查找与关键字匹配的选项;将选项列表中显示的选项更新为匹配的选项。
在本实施例中,终端在获取用户输入的关键字后,自动查找与获取的关键字匹配的选项,并将选项列表中显示的选项更新为查找到的匹配的选项,用户可以直接在显示的匹配的选项中选择意图选择的选项,提高了选择操作效率。
在一个实施例中,选项列表显示模块1404还用于从选项列表中显示的选项更新为匹配的选项时开始计时;若在计时时长达到预设时长前未检测到作用于匹配的选项的选择指令,则删除在选项搜索框中输入的关键字;将选项列表中显示的选项更新为选项集合中的选项。
在本实施例中,预先设置了搜索结果最长显示时间。用户在搜索框中输入关键字后,预设时长内未在选项列表中显示的匹配的选项中进行选择时,自动将用户输入的关键字删除,并将显示的选项恢复到原来的显示,避免了用户在输错关键字或者未找到意图选择的选项后需要手动删除关键字的繁琐操作,提高了选择操作的效率。
以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (14)
1.一种选项列表显示方法,所述方法包括:
显示选项列表控件的选项列表开启入口;
获取针对所述选项列表开启入口的选项列表开启指令;
根据所述选项列表开启指令查询与所述选项列表控件的标识对应的选项集合;
当所述选项集合的选项数量超过预设数量时,显示包括选项搜索框和所述选项集合中选项的选项列表;所述选项搜索框用于搜索所述选项集合中的选项;
当所述选项集合的选项数量未超过所述预设数量时,直接显示包括所述选项集合中选项的选项列表。
2.根据权利要求1所述的方法,其特征在于,所述显示包括选项搜索框和所述选项集合中选项的选项列表的步骤包括:
获取所述选项列表开启入口在所述选项列表开启入口所属页面的位置;
根据所述位置确定选项列表相对于所述选项列表开启入口的自适应开启方向;
按照所述自适应开启方向开启并显示包括选项搜索框和所述选项集合中选项的选项列表。
3.根据权利要求1所述的方法,其特征在于,所述显示包括选项搜索框和所述选项集合中选项的选项列表的步骤包括:
获取与所述选项集合中各选项一一对应的历史选中频率;
将所述选项集合中选项按照所述历史选中频率降序排序;
显示包括选项搜索框和降序排序的所述选项的选项列表。
4.根据权利要求1所述的方法,其特征在于,所述显示包括选项搜索框和所述选项集合中选项的选项列表的步骤包括:
获取预设选项单元高度和预设选项列表最大高度;
根据所述预设选项单元高度和所述预设选项列表最大高度确定可显示的选项数量;
当所述选项集合的选项数量超过所述可显示的选项数量时,显示包括选项搜索框、所述选项集合中选项和滚动条的选项列表;
当所述选项集合的选项数量未超过所述可显示的选项数量时,直接显示包括选项搜索框和所述选项集合中选项的选项列表。
5.根据权利要求1所述的方法,其特征在于,所述显示包括选项搜索框和所述选项集合中选项的选项列表的步骤包括:
将所述选项集合中的选项进行分类得到选项子集和相应的类别标识;
显示包括选项搜索框、所述类别标识和与所述类别标识对应的选项子集开启入口的选项列表。
6.根据权利要求1所述的方法,其特征在于,所述显示包括选项搜索框和所述选项集合中选项的选项列表之后,所述方法还包括:
获取在所述选项搜索框中输入的关键字;
从所述选项集合中查找与所述关键字匹配的选项;
将所述选项列表中显示的选项更新为所述匹配的选项。
7.根据权利要求6所述的方法,其特征在于,所述将所述选项列表中显示的选项更新为所述匹配的选项之后,所述方法还包括:
从所述选项列表中显示的选项更新为所述匹配的选项时开始计时;
若在计时时长达到预设时长前未检测到作用于所述匹配的选项的选择指令,则删除在所述选项搜索框中输入的所述关键字;
将所述选项列表中显示的选项更新为所述选项集合中的选项。
8.一种选项列表显示装置,其特征在于,所述装置包括:
入口显示模块,用于显示选项列表控件的选项列表开启入口;
指令获取模块,用于获取针对所述选项列表开启入口的选项列表开启指令;
选项查询模块,用于根据所述选项列表开启指令查询与所述选项列表控件的标识对应的选项集合;
选项列表显示模块,用于当所述选项集合的选项数量超过预设数量时,显示包括选项搜索框和所述选项集合中选项的选项列表;所述选项搜索框用于搜索所述选项集合中的选项;当所述选项集合的选项数量未超过所述预设数量时,直接显示包括所述选项集合中选项的选项列表。
9.根据权利要求8所述的装置,其特征在于,所述选项列表显示模块还用于获取所述选项列表开启入口在所述选项列表开启入口所属页面的位置;根据所述位置确定选项列表相对于所述选项列表开启入口的自适应开启方向;按照所述自适应开启方向开启并显示包括选项搜索框和所述选项集合中选项的选项列表。
10.根据权利要求8所述的装置,其特征在于,所述选项列表显示模块还用于获取与所述选项集合中各选项一一对应的历史选中频率;将所述选项集合中选项按照所述历史选中频率降序排序;显示包括选项搜索框和降序排序的所述选项的选项列表。
11.根据权利要求8所述的装置,其特征在于,所述选项列表显示模块还用于获取预设选项单元高度和预设选项列表最大高度;根据所述预设选项单元高度和所述预设选项列表最大高度确定可显示的选项数量;当所述选项集合的选项数量超过所述可显示的选项数量时,显示包括选项搜索框、所述选项集合中选项和滚动条的选项列表;当所述选项集合的选项数量未超过所述可显示的选项数量时,直接显示包括选项搜索框和所述选项集合中选项的选项列表。
12.根据权利要求8所述的装置,其特征在于,所述选项列表显示模块还用于将所述选项集合中的选项进行分类得到选项子集和相应的类别标识;显示包括选项搜索框、所述类别标识和与所述类别标识对应的选项子集开启入口的选项列表。
13.根据权利要求8所述的装置,其特征在于,所述选项列表显示模块还用于获取在所述选项搜索框中输入的关键字;从所述选项集合中查找与所述关键字匹配的选项;将所述选项列表中显示的选项更新为所述匹配的选项。
14.根据权利要求13所述的装置,其特征在于,所述选项列表显示模块还用于从所述选项列表中显示的选项更新为所述匹配的选项时开始计时;若在计时时长达到预设时长前未检测到作用于所述匹配的选项的选择指令,则删除在所述选项搜索框中输入的所述关键字;将所述选项列表中显示的选项更新为所述选项集合中的选项。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610896233.3A CN107943375B (zh) | 2016-10-13 | 2016-10-13 | 选项列表显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610896233.3A CN107943375B (zh) | 2016-10-13 | 2016-10-13 | 选项列表显示方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107943375A true CN107943375A (zh) | 2018-04-20 |
CN107943375B CN107943375B (zh) | 2021-06-15 |
Family
ID=61928523
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610896233.3A Active CN107943375B (zh) | 2016-10-13 | 2016-10-13 | 选项列表显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107943375B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109471694A (zh) * | 2018-10-29 | 2019-03-15 | 恒生电子股份有限公司 | 下拉列表管理方法与下拉列表 |
CN110457377A (zh) * | 2019-08-16 | 2019-11-15 | 第四范式(北京)技术有限公司 | 用于针对数据记录进行检索的交互方法和交互系统 |
CN111026993A (zh) * | 2019-12-26 | 2020-04-17 | 政采云有限公司 | 一种网页选框的选项展示方法及相关装置 |
CN111125504A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 网页数据显示方法和装置 |
CN111221446A (zh) * | 2018-11-27 | 2020-06-02 | 阿里巴巴集团控股有限公司 | 菜单的显示方法、装置及设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184230A (zh) * | 2011-05-11 | 2011-09-14 | 北京百度网讯科技有限公司 | 一种搜索结果的展示方法及装置 |
CN102929954A (zh) * | 2012-10-08 | 2013-02-13 | 北京百度网讯科技有限公司 | 控制搜索框的内容显示的方法及装置 |
CN103246425A (zh) * | 2013-05-22 | 2013-08-14 | 天脉聚源(北京)传媒科技有限公司 | 一种图标合拢的方法及装置以及图标展开的方法及装置 |
CN103631947A (zh) * | 2013-12-13 | 2014-03-12 | 广东欧珀移动通信有限公司 | 一种列表的搜索方法及搜索系统 |
US20140324858A1 (en) * | 2010-02-26 | 2014-10-30 | Sony Corporation | Information processing apparatus, keyword registration method, and program |
-
2016
- 2016-10-13 CN CN201610896233.3A patent/CN107943375B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140324858A1 (en) * | 2010-02-26 | 2014-10-30 | Sony Corporation | Information processing apparatus, keyword registration method, and program |
CN102184230A (zh) * | 2011-05-11 | 2011-09-14 | 北京百度网讯科技有限公司 | 一种搜索结果的展示方法及装置 |
CN102929954A (zh) * | 2012-10-08 | 2013-02-13 | 北京百度网讯科技有限公司 | 控制搜索框的内容显示的方法及装置 |
CN103246425A (zh) * | 2013-05-22 | 2013-08-14 | 天脉聚源(北京)传媒科技有限公司 | 一种图标合拢的方法及装置以及图标展开的方法及装置 |
CN103631947A (zh) * | 2013-12-13 | 2014-03-12 | 广东欧珀移动通信有限公司 | 一种列表的搜索方法及搜索系统 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109471694A (zh) * | 2018-10-29 | 2019-03-15 | 恒生电子股份有限公司 | 下拉列表管理方法与下拉列表 |
CN111125504A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 网页数据显示方法和装置 |
CN111221446A (zh) * | 2018-11-27 | 2020-06-02 | 阿里巴巴集团控股有限公司 | 菜单的显示方法、装置及设备 |
CN110457377A (zh) * | 2019-08-16 | 2019-11-15 | 第四范式(北京)技术有限公司 | 用于针对数据记录进行检索的交互方法和交互系统 |
CN110457377B (zh) * | 2019-08-16 | 2022-05-17 | 第四范式(北京)技术有限公司 | 用于针对数据记录进行检索的交互方法和交互系统 |
CN111026993A (zh) * | 2019-12-26 | 2020-04-17 | 政采云有限公司 | 一种网页选框的选项展示方法及相关装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107943375B (zh) | 2021-06-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107943375A (zh) | 选项列表显示方法和装置 | |
CN103377200B (zh) | 用户偏好信息采集方法和装置 | |
CN106095453B (zh) | 一种信息展示方法、装置及电子设备 | |
CN104169855B (zh) | 通知栏消息管理的方法及装置 | |
CN106598574A (zh) | 页面渲染的方法和装置 | |
TWI483174B (zh) | 網頁的群組管理方法 | |
CN103870102B (zh) | 图片切换方法及装置 | |
CN102104688A (zh) | 软件推荐方法和移动终端 | |
CN109933733A (zh) | 页面的展示方法和装置 | |
US20130066902A1 (en) | Information processing apparatus, information processing method, and computer-readable storage medium | |
US7725487B2 (en) | Content synchronization system and method of similar web pages | |
CN108196760A (zh) | 一种采用悬浮列表进行收藏处理的方法、装置及存储介质 | |
CN101395608A (zh) | 在搜索结果的站点内搜索 | |
CN106201177A (zh) | 一种操作执行方法及移动终端 | |
AU2013332591A1 (en) | User terminal device and control method thereof | |
CN106708905A (zh) | 视频内容搜索方法和装置 | |
CN106293705A (zh) | 一种收藏方法及移动终端 | |
JP2009026249A (ja) | 閲覧履歴編集端末及びプログラムおよびその方法 | |
CN105094653B (zh) | 一种页面内容的定位方法及装置 | |
CN103853777B (zh) | 通过关键字访问网站的方法及装置 | |
CN106055552A (zh) | 用户页面的显示方法及装置 | |
CN107220364A (zh) | 一种信息处理的方法及装置 | |
CN104965633B (zh) | 一种服务跳转的方法和装置 | |
JP5832487B2 (ja) | 端末装置及びプログラム | |
CN106055688A (zh) | 搜索结果的展现方法、装置和移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |