CN109614193A - 一种列表界面的显示方法、装置、设备及存储介质 - Google Patents
一种列表界面的显示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN109614193A CN109614193A CN201811511286.4A CN201811511286A CN109614193A CN 109614193 A CN109614193 A CN 109614193A CN 201811511286 A CN201811511286 A CN 201811511286A CN 109614193 A CN109614193 A CN 109614193A
- Authority
- CN
- China
- Prior art keywords
- list items
- list
- layout constraint
- constraint parameter
- display
- 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.)
- Pending
Links
Classifications
-
- 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)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例公开了一种列表界面的显示方法、装置、设备及存储介质。所述方法包括:在出现列表项显示需求时,获取所述列表项的布局约束参数,其中,所述布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数;根据所述列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据;根据列表项的显示数据,在屏幕显示范围内进行显示。通过本公开实施例的技术方案,能够提升列表项的加载显示速度,减少卡顿现象。
Description
技术领域
本公开实施例涉及应用软件数据处理技术,尤其涉及一种列表界面的显示方法、装置、设备及存储介质。
背景技术
随着智能终端的广泛使用,各种应用软件不断推陈出新。其中,列表界面是现有应用软件客户段中一种比较常见的界面布局形式,列表界面中会逐条显示列表项,供用户查看,遇到用户感兴趣的列表项,则用户会点击列表项进入查看详情。
在用户滑动列表界面的时候,终端设备经常出现卡顿掉帧的不流畅显示情况,通常是由于列表项不能及时加载显示而导致的。
发明内容
本公开实施例提供一种列表界面的显示方法、装置、设备及存储介质,以提升列表项的加载显示速度,减少卡顿现象。
第一方面,本公开实施例提供了一种列表界面的显示方法,包括:
在出现列表项显示需求时,获取所述列表项的布局约束参数,其中,所述布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数;
根据所述列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据;
根据列表项的显示数据,在屏幕显示范围内进行显示。
进一步的,所述元素包括下述至少一个:标题、简介区、评论区、图片、链接、按钮以及视频播放区。
进一步的,所述布局约束参数包括下述至少一个:元素与屏幕显示范围的边界之间的最小距离值和最大距离值。
进一步的,获取所述列表项的布局约束参数包括:
从客户端或服务器,获取所述列表项的布局约束参数。
进一步的,出现列表项显示需求包括:
根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围时,则确定出现列表项显示需求。
第二方面,本公开实施例还提供了一种列表界面的显示装置,该装置包括:
参数获取模块,用于在出现列表项显示需求时,获取所述列表项的布局约束参数,其中,所述布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数;
列表渲染模块,用于根据所述列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据;
列表显示模块,用于根据列表项的显示数据,在屏幕显示范围内进行显示。
进一步的,所述元素包括下述至少一个:标题、简介区、评论区、图片、链接、按钮以及视频播放区。
进一步的,所述布局约束参数包括下述至少一个:元素与屏幕显示范围的边界之间的最小距离值和最大距离值。
进一步的,所述参数获取模块具体用于:
从客户端或服务器,获取所述列表项的布局约束参数。
进一步的,所述参数获取模块具体还用于:
根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围时,则确定出现列表项显示需求。
第三方面,本公开实施例还提供了一种终端设备,该设备包括:
一个或多个处理装置;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理装置执行,使得所述一个或多个处理装置实现如本公开实施例中任一所述的列表界面的显示方法。
第四方面,本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理装置执行时实现如本公开实施例中任一所述的列表界面的显示方法。
本公开实施例通过在出现列表项显示需求时,获取列表项的布局约束参数,并根据该布局约束参数以及列表项的数据内容进行列表项的渲染,以获取列表项的显示数据,最后,根据该显示数据,在屏幕显示范围内显示该列表项,由于本公开实施例获取的布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数,减少了列表项中各元素的尺寸参数之间的计算依赖性,从而降低了计算量,提升了列表项的加载显示速度,减少了卡顿现象。
附图说明
图1是本公开实施例一提供的一种列表界面的显示方法的流程示意图;
图2是本公开实施例二提供的一种列表界面的显示方法的流程示意图;
图3是本公开实施例三提供的一种列表界面的显示方法的流程示意图;
图4是本公开实施例四提供的一种列表界面的显示装置的结构示意图;
图5是本公开实施例五提供的一种终端设备的硬件结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部结构。
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。
实施例一
图1为本公开实施例一提供的一种列表界面的显示方法的流程示意图。该方法可适用于对列表界面中即将显示的列表项进行加载显示的情况,该方法可以由手机、平板等智能终端设备来执行,具体包括如下步骤:
S110、在出现列表项显示需求时,获取列表项的布局约束参数,其中,布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数。
本实施例中,列表项可以用于显示一组信息条目,其中,一个列表项中对应显示一个信息条目,例如在一个列表项里显示一条新闻,多个列表项对应显示一组多条新闻。若当前屏幕中显示有多个列表项时,用户可以通过触屏操作或者利用鼠标选择其中一个列表项,以展开或者弹出新的界面,方便用户对该列表项中的信息内容进行详细查看。当用户浏览完当前显示的所有列表项后,可通过滑动或者鼠标拖拽当前列表显示界面,控制加载显示新的列表项。
现有技术中,列表项的显示需要经过框架模板的创建、数据内容的下载与填充、布局参数的计算以及最终显示的渲染等过程,这就需要耗费大量的时间,尤其是布局参数的计算过程,由于现有技术中大部分的列表项使用的都是约束布局,也即是基于各个元素之间的相对距离条件来计算元素位置的,在布局计算过程中各个元素之间的依赖程度很高,使得计算过程复杂,因此,需要耗费更多的时间和资源。例如现有技术中的布局参数需要计算本元素与其他各元素之间的间隙,以确保符合相对距离条件,因此只有其他各元素的位置以及大小确定后才能确定本元素的位置,从而导致即将显示的列表项加载不及时,用户在滑动列表界面的时候,终端设备就会出现卡顿掉帧等不流畅的显示情况。
针对列表项在显示过程中需要浪费大量时间来计算布局参数的问题,本实施例中通过获取列表项的布局约束参数来代替布局参数的计算过程,使得列表项中各元素的尺寸参数均是以屏幕显示范围为参考标准的,由于对于特定型号的终端设备来说,屏幕显示范围是确定不变的,因此,将屏幕显示范围作为参考标准所获得的尺寸参数可以明确规定各元素在屏幕中的显示位置范围,从而省去了复杂的布局参数计算过程,节约了列表项显示时所需要的加载时间,提升了列表项的加载显示速度,减少了卡顿现象。
示例性的,可在出现列表项显示需求时,获取该列表项的布局约束参数,其中,出现列表项显示需求是指一个或多个列表项当前未显示但即将显示在屏幕显示范围内时,即可确定出现列表项显示需求,包括但不限于以下情况,例如用户点击进入列表显示界面,即将呈现该显示界面下需要显示的一个或多个列表项,又如用户进行滑动操作,控制列表项进行向上或向下滚动,使得屏幕显示范围之外的一个或多个列表项即将进入该屏幕显示范围内进行显示。
其中,布局约束参数可以是列表项中元素相对于屏幕显示范围的尺寸参数。每个列表项可以包括一个或多个元素,每个元素都有相应的尺寸参数。可选的,所述元素包括下述至少一个:标题、简介区、评论区、图片、链接、按钮以及视频播放区。所述布局约束参数包括下述至少一个:元素与屏幕显示范围的边界之间的最小距离值和最大距离值。
例如,若列表项中包括的元素有标题、简介区、图片以及按钮,则布局约束参数可以包括标题与屏幕显示范围的边界之间的距离值范围,简介区与屏幕显示范围的边界之间的距离值范围,图片与屏幕显示范围的边界之间的距离值范围,以及按钮与屏幕显示范围的边界之间的距离值范围。
S120、根据列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据。
本实施例中,列表项的数据内容包括但不限于需要在列表项中进行显示的图片数据内容、文字数据内容以及视频数据内容等。其中,列表项的数据内容的获取方式可以是从服务器中下载,也可以从本地存储空间或缓存中提取,在此不作限定。
示例性的,可将该列表项的数据内容填入相应的框架模板,并根据布局约束参数对列表项中各元素进行布局,进而按照该框架模板以及相应的元素布局完成对列表项的渲染过程,形成能够在屏幕显示范围内展示的显示数据。其中,对列表项进行渲染的过程就是将列表项中的各种数据转变成能够直观显示在屏幕上的图像数据,例如,将列表项中的内容数据及其元素的布局约束参数通过渲染形成屏幕显示范围内各像素点对应的像素值,作为列表项的显示数据。
S130、根据列表项的显示数据,在屏幕显示范围内进行显示。
由于列表项的显示数据已经确定,表明此时列表项已加载完毕,因此,可直接对这部分列表项进行显示。示例性的,根据列表项的实际高度大小,可在当前的屏幕显示范围内显示多条列表项。其中,显示的列表项按照内容划分包括但不限于纯文字类列表项、图文混合类列表项、纯图片类列表项以及视频类列表项等。
例如,当前屏幕显示范围内能够显示四个列表项,则可按列排列的方式,在屏幕中自上至下依次排列已获得显示数据的列表项,并按照该显示数据中对应的屏幕显示范围内各像素点的像素值,对这四个列表项进行显示。当用户进行滑动操作时,确定下一批即将显示在屏幕显示范围内的列表项,获取其布局约束参数,并进行渲染、显示等,在此不再赘述。
本实施例的技术方案,通过在出现列表项显示需求时,获取列表项的布局约束参数,并根据该布局约束参数以及列表项的数据内容进行列表项的渲染,以获取列表项的显示数据,最后,根据该显示数据,在屏幕显示范围内显示该列表项,由于本公开实施例获取的布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数,减少了列表项中各元素的尺寸参数之间的计算依赖性,从而降低了计算量,提升了列表项的加载显示速度,减少了卡顿现象。
实施例二
图2为本公开实施例二提供的一种列表界面的显示方法的流程示意图。本实施例以上述实施例中各个可选方案为基础进行具体化,提供了可选的列表界面的显示方法,具体是获取所述列表项的布局约束参数包括:从客户端或服务器,获取所述列表项的布局约束参数。具体包括如下步骤:
S210、在出现列表项显示需求时,从客户端或服务器,获取列表项的布局约束参数,其中,布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数。
本实施例中,列表项的布局约束参数的获取来源,可以是客户端,也可以是服务器,也即,各列表项对应的布局约束参数可以存储在客户端,也可以存储在服务器,在此不作限定。
其中,客户端可以是智能移动终端设备本地安装的应用软件,用户可通过账号、密码等登陆该客户端,从而使用客户端的服务功能,例如,用户可通过登录客户端浏览为用户个性化推荐的新闻列表项等。由于每个设备型号对应的布局约束参数可能不同,因此,可将与本地设备型号对应的布局约束参数直接存储在本地,以便获取调用。
另外,服务器可以是提供列表项推送服务的平台服务器,该服务器上可存储有列表项显示时所需的布局约束参数。示例性的,可在服务器上生成一个布局约束参数列表,将布局约束参数与不同的设备型号标识对应存储,当收到客户端的调用请求时,根据客户端所在设备型号标识查询布局约束参数列表,以获取与该设备型号标识对应的布局约束参数。
S220、根据列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据。
S230、根据列表项的显示数据,在屏幕显示范围内进行显示。
本实施例的技术方案,通过在出现列表项显示需求时,从客户端或者服务器,获取列表项的布局约束参数,并根据该布局约束参数以及列表项的数据内容进行列表项的渲染,以获取列表项的显示数据,最后,根据该显示数据,在屏幕显示范围内显示该列表项,相较于实施例一,本实施例中提供了两种获取列表项的布局约束参数的途径,使得列表项的布局约束参数的存储较为多样化,可根据实际情况进行选择,从而进一步提升列表项的加载显示速度,减少卡顿现象。
实施例三
图3为本公开实施例三提供的一种列表界面的显示方法的流程示意图。本实施例以上述实施例中各个可选方案为基础进行具体化,提供了可选的列表界面的显示方法,具体是出现列表项显示需求包括:根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围时,则确定出现列表项显示需求。具体包括如下步骤:
S310、根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围时,则确定出现列表项显示需求,此时,获取列表项的布局约束参数,其中,布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数。
本实施例中,可通过监测用户输入的滑动操作来确定是否出现列表项显示需求。具体的,由于用户可通过滑动操作控制列表项移入或移出屏幕显示范围,因此,当检测到用户的滑动操作时,即可收到用户在屏幕中输入的滚动指令,并根据该滚动指令确定列表界面的滚动方向以及滚动距离,从而确定是否存在即将出现在屏幕显示范围的列表项。
例如,若列表项为纵向排列,则用户在屏幕中输入的滚动指令可以是向上滚动指令,也可以是向下滚动指令。具体的,若滚动指令为向上滚动指令,且滚动距离达到将未显示的下一列表项移入屏幕显示范围内的距离,则可确定位于当前显示的列表项下方的列表项即将出现在屏幕显示范围;若检测到用户的滑动操作为向下滑动,且滚动距离达到将未显示的上一列表项移入屏幕显示范围内的距离,则可确定位于当前显示的列表项上方的列表项即将出现在屏幕显示范围。当然,列表项还可以为横向排列,其相应的滚动指令可以为向左或向右滚动指令,在此不再赘述。
S320、根据列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据。
S330、根据列表项的显示数据,在屏幕显示范围内进行显示。
本实施例的技术方案,通过设定出现列表项显示需求的条件为根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围,此时,获取列表项的布局约束参数,并根据该布局约束参数以及列表项的数据内容进行列表项的渲染,以获取列表项的显示数据,最后,根据该显示数据,在屏幕显示范围内显示该列表项,相较于上述各实施例,本实施例规定了确定出现列表项显示需求的可选条件,使得只有当用户进行有效操作时才会触发加载列表项,从而减少内存资源的浪费。
实施例四
图4为本公开实施例四提供的一种列表界面的显示装置的结构示意图。参考图4,列表界面的显示装置包括:参数获取模块410、列表渲染模块420以及列表显示模块430,下面对各模块进行具体说明。
参数获取模块410,用于在出现列表项显示需求时,获取所述列表项的布局约束参数,其中,所述布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数;
列表渲染模块420,用于根据所述列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据;
列表显示模块430,用于根据列表项的显示数据,在屏幕显示范围内进行显示。
本实施例提供的列表界面的显示装置,通过在出现列表项显示需求时,获取列表项的布局约束参数,并根据该布局约束参数以及列表项的数据内容进行列表项的渲染,以获取列表项的显示数据,最后,根据该显示数据,在屏幕显示范围内显示该列表项,由于本公开实施例获取的布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数,减少了列表项中各元素的尺寸参数之间的计算依赖性,从而降低了计算量,提升了列表项的加载显示速度,减少卡顿现象。
可选的,所述元素可以包括下述至少一个:标题、简介区、评论区、图片、链接、按钮以及视频播放区。
可选的,所述布局约束参数可以包括下述至少一个:元素与屏幕显示范围的边界之间的最小距离值和最大距离值。
可选的,参数获取模块410具体可以用于:
从客户端或服务器,获取所述列表项的布局约束参数。
可选的,参数获取模块410具体还可以用于:
根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围时,则确定出现列表项显示需求。
上述产品可执行本公开任意实施例所提供的方法,具备执行方法相应的功能模块和有益效果。
实施例五
下面参考图5,其示出了适于用来实现本公开实施例的终端设备500的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图5示出的终端设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,终端设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有终端设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许终端设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的终端设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述终端设备中所包含的;也可以是单独存在,而未装配入该终端设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该终端设备执行时,使得该终端设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该终端设备执行时,使得该终端设备:接收包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块或单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块或单元的名称在某种情况下并不构成对该模块或单元本身的限定,例如,参数获取模块模块还可以被描述为“在出现列表项显示需求时获取所述列表项的布局约束参数的模块”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (10)
1.一种列表界面的显示方法,其特征在于,包括:
在出现列表项显示需求时,获取所述列表项的布局约束参数,其中,所述布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数;
根据所述列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据;
根据列表项的显示数据,在屏幕显示范围内进行显示。
2.根据权利要求1所述的方法,其特征在于,所述元素包括下述至少一个:标题、简介区、评论区、图片、链接、按钮以及视频播放区。
3.根据权利要求1或2所述的方法,其特征在于,所述布局约束参数包括下述至少一个:元素与屏幕显示范围的边界之间的最小距离值和最大距离值。
4.根据权利要求1或2所述的方法,其特征在于,获取所述列表项的布局约束参数包括:
从客户端或服务器,获取所述列表项的布局约束参数。
5.根据权利要求1或2所述的方法,其特征在于,出现列表项显示需求包括:
根据用户在屏幕中输入的滚动指令,确定列表项即将出现在屏幕显示范围时,则确定出现列表项显示需求。
6.一种列表界面的显示装置,其特征在于,包括:
参数获取模块,用于在出现列表项显示需求时,获取所述列表项的布局约束参数,其中,所述布局约束参数为列表项中元素相对于屏幕显示范围的尺寸参数;
列表渲染模块,用于根据所述列表项的布局约束参数以及列表项的数据内容,进行列表项的渲染,获取列表项的显示数据;
列表显示模块,用于根据列表项的显示数据,在屏幕显示范围内进行显示。
7.根据权利要求6所述的装置,其特征在于,所述元素包括下述至少一个:标题、简介区、评论区、图片、链接、按钮以及视频播放区。
8.根据权利要求6或7所述的装置,其特征在于,所述布局约束参数包括下述至少一个:元素与屏幕显示范围的边界之间的最小距离值和最大距离值。
9.一种终端设备,其特征在于,所述设备包括:
一个或多个处理装置;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理装置执行,使得所述一个或多个处理装置实现如权利要求1-5中任一所述的列表界面的显示方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现如权利要求1-5中任一所述的列表界面的显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811511286.4A CN109614193A (zh) | 2018-12-11 | 2018-12-11 | 一种列表界面的显示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811511286.4A CN109614193A (zh) | 2018-12-11 | 2018-12-11 | 一种列表界面的显示方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109614193A true CN109614193A (zh) | 2019-04-12 |
Family
ID=66008813
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811511286.4A Pending CN109614193A (zh) | 2018-12-11 | 2018-12-11 | 一种列表界面的显示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109614193A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110750323A (zh) * | 2019-10-28 | 2020-02-04 | 北京字节跳动网络技术有限公司 | 社交界面入口的显示方法、装置、电子设备及存储介质 |
CN112346813A (zh) * | 2021-01-08 | 2021-02-09 | 北京小米移动软件有限公司 | 操作列表的控制方法、装置 |
CN113721875A (zh) * | 2021-08-30 | 2021-11-30 | 康键信息技术(深圳)有限公司 | 列表显示方法、装置及存储介质 |
CN117055989A (zh) * | 2023-07-12 | 2023-11-14 | 荣耀终端有限公司 | 显示方法、电子设备及计算机可读存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101950235A (zh) * | 2010-08-23 | 2011-01-19 | 中兴通讯股份有限公司 | 一种实现触摸屏界面滑动的方法和终端 |
CN103593196A (zh) * | 2013-11-25 | 2014-02-19 | 深信服网络科技(深圳)有限公司 | 页面布局自适应方法及装置 |
CN103995648A (zh) * | 2014-04-29 | 2014-08-20 | 小米科技有限责任公司 | 浏览列表的方法和装置 |
CN105898592A (zh) * | 2015-12-31 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 一种客户端播放数据分配方法和客户端 |
CN105912318A (zh) * | 2016-04-01 | 2016-08-31 | 北京京东尚科信息技术有限公司 | 一种终端屏幕自适应显示方法、终端、服务器及系统 |
-
2018
- 2018-12-11 CN CN201811511286.4A patent/CN109614193A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101950235A (zh) * | 2010-08-23 | 2011-01-19 | 中兴通讯股份有限公司 | 一种实现触摸屏界面滑动的方法和终端 |
CN103593196A (zh) * | 2013-11-25 | 2014-02-19 | 深信服网络科技(深圳)有限公司 | 页面布局自适应方法及装置 |
CN103995648A (zh) * | 2014-04-29 | 2014-08-20 | 小米科技有限责任公司 | 浏览列表的方法和装置 |
CN105898592A (zh) * | 2015-12-31 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 一种客户端播放数据分配方法和客户端 |
CN105912318A (zh) * | 2016-04-01 | 2016-08-31 | 北京京东尚科信息技术有限公司 | 一种终端屏幕自适应显示方法、终端、服务器及系统 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110750323A (zh) * | 2019-10-28 | 2020-02-04 | 北京字节跳动网络技术有限公司 | 社交界面入口的显示方法、装置、电子设备及存储介质 |
CN112346813A (zh) * | 2021-01-08 | 2021-02-09 | 北京小米移动软件有限公司 | 操作列表的控制方法、装置 |
CN112346813B (zh) * | 2021-01-08 | 2021-04-13 | 北京小米移动软件有限公司 | 操作列表的控制方法、装置 |
CN113721875A (zh) * | 2021-08-30 | 2021-11-30 | 康键信息技术(深圳)有限公司 | 列表显示方法、装置及存储介质 |
CN117055989A (zh) * | 2023-07-12 | 2023-11-14 | 荣耀终端有限公司 | 显示方法、电子设备及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109614193A (zh) | 一种列表界面的显示方法、装置、设备及存储介质 | |
CN110020388A (zh) | 一种页面展示方法及系统 | |
US11783111B2 (en) | Display method and apparatus, and electronic device | |
US11720235B2 (en) | Method and apparatus for browsing table in document, and electronic device and storage medium | |
CN109614194A (zh) | 列表界面的显示方法、装置、设备及存储介质 | |
CN112188275B (zh) | 一种弹幕的生成方法、装置、设备和存储介质 | |
CN109446025A (zh) | 一种操作行为的回放方法、装置、电子设备及可读介质 | |
CN110096665B (zh) | 图片类评论数据的展示方法、装置、设备及介质 | |
CN109614195A (zh) | 一种列表项的预加载方法、装置、设备及存储介质 | |
CN111008047A (zh) | 页面元素冲突的处理方法、装置和电子设备 | |
CN107168738A (zh) | 一种应用工具的管理方法、装置、设备和存储介质 | |
US20180121049A1 (en) | Terminal device and method for displaying image by same, and web server and method for providing web page by same | |
CN111273842B (zh) | 通知消息处理方法及装置、电子设备、存储介质 | |
CN110060099B (zh) | 基于历史记录的信息推送方法、装置及电子设备 | |
CN104980813A (zh) | 限制信息分发装置、限制信息分发系统 | |
CN112492399A (zh) | 信息显示方法、装置及电子设备 | |
CN116048371A (zh) | 应用程序中页面组件切换方法、装置、设备、介质及产品 | |
CN114493582B (zh) | 支付页面的展示方法、装置、可读介质和电子设备 | |
CN109741099A (zh) | 设备特征信息的采集方法及装置 | |
CN116775174A (zh) | 一种基于用户界面框架的处理方法、装置、设备及介质 | |
CN109636724A (zh) | 一种列表界面的显示方法、装置、设备及存储介质 | |
CN105677749B (zh) | 一种页面显示方法及装置 | |
CN109598562A (zh) | 信息发布的方法、装置及电子设备 | |
CN114510309B (zh) | 动画效果的设置方法、装置、设备及介质 | |
CN117992167A (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 |