列表显示方法及装置制造方法及图纸

技术编号:21630148 阅读:39 留言:0更新日期:2019-07-17 11:28
本发明专利技术公开了一种列表显示方法及装置,属于信息处理技术领域。该方法包括:获取待显示的目标列表的最小宽度和目标列表中多个列项分别对应的属性信息,最小宽度为目标列表完整显示时所需要占用的最小宽度;确定当前显示区域的宽度;当最小宽度大于当前显示区域的宽度时,基于获取得到的多个属性信息,对多个列项中的至少两个列项进行合并,并显示列项合并之后的目标列表。本发明专利技术实施例通过将多个列项中的至少两个列项进行合并,保证了该目标列表能够完整的显示在当前显示区域中,相较于相关技术中列表的布局方式更加灵活,即使对于不同的终端,该目标列表也可以保证完整的进行显示。

List display method and device

【技术实现步骤摘要】
列表显示方法及装置
本专利技术涉及信息处理
,特别涉及一种列表显示方法及装置。
技术介绍
通常,用户通过终端浏览网页时,终端不仅可以显示网页中的图片、文本等内容,还可以显示列表。其中,当在网页中显示列表时,终端当前显示区域的宽度可能大于列表宽度,也可能小于列表宽度。当终端当前显示区域的宽度小于列表宽度时,为了用户能够查看完整的列表内容,可以通过不同的方法显示该列表。相关技术中,当当前显示区域的宽度小于列表宽度时,终端可以保持列表宽度不变,固定列表首列,并在当前显示区域显示列表的部分内容以及横向滚动条,当检测到用户针对该滚动条的拖动操作时,列表横向滚动,从而显示剩余部分。然而,如果列表的列项太多,列表宽度太大,而终端当前的显示区域又较小,那么,采用上述方法进行列表显示,用户需要多次反复的拖动滚动条来查看列表中的信息,操作繁琐且极不方便。
技术实现思路
为了解决相关技术中用户查看列表中的信息时操作繁琐且极不方便的问题,本专利技术实施例提供了一种列表显示方法及装置。所述技术方案如下:第一方面,提供了一种列表显示方法,所述方法包括:获取待显示的目标列表的最小宽度和所述目标列表中多个列项分别对应的属性信息,所述最小宽度为所述目标列表完整显示时所需要占用的最小宽度;确定当前显示区域的宽度;当所述最小宽度大于所述当前显示区域的宽度时,基于获取得到的多个属性信息,对所述多个列项中的至少两个列项进行合并,并显示列项合并之后的目标列表,所述列项合并之后的目标列表中的合并列包括所述至少两个列项的内容,且所述合并列的列名与所述至少两个列项的列名不相同。可选地,所述基于获取得到的多个属性信息,对所述多个列项中的至少两个列项进行合并,包括:如果所述多个属性信息中存在包括合并组序号的属性信息,则将合并组序号相同的属性信息对应的列项组成一个合并组,以得到M个合并组,所述M为大于或等于1的正整数;确定所述目标列表的第一实际宽度,所述第一实际宽度是指将所述M个合并组中的列项全部合并之后所述目标列表的实际宽度;如果所述目标列表的第一实际宽度小于所述当前显示区域的宽度,则对所述M个合并组中的至少一个合并组中的列项进行合并;如果所述目标列表的第一实际宽度大于所述当前显示区域的宽度,则从所述多个列项中除了所述M个合并组之外剩余的列项中选择至少两个列项,并将所述M个合并组中的列项以及选择的至少两个列项分别进行合并。可选地,所述对所述M个合并组中的至少一个合并组中的列项进行合并,包括:按照所述M个合并组分别对应的合并组序号对所述M个合并组进行排序,得到第一排序结果;令i=1,对所述第一排序结果中的第i个合并组中的列项进行合并,并确定所述目标列表的第二实际宽度,所述第二实际宽度是指将所述第一排序结果中前i个合并组中的列项进行合并之后所述目标列表的实际宽度,所述i为大于或等于1且小于或等于所述M的正整数;当所述目标列表的第二实际宽度大于所述当前显示区域的宽度时,令所述i=i+1,返回对所述第一排序结果中的第i个合并组中的列项进行合并的步骤,直至所述目标列表的第二实际宽度小于或等于所述当前显示区域的宽度为止。可选地,所述确定所述目标列表的第二实际宽度,包括:获取所述第i个合并组中每个列项对应的列项宽度比例以及所述第i个合并组对应的合并列宽度比例;确定第一宽度和第二宽度,所述第一宽度是指所述第i个合并组中每个列项对应的列项宽度比例与所述最小宽度之间的乘积之和,所述第二宽度是指所述第i个合并组对应的合并列宽度比例与所述最小宽度之间的乘积;确定所述第一宽度与所述第二宽度之间的第一宽度差值,并将所述最小宽度减去所述第一宽度差值以及所述第i个合并组之前的i-1个合并组分别对应的宽度差值,得到所述目标列表的第二实际宽度。可选地,所述从所述多个列项中除了所述M个合并组之外剩余的列项中选择至少两个列项,包括:令k=2,确定所述目标列表的第三实际宽度,所述第三实际宽度是指将所述M个合并组中的列项全部合并以及将所述剩余的列项中倒数k个列项进行合并之后所述目标列表的实际宽度,所述k为大于或等于2的正整数;如果所述目标列表的第三实际宽度大于所述当前显示区域的宽度,则令所述k=k+1,返回确定所述目标列表的第三实际宽度的步骤,直至所述目标列表的第三实际宽度小于或等于所述当前显示区域的宽度为止时,将所述剩余的列项中倒数k个列项确定为选择的至少两个列项。可选地,所述将所述M个合并组中的列项以及选择的至少两个列项分别进行合并,包括:将所述M个合并组中的列项分别进行合并,得到M个合并列;按照所述选择的至少两个列项的顺序,将每N个列项合并成一个合并列。可选地,所述显示列项合并之后的目标列表,包括:当合并为一个合并列的至少两个列项对应的至少两个属性信息中包括合并列列名时,将所述合并列列名作为由所述至少两个列项合并得到的合并列的列名进行显示;或者,当合并为一个合并列的至少两个列项对应的至少两个属性信息中不包括合并列列名时,将由所述至少两个列项合并得到的合并列的列名设置为预设列名,并按照所述预设列名显示所述合并列;在所述合并列中显示所述至少两个列项的内容。可选地,所述确定当前显示区域的宽度之后,还包括:当所述最小宽度小于所述当前显示区域的宽度时,获取所述多个列项中每个列项的列项宽度比例;将所述多个列项中每个列项的列项宽度比例与所述当前显示区域的宽度相乘,得到每个列项的列宽;基于每个列项的列宽显示所述目标列表。可选地,所述显示列项合并之后的目标列表之后,还包括:对于所述目标列表包括的R个合并列中的每个合并列,基于所述合并列生成合并列属性信息,所述合并列属性信息包括拆分属性、所述合并列对应的合并组序号、合并列宽度比例和所述合并列中每个列项对应的列项宽度比例,所述R为大于或等于1的正整数;确定所述合并之后的目标列表的第四实际宽度,所述第四实际宽度是列项合并之后进行显示时所述目标列表的实际宽度;当检测到所述当前显示区域的宽度大于所述第四实际宽度时,基于所述当前显示区域的宽度和所述第四实际宽度,对所述R个合并列中的至少一个合并列进行拆分。可选地,所述基于所述当前显示区域的宽度和所述第四实际宽度,对所述R个合并列中的至少一个合并列进行拆分,包括:按照所述R个合并列对应的合并组序号对所述R个合并列进行排序,得到第二排序结果;令j=1,确定第三宽度和所述目标列表的第五实际宽度,所述第三宽度是指所述第二排序结果中倒数第j个合并列的每个列项对应的列项宽度比例与所述第五实际宽度的乘积之和,所述第五实际宽度是指将所述第二排序结果中倒数j个合并列进行拆分之后所述目标列表的实际宽度,且在所述j=1时,所述第五实际宽度与所述第四实际宽度相等;当所述当前显示区域的宽度与所述第五实际宽度之间的差值大于所述第三宽度时,基于所述倒数第j个合并列中每个列项对应的列项宽度比例,将所述倒数第j个合并列进行拆分,令所述j=j+1,返回确定第三宽度的步骤,直至所述当前显示区域的宽度小于或等于所述目标列表的第五实际宽度,或直至所述当前显示区域的宽度与所述目标列表的第五实际宽度之间的差值小于所述第三宽度为止。第二方面,提供了一种列表显示装置,所述装置包括:第一获取模块,用于获取待显示的目标列表的最小宽度和所述目标列表中多个列项分别对应的属本文档来自技高网...

【技术保护点】
1.一种列表显示方法,其特征在于,所述方法包括:获取待显示的目标列表的最小宽度和所述目标列表中多个列项分别对应的属性信息,所述最小宽度为所述目标列表完整显示时所需要占用的最小宽度;确定当前显示区域的宽度;当所述最小宽度大于所述当前显示区域的宽度时,基于获取得到的多个属性信息,对所述多个列项中的至少两个列项进行合并,并显示列项合并之后的目标列表,所述列项合并之后的目标列表中的合并列包括所述至少两个列项的内容,且所述合并列的列名与所述至少两个列项的列名不相同。

【技术特征摘要】
1.一种列表显示方法,其特征在于,所述方法包括:获取待显示的目标列表的最小宽度和所述目标列表中多个列项分别对应的属性信息,所述最小宽度为所述目标列表完整显示时所需要占用的最小宽度;确定当前显示区域的宽度;当所述最小宽度大于所述当前显示区域的宽度时,基于获取得到的多个属性信息,对所述多个列项中的至少两个列项进行合并,并显示列项合并之后的目标列表,所述列项合并之后的目标列表中的合并列包括所述至少两个列项的内容,且所述合并列的列名与所述至少两个列项的列名不相同。2.根据权利要求1所述的方法,其特征在于,所述基于获取得到的多个属性信息,对所述多个列项中的至少两个列项进行合并,包括:如果所述多个属性信息中存在包括合并组序号的属性信息,则将合并组序号相同的属性信息对应的列项组成一个合并组,以得到M个合并组,所述M为大于或等于1的正整数;确定所述目标列表的第一实际宽度,所述第一实际宽度是指将所述M个合并组中的列项全部合并之后所述目标列表的实际宽度;如果所述目标列表的第一实际宽度小于所述当前显示区域的宽度,则对所述M个合并组中的至少一个合并组中的列项进行合并;如果所述目标列表的第一实际宽度大于所述当前显示区域的宽度,则从所述多个列项中除了所述M个合并组之外剩余的列项中选择至少两个列项,并将所述M个合并组中的列项以及选择的至少两个列项分别进行合并。3.根据权利要求2所述的方法,其特征在于,所述对所述M个合并组中的至少一个合并组中的列项进行合并,包括:按照所述M个合并组分别对应的合并组序号对所述M个合并组进行排序,得到第一排序结果;令i=1,对所述第一排序结果中的第i个合并组中的列项进行合并,并确定所述目标列表的第二实际宽度,所述第二实际宽度是指将所述第一排序结果中前i个合并组中的列项进行合并之后所述目标列表的实际宽度,所述i为大于或等于1且小于或等于所述M的正整数;当所述目标列表的第二实际宽度大于所述当前显示区域的宽度时,令所述i=i+1,返回对所述第一排序结果中的第i个合并组中的列项进行合并的步骤,直至所述目标列表的第二实际宽度小于或等于所述当前显示区域的宽度为止。4.根据权利要求3所述的方法,其特征在于,所述确定所述目标列表的第二实际宽度,包括:获取所述第i个合并组中每个列项对应的列项宽度比例以及所述第i个合并组对应的合并列宽度比例;确定第一宽度和第二宽度,所述第一宽度是指所述第i个合并组中每个列项对应的列项宽度比例与所述最小宽度之间的乘积之和,所述第二宽度是指所述第i个合并组对应的合并列宽度比例与所述最小宽度之间的乘积;确定所述第一宽度与所述第二宽度之间的第一宽度差值,并将所述最小宽度减去所述第一宽度差值以及所述第i个合并组之前的i-1个合并组分别对应的宽度差值,得到所述目标列表的第二实际宽度。5.根据权利要求2所述的方法,其特征在于,所述从所述多个列项中除了所述M个合并组之外剩余的列项中选择至少两个列项,包括:令k=2,确定所述目标列表的第三实际宽度,所述第三实际宽度是指将所述M个合并组中的列项全部合并以及将所述剩余的列项中倒数k个列项进行合并之后所述目标列表的实际宽度,所述k为大于或等于2的正整数;如果所述目标列表的第三实际宽度大于所述当前显示区域的宽度,则令所述k=k+1,返回确定所述目标列表的第三实际宽度的步骤,直至所述目标列表的第三实际宽度小于或等于所述当前显示区域的宽度为止时,将所述剩余的列项中倒数k个列项确定为选择的至少两个列项。6.根据权利要求2或5所述的方法,其特征在于,所述将所述M个合并组中的列项以及选择的至少两个列项分别进行合并,包括:将所述M个合并组中的列项分别进行合并,得到M个合并列;按照所述选择的至少两个列项的顺序,将每N个列项合并成一个合并列。7.根据权利要求1-6任一所述的方法,其特征在于,所述显示列项合并之后的目标列表,包括:当合并为一个合并列的至少两个列项对应的至少两个属性信息中包括合并列列名时,将所述合并列列名作为由所述至少两个列项合并得到的合并列的列名进行显示;或者,当合并为一个合并列的至少两个列项对应的至少两个属性信息中不包括合并列列名时,将由所述至少两个列项合并得到的合并列的列名设置为预设列名,并按照所述预设列名显示所述合并列;在所述合并列中显示所述至少两个列项的内容。8.根据权利要求1所述的方法,其特征在于,所述确定当前显示区域的宽度之后,还包括:当所述最小宽度小于所述当前显示区域的宽度时,获取所述多个列项中每个列项的列项宽度比例;将所述多个列项中每个列项的列项宽度比例与所述当前显示区域的宽度相乘,得到每个列项的列宽;基于每个列项的列宽显示所述目标列表。9.根据权利要求1-7任一所述的方法,其特征在于,所述显示列项合并之后的目标列表之后,还包括:对于所述目标列表包括的R个合并列中的每个合并列,基于所述合并列生成合并列属性信息,所述合并列属性信息包括拆分属性、所述合并列对应的合并组序号、合并列宽度比例和所述合并列中每个列项对应的列项宽度比例,所述R为大于或等于1的正整数;确定所述合并之后的目标列表的第四实际宽度,所述第四实际宽度是列项合并之后进行显示时所述目标列表的实际宽度;当检测到所述当前显示区域的宽度大于所述第四实际宽度时,基于所述当前显示区域的宽度和所述第四实际宽度,对所述R个合并列中的至少一个合并列进行拆分。10.根据权利要求9所述的方法,其特征在于,所述基于所述当前显示区域的宽度和所述第四实际宽度,对所述R个合并列中的至少一个合并列进行拆分,包括:按照所述R个合并列对应的合并组序号对所述R个合并列进行排序,得到第二排序结果;令j=1,确定第三宽度和所述目标列表的第五实际宽度,所述第三宽度是指所述第二排序结果中倒数第j个合并列的每个列项对应的列项宽度比例与所述第五实际宽度的乘积之和,所述第五实际宽度是指将所述第二排序结果中倒数j-1个合并列进行拆分之后所述目标列表的实际宽度,且在所述j=1时,所述第五实际宽度与所述第四实际宽度相等;当所述当前显示区域的宽度与所述第五实际宽度之间的差值大于所述第三宽度时,基于所述倒数第j个合并列中每个列项对应的列项宽度比例,将所述倒数第j个合并列进行拆分,令所述j=j+1,返回确定第三宽度的步骤,直至所述当前显示区域的宽度小于或等于所述目标列表的第五实际宽度,或直至所述当前显示区域的宽度与所述目标列表的第五实际宽度之间的差值小于所述第三宽度为止。11.一种列表显示装置,其特征在于,所述装置包括:第一获取模块,用于获取待显示的目标列表的最小宽度和所述目标列表中多个列项分别对应的属性信息,所述最小宽度为所述目标列表完整显示时所需要占用的最小宽...

【专利技术属性】
技术研发人员:王静方涛
申请(专利权)人:杭州海康威视数字技术股份有限公司
类型:发明
国别省市:浙江,33

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1