CN111290680B - 列表显示方法、装置、终端及存储介质 - Google Patents
列表显示方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN111290680B CN111290680B CN202010071610.6A CN202010071610A CN111290680B CN 111290680 B CN111290680 B CN 111290680B CN 202010071610 A CN202010071610 A CN 202010071610A CN 111290680 B CN111290680 B CN 111290680B
- Authority
- CN
- China
- Prior art keywords
- cell
- list
- determining
- size
- cells
- 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.)
- Active
Links
Images
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供了一种列表显示方法、装置、终端及存储介质,涉及计算机程序开发技术领域。所述方法包括:显示用户界面,用户界面中包括列表,列表中包括用于显示内容的单元格;响应于列表刷新指令,确定移出列表对应的视口区域的第一单元格;根据待显示的第一内容,确定第一单元格更新后的尺寸;根据第一单元格更新后的尺寸,在列表中重新加载显示第一单元格;在第一单元格中显示第一内容。本申请实施例提供的技术方案中,可以根据第一内容确定第一单元格重新加载显示的尺寸,从而使得在回收利用第一单元格时,第一单元格的尺寸可以变化,实现了一种单元格尺寸(如单元格高度)可变的复用列表方案,更具灵活性。
Description
技术领域
本申请实施例涉及计算机程序开发技术领域,特别涉及一种列表显示方法、装置、终端及存储介质。
背景技术
利用计算机技术,开发人员可以开发出各种各样的应用程序。应用程序在终端上运行时,经常需要以列表的形式显示内容。
在相关技术中,为了节省存储空间,开发人员会使用虚幻引擎自带的复用列表组件来实现列表显示功能。当需要在列表中显示内容时,通过复用列表组件,可以重复使用已生成的列表的单元格,只更新单元格中的显示内容,而不需要创建新的单元格。
在上述技术中,仅能显示单元格高度一致的复用列表,不够灵活。
发明内容
本申请实施例提供了一种列表显示方法、装置、终端及存储介质,可以实现单元格尺寸(如单元格高度)可变的复用列表方案,从而更具灵活性。所述技术方案如下:
一方面,本申请实施例提供了一种列表显示方法,所述方法包括:
显示用户界面,所述用户界面中包括列表,所述列表中包括用于显示内容的单元格;
响应于列表刷新指令,确定移出所述列表对应的视口区域的第一单元格;
根据待显示的第一内容,确定所述第一单元格更新后的尺寸;
根据所述第一单元格更新后的尺寸,在所述列表中重新加载显示所述第一单元格;
在所述第一单元格中显示所述第一内容。
另一方面,本申请实施例提供了一种列表显示装置,所述装置包括:
界面显示模块,用于显示用户界面,所述用户界面中包括列表,所述列表中包括用于显示内容的单元格;
单元格移出模块,用于响应于列表刷新指令,确定移出所述列表对应的视口区域的第一单元格;
尺寸确定模块,用于根据待显示的第一内容,确定所述第一单元格更新后的尺寸;
单元格加载模块,用于根据所述第一单元格更新后的尺寸,在所述列表中重新加载显示所述第一单元格;
内容显示模块,用于在所述第一单元格中显示所述第一内容。
再一方面,本申请实施例提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述的列表显示方法。
又一方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述的列表显示方法。
本申请实施例提供的技术方案可以包括如下有益效果:
通过根据列表刷新指令,确定移出列表对应的视口区域的第一单元格,根据待显示的第一内容,确定第一单元格更新后的尺寸,根据第一单元格更新后的尺寸,在列表中重新加载显示第一单元格,并在第一单元格中显示第一内容,可以根据第一内容确定第一单元格重新加载显示的尺寸,从而使得在回收利用第一单元格时,第一单元格的尺寸可以变化,实现了一种单元格尺寸(如单元格高度)可变的复用列表方案,更具灵活性。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个实施例提供的聊天数据的显示方法的流程图;
图2是本申请一个实施例提供的列表显示方法的流程图;
图3是本申请另一个实施例提供的列表显示方法的流程图;
图4是本申请一个实施例提供的用户界面的示意图;
图5是本申请一个实施例示出的列表的显示示意图;
图6是本申请另一个实施例提供的列表显示方法的流程图;
图7是本申请一个实施例提供的虚幻引擎的蓝图可视化***的界面图;
图8是本申请一个实施例提供的列表显示装置的框图;
图9是本申请另一个实施例提供的列表显示装置的框图;
图10是本申请一个实施例提供的终端的结构框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的方法的例子。
本申请实施例提供了一种终端,该终端是具备数据计算、处理和存储能力的电子设备,该终端中运行有目标应用程序。该终端可以是智能手机、平板电脑、PC(PersonalComputer,个人计算机)、可穿戴设备、智能机器人等。该目标应用程序可以是游戏应用程序、社交应用程序、支付应用程序、影音应用程序、购物应用程序、新闻应用程序等任何具有列表显示需求的应用程序。本申请实施例的方法,各步骤的执行主体可以是该终端,如运行在该终端中的上述目标应用程序。
在一种可能的应用场景中,以游戏应用程序显示聊天列表为例,相应的流程可以如图1所示,包括如下几个步骤(10~40):
步骤10,接收服务器下发的聊天数据,并将聊天数据存储在终端的存储器中;
步骤20,响应于列表刷新指令,驱动聊天数据控制器从存储器中获取聊天数据;
步骤30,判断聊天数据控制器是否获取到聊天数据;若是,则执行下述步骤40;若否,则结束流程;
步骤40,将聊天数据添加入用于显示聊天数据的列表中并显示。
其中,该列表中的单元格可以回收利用,且其高度可以改变。本申请技术方案可以应用于上述步骤40的具体实现过程中。
下面,通过几个实施例对本申请技术方案进行介绍说明。
请参考图2,其示出了本申请一个实施例提供的列表显示方法的流程图。该方法的执行主体可以是上文介绍的终端。该方法可以包括如下几个步骤(201~205):
步骤201,显示用户界面,用户界面中包括列表,列表中包括用于显示内容的单元格。
用户界面可以显示在终端的显示面板上,也可以通过AR(Augmented Reality,增强现实)技术、VR(Virtual Reality,虚拟现实)技术等进行投影显示。用户界面可以通过列表显示内容,其中,列表中包括单元格,列表内容可以显示在单元格中。列表中的单元格的尺寸可以变化。
步骤202,响应于列表刷新指令,确定移出列表对应的视口区域的第一单元格。
列表刷新指令可以用于对列表的显示内容进行更新。其中,更新列表的显示内容可以包括更新列表中的单元格,如单元格的显示位置、显示内容等。列表刷新指令的获取方式可以是语音输入,可以是触摸操作(如点击操作、滑动操作),列表刷新指令也可以在终端接收到新的可在列表中显示的内容时被自动触发,列表刷新指令还可以由服务器下发,本申请实施例对此不作限定。
视口区域可以指列表在用户界面上显示时的可见区域;也即,视口区域用于限制列表的显示范围,而列表只能在视口区域内进行显示。第一单元格可以指被移出视口区域的单元格,第一单元格在被移出视口区域后不会显示在用户界面上。
步骤203,根据待显示的第一内容,确定第一单元格更新后的尺寸。
当列表需要显示新的内容时,可以重复利用已创建的单元格。示例性地,当将第一单元格移出视口区域后,保留第一单元格,清除第一单元格中的原来显示的内容;根据显示第一内容所需的单元格尺寸,确定第一单元格更新后的尺寸。
第一单元格可以是长方形,可以是正方形,可以是圆形,也可以是三角形,还可以是其他形状,本申请实施例对此不作限定。示例性地,以第一单元格是长方形为例,第一单元格的尺寸是指第一单元格的高度和宽度。可选地,在基于像素进行显示的用户界面中,第一单元格的尺寸可以用像素数量表示;也即,第一单元格的尺寸包括像素高度和像素宽度。
步骤204,根据第一单元格更新后的尺寸,在列表中重新加载显示第一单元格。
在确定第一单元格更新后的尺寸之后,可以得到更新后的第一单元格,然后在视口区域中加载显示更新后的第一单元格。
步骤205,在第一单元格中显示第一内容。
加载显示第一单元格之后,可以将第一内容添加进第一单元格中进行显示。
综上所述,本申请实施例提供的技术方案中,通过根据列表刷新指令,确定移出列表对应的视口区域的第一单元格,根据待显示的第一内容,确定第一单元格更新后的尺寸,根据第一单元格更新后的尺寸,在列表中重新加载显示第一单元格,并在第一单元格中显示第一内容,可以根据第一内容确定第一单元格重新加载显示的尺寸,从而使得在回收利用第一单元格时,第一单元格的尺寸可以变化,实现了一种单元格尺寸(如单元格高度)可变的复用列表方案,更具灵活性。
请参考图3,其示出了本申请另一个实施例提供的列表显示方法的流程图。该方法的执行主体可以是上文介绍的终端。该方法可以包括如下几个步骤(301~306):
步骤301,显示用户界面,用户界面中包括列表,列表中包括用于显示内容的单元格。
步骤301与图2实施例中的步骤201的内容相同或类似,此处不再赘述。
步骤302,响应于列表刷新指令,确定移出列表对应的视口区域的第一单元格。
在一些可能的实施例中,步骤302可以包括如下子步骤(3021~3023):
步骤3021,响应于列表刷新指令,确定列表中的单元格对应的移动距离。
可选地,列表刷新指令中包括单元格对应的移动距离。
可选地,列表刷新指令中,包括用户的手指在用户界面上滑动的距离,根据手指在用户界面上滑动的距离和预设的距离转换关系,可以确定列表中的单元格对应的移动距离,预设的距离转换关系是指用户界面上滑动的距离与单元格的移动距离之间的转换关系。示例性地,预设的距离转换关系可以为:手指在用户界面上滑动的距离与单元格的移动距离的比值为a,a为正数。其中,a的值可以为0.5、0.8、1、1.2、1.5、2等等,a的值具体可以由相关技术人员根据实际情况进行设定,本申请实施例对此不作限定。
步骤3022,根据移动距离,确定列表中的单元格分别对应的更新后的显示位置。
根据列表中的单元格的移动距离和单元格移动之前的显示位置,可以计算得到列表中的各个单元格分别对应的更新后的显示位置。
步骤3023,将更新后的显示位置位于视口区域之外的单元格,确定为第一单元格。
步骤303,根据待显示的第一内容,确定第一单元格更新后的尺寸。
在一些可能的实施例中,单元格的高度可以改变,根据待显示的第一内容,可以确定第一单元格更新后的高度。
在一些可能的实施例中,单元格的宽度可以改变,根据待显示的第一内容,可以确定第一单元格更新后的宽度。
在一些可能的实施例中,单元格的高度和宽度均可以改变,根据待显示的第一内容,可以确定第一单元格更新后的高度和宽度。
请参考图4,其示出了本申请一个实施例提供的用户界面的示意图。如图4所示,单元格的高度和宽度均可以改变。根据单元格41和单元格42中的内容,可以确定单元格41和单元格42的高度和宽度。例如,单元格41中显示的内容较少,其高度和宽度均较小;又例如,单元格42中显示的内容较多,其高度和宽度均较大。
步骤304,根据第一单元格更新后的尺寸,确定第一单元格的位置信息。
确定第一单元格更新后的尺寸之后,结合列表中的单元格的移动距离,可以计算得到第一单元格的位置信息,位置信息用于指示第一单元格的显示位置。
在一些可能的实施例中,列表中的单元格之间存在间隔距离,根据第一单元格更新后的尺寸和单元格之间的间隔距离,可以确定第一单元格的位置信息。
在一些可能的实施例中,根据第一单元格更新后的尺寸,可以确定第一单元格的第一边界相对于参考位置的偏移值;和/或,根据第一单元格更新后的尺寸,确定第一单元格的第二边界相对于参考位置的偏移值。其中,第一边界和第二边界是第一单元格的互相平行的两个边界。
参考位置可以是视口区域中的任意位置。示例性地,参考位置可以是视口区域在列表的移动方向上的两个边界。例如,请参考图5,其示出了本申请一个实施例示出的列表的显示示意图。如图5所示,列表51可以相对于视口区域52上下移动,参考位置可以是视口区域52的上边界521或视口区域52的下边界522,相应地,第一边界和第二边界为第一单元格53的上边界531和第一单元格53的下边界532。又例如,当列表为左右移动时,参考位置可以是视口区域的左边界或视口区域的右边界,相应地,第一边界和第二边界为第一单元格的左右边界。
在一个示例中,列表为上下移动,该列表的宽度为定值,单元格之间的距离为10个像素,视口区域的高度为1000个像素;参考位置为视口区域的下边界,第一边界为第一单元格的上边界;第一单元格更新后的高度尺寸为100个像素,第一单元格的前一个单元格的下边界相对于视口区域的下边界的偏移值为500个像素。经过计算,可以确定第一单元格的第一边界相对于视口区域的下边界的偏移值为490个像素,即得到第一单元格的位置信息。
在得到第一单元格与视口区域的相对位置关系后,当确定视口区域时,可以进一步得到第一单元格在用户界面中的显示位置。
步骤305,根据第一单元格的位置信息,在列表中重新加载显示第一单元格。
按照第一单元格的位置信息,可以在与位置信息对应的位置加载显示第一单元格。
步骤306,在第一单元格中显示第一内容。
步骤306与图2实施例中的步骤205的内容相同或类似,此处不再赘述。
综上所述,本申请实施例提供的技术方案中,通过单元格的高度和宽度均可以改变,进一步提高了列表显示的灵活性。
在一些可选实施例中,上述步骤301之后,还可以包括以下步骤:
1、接收对应于视口区域的缩放指令;
2、根据缩放指令,调整视口区域的尺寸;
3、根据调整后的视口区域的尺寸,重新确定列表中的单元格的位置信息;
4、按照单元格的位置信息,显示单元格。
其中,缩放指令用于指示视口区域缩小或放大。调整视口区域的尺寸后,可以重新计算得到列表中的单元格的位置信息并重新显示单元格。重新显示单元格包括将部分单元格由显示状态变为不显示状态,以及增加视口区域中显示的单元格。
在上述实现方式中,通过在接收对应于视口区域的缩放指令后,调整视口区域的尺寸并重新显示单元格,使得列表中的单元格可以根据视口区域的尺寸的变化情况进行显示,提高了列表显示的灵活性。
在一些可选实施例中,上述步骤302之后,还可以包括以下步骤:
1、计算视口区域中可显示单元格的数量;
2、响应于已创建单元格的数量小于可显示单元格的数量,则创建第三单元格;
3、根据待显示的第二内容,确定第三单元格的尺寸;
4、根据第三单元格的尺寸,在列表中加载显示第三单元格;
5、在第三单元格中显示第二内容。
在上述实现方式中,通过在已创建单元格的数量小于可显示单元格的数量时,创建第三单元格用于显示第二内容,从而确保第二内容可以通过列表进行显示,提高了列表显示的灵活性。
请参考图6,其示出了本申请一个实施例提供的列表显示方法的流程图。该方法的执行主体可以是上文介绍的终端。该方法可以包括如下几个步骤(601~605):
步骤601,响应于对应于视口区域的缩放指令,调整视口区域的尺寸。
步骤602,响应于列表刷新指令,确定列表中的单元格对应的移动距离。
步骤603,根据移动距离,确定列表中的单元格的位置信息。
步骤604,根据位置信息,将位于视口区域外的单元格移出。
步骤605,重新加载显示移出视口区域的第一单元格。
下面,以游戏应用程序为例,假设游戏应用程序中实现上述实施例介绍的列表显示方法功能的组件,称为高度可变的复用列表组件。下文将对该高度可变的复用列表组件的开发过程进行介绍说明。该开发过程可以由开发人员在PC等计算机设备上完成。可选地,计算机设备中运行有虚幻引擎,开发人员在该虚幻引擎中开发上述高度可变的复用列表组件。
首先,对本申请实施例涉及的名词进行简要介绍:
虚幻引擎:虚幻引擎是一个开发平台,向开发者提供了大量的核心技术、数据生成工具和基础支持。
蓝图可视化***:蓝图可视化***是一个游戏脚本***,其理念是基于节点的界面从虚幻编辑器中饭创建游戏的可玩性元素,该***为普通游戏开发人员提供了一种在编辑器中快速创建游戏元素和关卡的工具。
蓝图:蓝图是通过蓝图可视化***创建的界面或控件。
子蓝图:子蓝图是在蓝图的基础上通过蓝图可视化***创建的新的界面或控件,例如,子蓝图可以是列表的框格。
复用列表:是指需要在列表中显示大量内容时,可以重复利用列表中已有的框格,只需更新已有的框格中的内容,而不需要创建新的框格的列表。
该高度可变的复用列表组件的开发过程,可以包括如下几个步骤(701~706):
步骤701,基于虚幻引擎创建蓝图。
步骤702,在蓝图中加入高度可变的复用列表组件(Reuse List Multi Size)。
高度可变的复用列表组件是指支持单元格复用且单元格高度可变的组件。
步骤703,新建单元格子蓝图。
其中,单元格子蓝图可以设置父类为Reuse List Multi Size Item。
步骤704,使单元格子蓝图覆写Get Size函数,得到单元格的高度。
在一些可能的实施例中,单元格的接口设计如下所示:
1)Init()
参数:无
功能:单元格初始化
2)Get Size(index)
参数:index(格子下标索引)
功能:计算当前单元格的尺寸
3)Set Data(info,information)
参数:info(单元格数据)
功能:刷新单元格数据
步骤705,使高度可变的复用列表组件调用Reload方法。
请参考图7,其示出了本申请一个实施例提供的虚幻引擎的蓝图可视化***的界面图。如图7所示,调用Reload方法时,可以在Reload控件71中通过样式控件711、类型控件712、间距控件713,设置列表的样式、列表类型和单元格之间的间距。
步骤706,注册高度可变的复用列表组件的时间监听(On Update Item),以便刷新列表。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
请参考图8,其示出了本申请一个实施例提供的列表显示装置的框图。该装置具有实现上述列表显示方法示例的功能,所述功能可以由硬件实现,也可以由硬件执行相应的软件实现。该装置可以是上文介绍的终端,也可以设置在终端上。该装置800可以包括:界面显示模块810、单元格移出模块820、尺寸确定模块830、单元格加载模块840和内容显示模块850。
所述界面显示模块810,用于显示用户界面,所述用户界面中包括列表,所述列表中包括用于显示内容的单元格。
所述单元格移出模块820,用于响应于列表刷新指令,确定移出所述列表对应的视口区域的第一单元格。
所述尺寸确定模块830,用于根据待显示的第一内容,确定所述第一单元格更新后的尺寸。
所述单元格加载模块840,用于根据所述第一单元格更新后的尺寸,在所述列表中重新加载显示所述第一单元格。
所述内容显示模块850,用于在所述第一单元格中显示所述第一内容。
综上所述,本申请实施例提供的技术方案中,通过根据列表刷新指令,确定移出列表对应的视口区域的第一单元格,根据待显示的第一内容,确定第一单元格更新后的尺寸,根据第一单元格更新后的尺寸,在列表中重新加载显示第一单元格,并在第一单元格中显示第一内容,可以根据第一内容确定第一单元格重新加载显示的尺寸,从而使得在回收利用第一单元格时,第一单元格的尺寸可以变化,实现了一种单元格尺寸(如单元格高度)可变的复用列表方案,更具灵活性。
在示例性实施例中,如图9所示,所述单元格加载模块840还包括:位置确定子模块841和单元格加载子模块842。
所述位置确定子模块841,用于根据所述第一单元格更新后的尺寸,确定所述第一单元格的位置信息,所述位置信息用于指示所述第一单元格的显示位置。
所述单元格加载子模块842,用于根据所述第一单元格的位置信息,在所述列表中重新加载显示所述第一单元格。
在示例性实施例中,如图9所示,所述位置确定子模块841,用于:
根据所述第一单元格更新后的尺寸,确定所述第一单元格的第一边界相对于参考位置的偏移值;和/或,根据所述第一单元格更新后的尺寸,确定所述第一单元格的第二边界相对于参考位置的偏移值;其中,所述第一边界和所述第二边界是所述第一单元格的互相平行的两个边界。
在示例性实施例中,所述单元格移出模块820,用于:
响应于所述列表刷新指令,确定所述列表中的单元格对应的移动距离;
根据所述移动距离,确定所述列表中的单元格分别对应的更新后的显示位置;
将所述更新后的显示位置位于所述视口区域之外的单元格,确定为所述第一单元格。
在示例性实施例中,所述尺寸确定模块830,用于:
根据所述待显示的第一内容,确定所述第一单元格更新后的高度;或者,根据所述待显示的第一内容,确定所述第一单元格更新后的宽度。
在示例性实施例中,如图9所示,所述装置800还包括:数量计算模块860和单元格创建模块870。
所述数量计算模块860,用于计算所述视口区域中可显示单元格的数量。
所述单元格创建模块870,用于响应于已创建单元格的数量小于所述可显示单元格的数量,则创建第三单元格。
所述尺寸确定模块830,还用于根据待显示的第二内容,确定所述第三单元格的尺寸。
所述单元格加载模块840,还用于根据所述第三单元格的尺寸,在所述列表中加载显示所述第三单元格。
所述内容显示模块850,还用于在所述第三单元格中显示所述第二内容。
在示例性实施例中,如图9所示,所述装置800还包括:指令接收模块880、尺寸调整模块885、位置确定模块890和单元格显示模块895。
所述指令接收模块880,用于接收对应于所述视口区域的缩放指令。
所述尺寸调整模块885,用于根据所述缩放指令,调整所述视口区域的尺寸。
所述位置确定模块890,用于根据调整后的所述视口区域的尺寸,重新确定所述列表中的单元格的位置信息。
所述单元格显示模块895,用于按照所述单元格的位置信息,显示所述单元格。
需要说明的是,上述实施例提供的装置,在实现其功能时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的装置与方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
请参考图10,其示出了本申请一个实施例提供的终端的结构框图。该终端1000可以是诸如手机、平板电脑、游戏主机、电子书阅读器、多媒体播放设备、可穿戴设备、PC等电子设备。该终端用于实施上述实施例中提供的列表显示方法。该终端可以是图1所示实施环境中的终端10。具体来讲:
通常,终端1000包括有:处理器1001和存储器1002。
处理器1001可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1001可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(FieldProgrammable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1001也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1001可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1001还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1002可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1002还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1002中的非暂态的计算机可读存储介质用于存储至少一个指令,至少一段程序、代码集或指令集,所述至少一条指令、至少一段程序、代码集或指令集,且经配置以由一个或者一个以上处理器执行,以实现上述的列表显示方法。
在一些实施例中,终端1000还可选包括有:***设备接口1003和至少一个***设备。处理器1001、存储器1002和***设备接口1003之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口1003相连。具体地,***设备包括:射频电路1004、触摸显示屏1005、摄像头1006、音频电路1007、定位组件1008和电源1009中的至少一种。
本领域技术人员可以理解,图10中示出的结构并不构成对终端1000的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
在示例性实施例中,还提供了一种计算机可读存储介质,所述存储介质中存储有计算机程序,所述计算机程序在被处理器执行时以实现上述的列表显示方法。
在示例性实施例中,还提供了一种计算机程序产品,当该计算机程序产品被处理器执行时,其用于实现上述的列表显示方法。
应当理解的是,在本文中提及的“多个”是指两个或两个以上。本领域技术人员在考虑说明书及实践这里公开的申请后,将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本申请的真正范围和精神由下面的权利要求指出。
应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。
Claims (7)
1.一种列表显示方法,其特征在于,所述方法包括:
显示用户界面,所述用户界面中包括列表,所述列表中包括用于显示内容的单元格,所述列表的宽度为定值;
接收对应于所述列表对应的视口区域的缩放指令;
根据所述缩放指令,调整所述视口区域的尺寸;
根据调整后的所述视口区域的尺寸,重新确定所述列表中的单元格的位置信息;
按照所述单元格的位置信息,显示所述单元格;
响应于列表刷新指令,确定移出所述视口区域的第一单元格;
根据待显示的第一内容所需的单元格尺寸,确定所述第一单元格更新后的尺寸,所述第一单元格更新后的尺寸包括所述第一单元格更新后的高度;
根据所述第一单元格更新后的尺寸和单元格之间的间隔距离,确定所述第一单元格的位置信息;其中,所述位置信息用于指示所述第一单元格的显示位置,所述位置信息为所述第一单元格的上边界相对于参考位置的偏移值或所述第一单元格的下边界相对于参考位置的偏移值;
根据所述位置信息,在所述列表中重新加载显示所述第一单元格;
在所述第一单元格中显示所述第一内容。
2.根据权利要求1所述的方法,其特征在于,所述响应于列表刷新指令,确定移出所述列表对应的视口区域的第一单元格,包括:
响应于所述列表刷新指令,确定所述列表中的单元格对应的移动距离;
根据所述移动距离,确定所述列表中的单元格分别对应的更新后的显示位置;
将所述更新后的显示位置位于所述视口区域之外的单元格,确定为所述第一单元格。
3.根据权利要求1所述的方法,其特征在于,所述根据待显示的第一内容,确定所述第一单元格更新后的尺寸,包括:
根据所述待显示的第一内容,确定所述第一单元格更新后的高度;
或者,
根据所述待显示的第一内容,确定所述第一单元格更新后的宽度。
4.根据权利要求1所述的方法,其特征在于,所述响应于列表刷新指令,确定移出所述列表对应的视口区域的第一单元格之后,还包括:
计算所述视口区域中可显示单元格的数量;
响应于已创建单元格的数量小于所述可显示单元格的数量,则创建第三单元格;
根据待显示的第二内容,确定所述第三单元格的尺寸;
根据所述第三单元格的尺寸,在所述列表中加载显示所述第三单元格;
在所述第三单元格中显示所述第二内容。
5.一种列表显示装置,其特征在于,所述装置包括:
界面显示模块,用于显示用户界面,所述用户界面中包括列表,所述列表中包括用于显示内容的单元格,所述列表的宽度为定值;接收对应于所述列表对应的视口区域的缩放指令;根据所述缩放指令,调整所述视口区域的尺寸;根据调整后的所述视口区域的尺寸,重新确定所述列表中的单元格的位置信息;按照所述单元格的位置信息,显示所述单元格;
单元格移出模块,用于响应于列表刷新指令,确定移出所述视口区域的第一单元格;
尺寸确定模块,用于根据待显示的第一内容所需的单元格尺寸,确定所述第一单元格更新后的尺寸,所述第一单元格更新后的尺寸包括所述第一单元格更新后的高度;
单元格加载模块,用于根据所述第一单元格更新后的尺寸和单元格之间的间隔距离,确定所述第一单元格的位置信息;其中,所述位置信息用于指示所述第一单元格的显示位置,所述位置信息为所述第一单元格的上边界相对于参考位置的偏移值或所述第一单元格的下边界相对于参考位置的偏移值;根据所述位置信息,在所述列表中重新加载显示所述第一单元格;
内容显示模块,用于在所述第一单元格中显示所述第一内容。
6.一种终端,其特征在于,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述权利要求1至4任一项所述的列表显示方法。
7.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述权利要求1至4任一项所述的列表显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010071610.6A CN111290680B (zh) | 2020-01-21 | 2020-01-21 | 列表显示方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010071610.6A CN111290680B (zh) | 2020-01-21 | 2020-01-21 | 列表显示方法、装置、终端及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111290680A CN111290680A (zh) | 2020-06-16 |
CN111290680B true CN111290680B (zh) | 2021-10-22 |
Family
ID=71026679
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010071610.6A Active CN111290680B (zh) | 2020-01-21 | 2020-01-21 | 列表显示方法、装置、终端及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111290680B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112307285A (zh) * | 2020-11-05 | 2021-02-02 | 珠海格力电器股份有限公司 | 一种事件记录方法、装置、电器设备及存储介质 |
CN115801943B (zh) * | 2021-09-08 | 2024-06-14 | 华为技术有限公司 | 显示方法、电子设备及存储介质 |
CN115344167A (zh) * | 2022-08-24 | 2022-11-15 | 北京字跳网络技术有限公司 | 用于管理视图单元的方法、装置、设备和介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103218197A (zh) * | 2013-04-26 | 2013-07-24 | 安科智慧城市技术(中国)有限公司 | 一种动态显示数据的方法、装置和*** |
CN106708372A (zh) * | 2015-07-15 | 2017-05-24 | 三亚中兴软件有限责任公司 | 一种未读消息显示的方法及装置 |
CN107066439A (zh) * | 2017-04-07 | 2017-08-18 | 广州市玄武无线科技股份有限公司 | 一种定制表格控件的方法、装置及电子设备 |
CN109634490A (zh) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种列表显示方法、装置、设备及存储介质 |
CN110007829A (zh) * | 2019-04-03 | 2019-07-12 | 腾讯科技(深圳)有限公司 | 内容显示方法、装置、终端及存储介质 |
CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9699503B2 (en) * | 2010-09-07 | 2017-07-04 | Opentv, Inc. | Smart playlist |
US20120198341A1 (en) * | 2011-01-28 | 2012-08-02 | General Electric Company | System and Method of Automatic Scaling of Clinical Data for Varied Display Size |
KR20130033667A (ko) * | 2011-09-27 | 2013-04-04 | 엘지전자 주식회사 | 디스플레이 장치 및 그 제어 방법 |
US9779145B2 (en) * | 2014-01-24 | 2017-10-03 | Nektoon Ag | Variable result set size based on user expectation |
CN108271060A (zh) * | 2016-12-30 | 2018-07-10 | 深圳市优朋普乐传媒发展有限公司 | 一种列表加载方法及装置 |
CN109753210B (zh) * | 2018-12-29 | 2023-09-29 | 上海豹云网络信息服务有限公司 | 移动终端的信息显示方法、移动终端、可读存储介质 |
-
2020
- 2020-01-21 CN CN202010071610.6A patent/CN111290680B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103218197A (zh) * | 2013-04-26 | 2013-07-24 | 安科智慧城市技术(中国)有限公司 | 一种动态显示数据的方法、装置和*** |
CN106708372A (zh) * | 2015-07-15 | 2017-05-24 | 三亚中兴软件有限责任公司 | 一种未读消息显示的方法及装置 |
CN107066439A (zh) * | 2017-04-07 | 2017-08-18 | 广州市玄武无线科技股份有限公司 | 一种定制表格控件的方法、装置及电子设备 |
CN109634490A (zh) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种列表显示方法、装置、设备及存储介质 |
CN110007829A (zh) * | 2019-04-03 | 2019-07-12 | 腾讯科技(深圳)有限公司 | 内容显示方法、装置、终端及存储介质 |
CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
Non-Patent Citations (1)
Title |
---|
Android中的ListView控件的优化方法;孔令宏;《电子技术与软件工程》;20131128;第270页 * |
Also Published As
Publication number | Publication date |
---|---|
CN111290680A (zh) | 2020-06-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111290680B (zh) | 列表显示方法、装置、终端及存储介质 | |
US20220249949A1 (en) | Method and apparatus for displaying virtual scene, device, and storage medium | |
US9373308B2 (en) | Multi-viewport display of multi-resolution hierarchical image | |
US10706212B1 (en) | Cross-platform presentation of digital content | |
CN111062778A (zh) | 产品浏览方法、装置、设备及存储介质 | |
CN108255546B (zh) | 一种数据加载动画的实现方法及装置 | |
CN112947969B (zh) | 一种页面离屏渲染方法、装置、设备和可读介质 | |
CN111258519B (zh) | 屏幕分屏实现方法、装置、终端和介质 | |
CN104995622A (zh) | 用于图形函数的合成器支持 | |
CN110806847A (zh) | 一种分布式多屏幕显示方法、装置、设备及*** | |
CN114531553B (zh) | 生成特效视频的方法、装置、电子设备及存储介质 | |
WO2020186837A1 (zh) | 文本动画控制方法和装置、存储介质和处理器 | |
US20140325404A1 (en) | Generating Screen Data | |
CN115129278A (zh) | 图像显示控制方法、***、可读存储介质及电子设备 | |
CN112700519A (zh) | 动画展示方法、装置、电子设备及计算机可读存储介质 | |
CN106201398A (zh) | 一种显示方法及电子设备 | |
CN114995706A (zh) | 一种元素显示方法、装置、设备及存储介质 | |
CN114913277A (zh) | 一种物体立体交互展示方法、装置、设备及介质 | |
CN114625997A (zh) | 页面渲染方法及装置、电子设备、计算机可读介质 | |
CN114629800A (zh) | 工控网络靶场的可视化生成方法、装置、终端及存储介质 | |
CN113703653A (zh) | 图像处理方法、装置、设备和计算机可读存储介质 | |
CN105378645A (zh) | 用于多监视器环境的虚拟化应用 | |
CN108920233B (zh) | 全景页面跳转方法、设备及存储介质 | |
CN115150653B (zh) | 媒体内容的展示方法、装置、电子设备和存储介质 | |
CN114153539B (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 | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40024665 Country of ref document: HK |
|
GR01 | Patent grant | ||
GR01 | Patent grant |