CN105094858A - 一种列表控件的加载方法及装置 - Google Patents

一种列表控件的加载方法及装置 Download PDF

Info

Publication number
CN105094858A
CN105094858A CN201410184550.3A CN201410184550A CN105094858A CN 105094858 A CN105094858 A CN 105094858A CN 201410184550 A CN201410184550 A CN 201410184550A CN 105094858 A CN105094858 A CN 105094858A
Authority
CN
China
Prior art keywords
loading
row
area
height
loading area
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
Application number
CN201410184550.3A
Other languages
English (en)
Other versions
CN105094858B (zh
Inventor
陶涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201410184550.3A priority Critical patent/CN105094858B/zh
Publication of CN105094858A publication Critical patent/CN105094858A/zh
Application granted granted Critical
Publication of CN105094858B publication Critical patent/CN105094858B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种列表控件的加载方法,涉及数据处理领域,用于解决控件列表多列显示问题。本发明提供的技术方案通过获取列表控件的各列加载区域的高度,确定当前已加载内容最少的一列显示区域,并选择空白区域加载列表空间的待加载项。使得用户可以在终端屏幕上浏览多列内容。本发明实施例可应用于列表控件的加载场景中。

Description

一种列表控件的加载方法及装置
技术领域
本发明涉及数据处理领域,尤其涉及一种列表控件的加载方法及装置。
背景技术
目前,基于windowsphone移动操作系统中的列表控件是用来为用户呈现菜单栏的一种实现方式,包括列表框和长列表选择控件。通过使用列表控件,用户可以在屏幕显示的一列菜单中点击或选择要使用的功能选项。但是由于windowsphone系统的应用中只能单独显示一列的内容,在菜单选项比较多的时候,用户需要不停滑动菜单栏才能选择到目标功能,操作效率低。
发明内容
本发明的实施例提供一种列表控件的加载方法及装置,能够提供列表控件加载速度,提高用户对列表控件的操作效率。
为达到上述目的,本发明的实施例采用如下技术方案:
本发明实施例提供了一种列表控件的加载方法,包括:
获取列表控件的各列加载区域的高度,所述列表控件包括至少两列加载区域。
根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域。
在所述当前已加载内容最少的一列显示区域中,选择空白区域加载所述列表空间的待加载项。
本发明实施例还提供了一种列表控件的加载装置,包括:
第一获取单元,用于获取列表控件的各列加载区域的高度,所述列表控件包括至少两列加载区域;
确定单元,用于根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域;
加载单元,用于在所述当前已加载内容最少的一列显示区域中,选择空白区域加载所述列表空间的待加载项。
本发明提供了一种列表控件的加载方法及装置,可以实现控件列表的多列显示,并且可以自行向加载内容较少的一列添加加载内容,相比于现有技术中控件列表只能显示一列加载区域,用户可以在菜单选项比较多的时候进行多列浏览,操作效率有明显提高。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种列表控件的加载方法流程图;
图2为本发明实施例提供的一种加载区域、显示区域以及空白区域三者之间的位置关系示意图;
图3为本发明实施例提供的一种使用数据虚拟化的方式实现对加载内容的调整流程图;
图4为本发明实施例提供的另一种列表控件的加载方法流程图;
图5为本发明实施例提供的加载项随用户的操作手势进行移动的示意图;
图6为本发明实施例提供的一种列表控件的加载装置结构框图;
图7为本发明实施例提供的另一种列表控件的加载装置结构框图;
图8为本发明实施例提供的另一种列表控件的加载装置结构框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明提供了一种列表控件的加载方法,能够实现列表框的多列显示,其流程如图1所示,包括:
101、获取列表控件的各列加载区域的高度,所述列表控件包括至少两列加载区域。
其中,列表控件中包含至少两列加载区域、一个显示区域,并可能存在有空白区域。加载区域加载列表控件中要显示出来的加载项,显示区域比加载区域小,用于显示加载区域内已加载的加载项,空白区域为在加载项不能填满加载区域时出现的区域。加载项可呈现的内容具体可以是文字,图片或视频等多媒体内容。
三者之间的位置关系可参照图2所示的内容。
需要说明的是,在本发明实施例中显示区域一般以电子终端的显示屏大小为准,而加载区域的形状大小的配置为各列加载区域的宽度之后不超过显示屏的宽度,加载区域中各列已加载项的高度和为显示屏高度的两倍。这只是本发明实施例提供的一种设置方法,用户可以根据需要进行修改。
102、根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域。
在本发明实施例中,单个加载区域的高度可以通过计算将每个加载区域内所有已加载项的高度之和来确定。因此,确定当前已加载内容最少的一列显示区域的实现方法可以为:对两列加载区域内的内容高度之和进行大小比较,若第一列已加载项的高度小于第二列已加载项的高度,则在确定第一列加载区域为当前已加载内容最少的一列显示区域。反之,则第二列加载区域为当前已加载内容最少的一列显示区域。
值得说明的是,若出现各列加载区域高度相同的情况,则可以从所有加载区域中随机选取一列进行内容加载,或者根据预先设定的各列优先级来确定一列进行内容加载。
103、在所述当前已加载内容最少的一列显示区域中,选择空白区域加载所述列表控件的待加载项。
其中,确定高度最低的一列加载区域后,会根据空白区域的大小加载列表控件的待加载项,添加方法可沿用现有技术中单列控件的加载流程。
本发明提供了一种列表控件的加载方法,可以实现控件列表的多列显示,并且可以自行向加载内容较少的一列添加加载内容,相比于现有技术中控件列表只能显示一列加载区域,用户可以在菜单选项比较多的时候进行多列浏览,操作效率有明显提高。
为了实现快速加载,本发明实施例的一种可能的实现方式选择加载列表控件的部分内容后直接进行显示,具体流程如图3所示,包括:
201、当各列加载区域的高度均与当前显示区域的高度满足预设关系时,停止加载所述列表控件的未加载项。
其中,预设关系是一个加载区域高度大于显示区域高度的关系。这个关系可以是加载区域高度是显示区域高度的两倍,当然,也可以是其他大于一的倍数关系。当满足预设关系时,列表控件会停止加载为加载项,并根据当前显示区域的显示面积,显示已加载项。
202、根据当前显示区域的显示面积,显示已加载项。
在本实施方式中,通过预设加载区域的高度与当前显示区域的高度,可以保证用户在进行浏览的时候不会出现空白区域,进而,使得用户在浏览时更为流畅,单页浏览内容更多。
为了节省系统资源,本发明实施例的一种可能的实施方式中使用数据虚拟化的方式实现对加载内容的调整,其具体流程如图4所示,在执行步骤202之后,还包括:
301、获取用户的显示内容调整请求,所述显示内容调整请求包括显示内容调整方向以及调整偏移量。
其中,用户的显示内容调整请求可以是用户需要调整当前显示区域内容的请求,具体可以包括当用户滑动列表时的上拉下拉操作。
302、根据所述显示内容调整方向以及调整偏移量,调整已加载项与加载区域的相对位置。
其中,加载区域是固定的,加载项随用户的操作手势进行移动。具体如图5所示内容,当用户进行上拉操作时,位于加载区域最上方的加载内容会相对加载区域向上移动。
303、将调整后位置脱离加载区域的已加载项删除。
在本实施方式中,当一列加载区域内,有一个已加载项的位置已经不在加载区域内,就直接对已加载项进行删除处理,进而可以节省控件占用的内存,减少内存损耗。
另外,若调整后出现了空白区域就可能需要添加新的加载项,具体的判决方法判断是否存在至少一列加载区域的尾部加载项少于额定数量,若确定存在则执行重新执行步骤101至103加载列表控件内尚未加载的内容。
此处描述的尾部是以用户显示内容调整请求中调整方向来定的,若向下调整,则加载区域的尾部在加载区域的上部;若向上调整,则加载区域的尾部在加载区域的下部。
其中,当一列加载区域的尾部加载项小于4个,也可以是其他数值时,则视为加载内容没有填满加载区域。则执行步骤101获取列表控件的各列加载区域的高度以及后续步骤。
本发明实施例还提供了一种列表控件的加载装置,可用于实现图1、图3和图4的方法流程,其组成如图6所示,包括:
第一获取单元41,用于获取列表控件的各列加载区域的高度,所述列表控件包括至少两列加载区域。
确定单元42,用于根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域。
加载单元43,用于在所述当前已加载内容最少的一列显示区域中,选择空白区域加载所述列表空间的待加载项。
可选的是,所述第一获取单元41具体用于将单个加载区域内所有已加载项的高度之和确定为所述单个加载区域的高度。
所述确定单元42具体用于根据每个加载区域的高度,选择高度最低的一列显示区域作为当前已加载内容最少的一列显示区域。
可选的是,如图7所示,还包括显示单元51。
所述加载单元43,用于在各列加载区域的高度均与当前显示区域的高度满足预设关系时,停止加载所述列表控件的未加载项。
所述显示单元51,用于根据当前显示区域的显示面积,显示已加载项。
可选的是,如图8所示,还包括:
第二获取单元61,用于获取用户的显示内容调整请求,所述显示内容调整请求包括显示内容调整方向以及调整偏移量。
调整单元62,用于根据所述显示内容调整方向以及调整偏移量,调整已加载项与加载区域的相对位置。
删除单元63,用于将调整后位置脱离加载区域的已加载项删除。
可选的是,所述第一获取单元41还用于在当存在至少一列加载区域的尾部加载项少于额定数量时,执行步骤获取列表控件的各列加载区域的高度以及后续步骤。
本发明提供了一种列表控件的加载装置,可以实现控件列表的多列显示,并且可以自行向加载内容较少的一列添加加载内容,相比于现有技术中控件列表只能显示一列加载区域,用户可以在菜单选项比较多的时候进行多列浏览,操作效率有明显提高。
通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在可读取的存储介质中,如计算机的软盘,硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种列表控件的加载方法,其特征在于,包括:
获取列表控件的各列加载区域的高度,所述列表控件包括至少两列加载区域;
根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域;
在所述当前已加载内容最少的一列显示区域中,选择空白区域加载所述列表空间的待加载项。
2.根据权利要求1所述的方法,其特征在于,所述获取列表控件的各列加载区域的高度包括:
将单个加载区域内所有已加载项的高度之和确定为所述单个加载区域的高度;
则所述根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域包括:
根据每个加载区域的高度,选择高度最低的一列显示区域作为当前已加载内容最少的一列显示区域。
3.根据权利要求2所述的方法,其特征在于,还包括:
当各列加载区域的高度均与当前显示区域的高度满足预设关系时,停止加载所述列表控件的未加载项,并根据当前显示区域的显示面积,显示已加载项。
4.根据权利要求3所述的方法,其特征在于,在所述根据当前显示区域的显示面积,显示已加载项之后,还包括:
获取用户的显示内容调整请求,所述显示内容调整请求包括显示内容调整方向以及调整偏移量;
根据所述显示内容调整方向以及调整偏移量,调整已加载项与加载区域的相对位置;
将调整后位置脱离加载区域的已加载项删除。
5.根据权利要求4所述的方法,其特征在于,在所述获取用户的显示内容调整请求,所述显示内容调整请求包括显示内容调整方向以及调整偏移量之后,还包括:
若存在至少一列加载区域的尾部加载项少于额定数量,则执行步骤获取列表控件的各列加载区域的高度以及后续步骤。
6.一种列表控件的加载装置,其特征在于,包括:
第一获取单元,用于获取列表控件的各列加载区域的高度,所述列表控件包括至少两列加载区域;
确定单元,用于根据各列加载区域的高度,确定当前已加载内容最少的一列显示区域;
加载单元,用于在所述当前已加载内容最少的一列显示区域中,选择空白区域加载所述列表空间的待加载项。
7.根据权利要求6所述的装置,其特征在于,所述第一获取单元具体用于将单个加载区域内所有已加载项的高度之和确定为所述单个加载区域的高度;
所述确定单元具体用于根据每个加载区域的高度,选择高度最低的一列显示区域作为当前已加载内容最少的一列显示区域。
8.根据权利要求7所述的装置,其特征在于,还包括显示单元;
所述加载单元,用于在各列加载区域的高度均与当前显示区域的高度满足预设关系时,停止加载所述列表控件的未加载项;
所述显示单元,用于根据当前显示区域的显示面积,显示已加载项。
9.根据权利要求8所述的装置,其特征在于,还包括:
第二获取单元,用于获取用户的显示内容调整请求,所述显示内容调整请求包括显示内容调整方向以及调整偏移量;
调整单元,用于根据所述显示内容调整方向以及调整偏移量,调整已加载项与加载区域的相对位置;
删除单元,用于将调整后位置脱离加载区域的已加载项删除。
10.根据权利要求9所述的装置,其特征在于,所述第一获取单元还用于在当存在至少一列加载区域的尾部加载项少于额定数量时,执行步骤获取列表控件的各列加载区域的高度以及后续步骤。
CN201410184550.3A 2014-05-04 2014-05-04 一种列表控件的加载方法及装置 Active CN105094858B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410184550.3A CN105094858B (zh) 2014-05-04 2014-05-04 一种列表控件的加载方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410184550.3A CN105094858B (zh) 2014-05-04 2014-05-04 一种列表控件的加载方法及装置

Publications (2)

Publication Number Publication Date
CN105094858A true CN105094858A (zh) 2015-11-25
CN105094858B CN105094858B (zh) 2019-08-27

Family

ID=54575385

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410184550.3A Active CN105094858B (zh) 2014-05-04 2014-05-04 一种列表控件的加载方法及装置

Country Status (1)

Country Link
CN (1) CN105094858B (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108271060A (zh) * 2016-12-30 2018-07-10 深圳市优朋普乐传媒发展有限公司 一种列表加载方法及装置
CN109144624A (zh) * 2017-06-28 2019-01-04 武汉斗鱼网络科技有限公司 Ios中展示不等高列表的方法、存储介质、设备及系统
CN112423084A (zh) * 2020-11-11 2021-02-26 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质
CN112540761A (zh) * 2020-12-11 2021-03-23 网易(杭州)网络有限公司 控件的显示控制方法和装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002029538A1 (en) * 2000-09-29 2002-04-11 Apple Computer, Inc. A combined menu-list control element in a graphical user interface
CN101552837A (zh) * 2009-03-11 2009-10-07 惠州Tcl移动通信有限公司 一种菜单显示方法
CN102214454A (zh) * 2011-05-27 2011-10-12 苏州阔地网络科技有限公司 一种控件排列显示方法、系统及客户端
CN103440093A (zh) * 2013-09-10 2013-12-11 北京网秦天下科技有限公司 在列表显示界面中显示列表的方法和移动终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002029538A1 (en) * 2000-09-29 2002-04-11 Apple Computer, Inc. A combined menu-list control element in a graphical user interface
CN101552837A (zh) * 2009-03-11 2009-10-07 惠州Tcl移动通信有限公司 一种菜单显示方法
CN102214454A (zh) * 2011-05-27 2011-10-12 苏州阔地网络科技有限公司 一种控件排列显示方法、系统及客户端
CN103440093A (zh) * 2013-09-10 2013-12-11 北京网秦天下科技有限公司 在列表显示界面中显示列表的方法和移动终端

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
网友: "多列书签样式", 《HTTP://TIEBA.BAIDU.COM/P/1893816087?PN=1》 *

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108271060A (zh) * 2016-12-30 2018-07-10 深圳市优朋普乐传媒发展有限公司 一种列表加载方法及装置
CN109144624A (zh) * 2017-06-28 2019-01-04 武汉斗鱼网络科技有限公司 Ios中展示不等高列表的方法、存储介质、设备及系统
CN109144624B (zh) * 2017-06-28 2021-10-15 武汉斗鱼网络科技有限公司 Ios中展示不等高列表的方法、存储介质、设备及系统
CN112423084A (zh) * 2020-11-11 2021-02-26 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质
CN112423084B (zh) * 2020-11-11 2022-11-01 北京字跳网络技术有限公司 热点榜单的显示方法、装置、电子设备和存储介质
CN112540761A (zh) * 2020-12-11 2021-03-23 网易(杭州)网络有限公司 控件的显示控制方法和装置

Also Published As

Publication number Publication date
CN105094858B (zh) 2019-08-27

Similar Documents

Publication Publication Date Title
CN107168712B (zh) 界面绘制方法、移动终端及计算机可读存储介质
US9805003B2 (en) Rearranging layouts for different displays
CN109508213B (zh) 一种视图渲染方法、装置、介质及智能终端
US20160110414A1 (en) Information searching apparatus and control method thereof
US20170123645A1 (en) Method and apparatus for automatically adjusting interface element
CN105094858A (zh) 一种列表控件的加载方法及装置
CN103777936B (zh) Erp表单的可变用户级视图的实现方法及装置
CN103955536A (zh) 应用程序的分类方法和装置
CN106201234A (zh) 页面内容的查看方法及装置
CN111767002B (zh) 页面展示方法、装置、设备及存储介质
US11720370B2 (en) Electronic apparatus and method of executing application program
EP2874054A1 (en) Application text adjusting method, device, and terminal
US20190073091A1 (en) Dynamic display layout systems and methods
CN103324576A (zh) 一种存储空间更改方法及电子设备
JP2015513727A (ja) 記憶媒体及び処理方法
CN113986076A (zh) 图标显示控制方法、装置、电子设备及存储介质
CN107203418B (zh) 根据系统配置选取资源的方法及装置
CN105100862A (zh) 网格移动的显示处理方法及其系统
CN109542554B (zh) 文档布局转换的方法、装置、计算机设备和存储介质
CN105242842A (zh) 一种照片批量选择的方法
CN115857751A (zh) 图标管理方法、装置及电子设备
CN104199894A (zh) 一种文件扫描方法及装置
CN104750373A (zh) 一种处理页面内容的方法及装置
CN110533742B (zh) 一种图像填色方法、装置、设备及存储介质
CN108363525B (zh) 一种响应网页中用户手势操作的方法、装置和终端设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant