[发明专利]一种列表视图的展现方法及装置

说明书

本发明涉及一种列表视图的展现方法及装置，该方法包括：接收对列表视图的点击操作，生成控制列表视图展现的操作指令，列表视图上具有两类子视图，两类子视图包括：标题视图和各列表项内容视图；基于点击操作，获取列表视图当前的展现状态；基于列表视图当前的展现状态和控制列表视图展现的操作指令，对列表视图上的两类子视图进行自动布局；在列表视图当前的展现状态为收缩状态时，获取列表视图上待展现的各列表项内容视图的顶端分别距离标题视图的底端的第一距离，获取各列表项内容视图的左端分别距离标题视图左端的第二距离；基于第一距离和第二距离，将列表视图上的各列表项内容视图进行自动布局，有效降低电子设备或应用程序性能的消耗。

技术领域

本发明涉及互联网应用开发技术领域，尤其涉及一种列表视图的展现方法及装置。

背景技术

在实现应用程序开发中，经常需要实现一类场景，对列表视图的展示。具体地，通过点击具有一定属性的列表，能够展开具有相同属性的各列表项，再点击该列表视图时，该列表视图呈收缩状态。列表视图的状态可通过用户的点击行为实现自动的展开或者收缩。

目前常规的实现手段是，根据各列表项的内容计算每个列表项中文字的高度，再将该文字的高度加上其他元素的高度，最终得到该列表项实际的高度。每当需要展开列表时，都需要计算每个列表项实际的高度，需要不断计算高度，同时刷新页面，这个过程消耗电子设备的性能较大。

因此，如何在列表展示的过程中降低电子设备性能的消耗是目前亟待解决的技术问题。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的列表视图的展现方法及装置。

第一方面，本发明实施例提供一种列表视图的展现方法，包括：

接收对列表视图的点击操作，生成控制列表视图展现的操作指令，所述列表视图上具有两类子视图，所述两类子视图包括：标题视图和各列表项内容视图，所述标题视图的层级最高；

基于所述点击操作，获取所述列表视图当前的展现状态；

基于所述列表视图当前的展现状态和所述控制列表视图展现的操作指令，对所述列表视图上的所述两类子视图进行自动布局；

其中，在所述列表视图当前的展现状态为收缩状态时，获取所述列表视图上待展现的各列表项内容视图的顶端分别距离所述标题视图的底端的第一距离，以及获取所述各列表项内容视图的左端分别距离所述标题视图左端的第二距离；

基于所述第一距离和所述第二距离，将所述列表视图上的所述各列表项内容视图相对于所述标题视图进行自动布局。

进一步地，所述在所述列表视图当前的展现状态为收缩状态时，还包括：

将所述列表视图中的所述标题视图进行自动布局，具体包括：

获取所述列表视图中的所述标题视图的顶端距离所述列表视图的顶端的第三距离、获取所述标题视图的左端距离所述列表视图的左端的第四距离；

基于所述第三距离、所述第四距离，将所述列表视图中的所述标题视图相对于所述列表视图进行自动布局。

进一步地，还包括：

在所述列表视图当前的展现状态为展开状态时，获取所述列表视图的底端位置以及底端宽度；

基于所述列表视图的底端位置以及底端宽度，将所述标题视图的底端位置调整至与所述列表视图的底端位置重叠，并将所述标题视图的底端宽度调整为与所述列表视图的底端宽度相等，使得所述标题视图将所有的所述列表项内容视图覆盖。

进一步地，在将所述标题视图的底端位置调整至与所述列表视图的底端位置重叠，并将所述标题视图的底端宽度调整为与所述列表视图的底端宽度相等，使得所述标题视图将所有的列表项内容视图覆盖之后，还包括：