CN108108212B - 应用程序列表页的处理方法、装置和终端 - Google Patents

应用程序列表页的处理方法、装置和终端 Download PDF

Info

Publication number
CN108108212B
CN108108212B CN201711214851.6A CN201711214851A CN108108212B CN 108108212 B CN108108212 B CN 108108212B CN 201711214851 A CN201711214851 A CN 201711214851A CN 108108212 B CN108108212 B CN 108108212B
Authority
CN
China
Prior art keywords
list
row
page
sliding
list row
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
Application number
CN201711214851.6A
Other languages
English (en)
Other versions
CN108108212A (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.)
Wuba Co Ltd
Original Assignee
Wuba 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 Wuba Co Ltd filed Critical Wuba Co Ltd
Priority to CN201711214851.6A priority Critical patent/CN108108212B/zh
Publication of CN108108212A publication Critical patent/CN108108212A/zh
Application granted granted Critical
Publication of CN108108212B publication Critical patent/CN108108212B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供了一种应用程序列表页的处理方法、装置和终端。本发明的应用程序列表页的处理方法包括：根据用户输入的列表页滑动指令，获取滑动开始用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；若目标列表行与当前列表行之间的行数大于或等于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制目标列表行之前的N行列表行各自的内容。本发明提供的应用程序列表页的处理方法、装置和终端使得用户在快速滑动浏览列表页时，不会出现卡顿的现象，提升了用户的使用体验。

Description

应用程序列表页的处理方法、装置和终端
技术领域
本发明涉及通信工程技术，尤其涉及一种应用程序列表页的处理方法、装置和终端。
背景技术
随着移动互联网的飞速发展，越来越多的手机应用程序(Application，简称APP)在各大手机应用商店层出不穷，用户足不出户就能通过手机APP了解到世界各地的信息。
目前大部分的手机App都是通过列表页和详情页的形式为用户呈现数据和信息。其中，列表页的内容丰富多样，有文字有图片甚至有视频。对于一些列表页复杂数据量庞大的应用程序的页面来说，当用户快速滑动列表页进行浏览时，会出现列表页卡顿等滑动不顺畅的性能问题，影响了用户的使用体验。
发明内容
本发明提供一种应用程序列表页的处理方法、装置和终端，以克服现有技术中用户快速滑动列表页进行浏览时，出现的列表页卡顿等滑动不顺畅的技术问题。
本发明提供一种应用程序列表页的处理方法，所述列表页包括多行列表行，包括：
根据用户输入的列表页滑动指令，获取滑动开始时所述用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；所述目标列表行为滑动结束时所述列表页对应的显示页面的最后一行列表行；
判断所述目标列表行与所述当前列表行之间的行数是否大于或等于预设值M；
若是，则创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，加载并绘制所述目标列表行之前的N行列表行各自的内容，得到滑动结束时所述列表页对应的显示页面；
其中，N＜M，N和M均为正整数。
如上所述的方法，若所述目标列表行与所述当前列表行之间的行数小于预设值M，
则创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，加载并绘制各所述第一列表行和各所述第二列表行各自的内容，得到滑动结束时所述列表页对应的显示页面。
如上所述的方法，所述加载并绘制所述目标列表行之前的N行列表行各自的内容，包括：
对于每一个第三列表行，在所述第三列表行的视图层上添加图片层，所述第三列表行为所述目标列表行之前的N行列表行中的任一列表行；
从服务器获取所述第三列表行的内容；
加载所述第三列表行的内容，并将所述第三列表行的内容异步绘制在所述图片层上。
如上所述的方法，所述创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，包括：
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
根据所述行高和所述布局新建列表行，得到所述第四列表行。
如上所述的方法，在根据所述行高和所述布局新建列表行，得到所述第四列表行之前，还包括：
检测与所述列表页对应的已建好的列表行中是否存在与所述第四列表行的内容的布局和行高相同的备用列表行，得到的检测结果为否。
如上所述的方法，所述创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，包括：
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
当检测到与所述列表页对应的已建好的列表行中存在与所述第四列表行的内容的布局和行高相同的备用列表行时，复用所述备用列表行，得到第四列表行。
本发明还提供一种应用程序列表页的处理装置，所述列表页包括多行列表行，包括：
获取模块，用于根据用户输入的列表页滑动指令，获取滑动开始时所述用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；所述目标列表行为滑动结束时所述列表页对应的显示页面的最后一行列表行；
判断模块，用于判断所述目标列表行与所述当前列表行之间的行数是否大于或等于预设值M；
处理模块，用于若所述目标列表行与所述当前列表行之间的行数大于或等于预设值M时，创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，加载并绘制所述目标列表行之前的N行列表行各自的内容，得到滑动结束时所述列表页对应的显示页面；
其中，N＜M，N和M均为正整数。
如上所述的装置，所述处理模块具体用于，
对于每一个第三列表行，在所述第三列表行的视图层上添加图片层，所述第三列表行为所述目标列表行之前的N行列表行中的任一列表行；
从服务器获取第三列表行的内容；
加载所述第三列表行的内容，并将所述第三列表行的内容异步绘制在所述图片层上。
如上所述的装置，所述处理模块具体用于，
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
根据所述行高和所述布局新建列表行，得到所述第四列表行。
本发明还提供一种终端，包括：如上任一所述的应用程序列表页的处理装置。
本发明的应用程序列表页的处理方法包括：根据用户输入的列表页滑动指令，获取滑动开始时用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数，目标列表行为滑动结束时该列表页对应的显示页面的最后一行列表行；判断目标列表行与当前列表行之间的行数是否大于或等于预设值M；若目标列表行与当前列表行之间的行数大于或等于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面，其中，N＜M。本发明的应用程序列表页的处理方法使得用户在快速滑动浏览列表页时，不会出现卡顿的现象，提升了用户的使用体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明提供的应用程序列表页的处理方法的流程图一；
图2为本发明提供的列表页的示意图；
图3为本发明提供的详情页的示意图；
图4为本发明提供的应用程序列表页的处理方法的流程图二；
图5为本发明提供的应用程序列表页的处理方法的流程图三；
图6为本发明提供的应用程序列表页的处理装置实施例一的结构示意图；
图7为本发明提供的应用程序列表页的处理装置实施例二的结构示意图；
图8为本发明提供的终端的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
图1为本发明提供的应用程序列表页的处理方法的流程图一，如图1所示，本实施例的方法可以包括：
步骤S101、根据用户输入的列表页滑动指令，获取滑动开始时用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；目标列表行为滑动结束时该列表页对应的显示页面的最后一行列表行；
步骤S102、判断目标列表行与当前列表行之间的行数是否大于或等于预设值M，M为正整数；
步骤S103、若目标列表行与当前列表行之间的行数大于或等于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面，其中，N＜M，N为正整数；
步骤S104、若目标列表行与当前列表行之间的行数小于预设值M，创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制各第一列表行和各第二列表行各自的内容，得到滑动结束时列表页对应的显示页面；
具体地，本实施例的执行主体可为终端，终端可包括但不限于手机、平板电脑等。
应用程序的显示页面包括列表页和详情页，列表页中包括多行列表行，每一行列表行内具有图片和/或文字等内容，用户通过点击列表页中列表行的内容进入该列表行指示的内容的详情页。
图2为本发明提供的列表页的示意图，图3为本发明提供的详情页的示意图。
参见图2～图3，图2中显示有列表行201、列表行的内容202，当用户选中某一列表行后，终端显示该列表行指示的内容的详情页，如图3所示。
当用户滑动列表页时，终端接收到用户输入的列表页滑动指令，根据接收到的列表页滑动指令，获取滑动开始时用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；其中，用户选中的当前列表行是指用户的手指触摸的列表行，目标列表行为滑动结束时该列表页对应的显示页面的最后一行列表行。
本领域技术人员可以理解的是，在用户输入列表页滑动指令的瞬间，终端便可根据用户滑动列表页的力度(按压屏幕的力)立即可获知滑动结束时对应的目标列表行，从而获取到当前列表行与目标列表行之间的行数。也就是获取滑动开始时用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数，是在获取到用户输入的列表页滑动指令的瞬间完成的，并不是等到列表页停止滑动后才完成。
接着，判断目标列表行与当前列表行之间的行数是否大于或等于预设值M。其中，预设值M可根据列表页中各列表行的各自行高以及终端显示界面可以同时显示的行数来确定。
若目标列表行与当前列表行之间的行数小于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制各第一列表行和各第二列表行各自的内容，得到滑动结束时列表页对应的显示页面。
具体地，若目标列表行与当前列表行之间的行数小于预设值M，可以认为用户滑动列表页的速度比较慢，不会出现在短时间内加载很多数据的情况，因此，可加载并绘制各第一列表行和各第二列表行各自的内容，得到滑动结束时列表页对应的显示页面。
若目标列表行与当前列表行之间的行数大于或等于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面；其中，N＜M，N为正整数。
具体地，若目标列表行与当前列表行之间的行数大于或等于预设值M，则可认为用户在快速滑动列表页，只加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面；其中，目标列表行之前的N行列表行包括目标列列表行。
本领域技术人员应该明白，目标列表行之前的N行列表行为各第一列表行和各第二列表行中的列表行。
下面结合实例对“创建目标列表行之前的N行列表行，加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面”的过程进行说明。
比如说，若终端可同时显示3行列表行，则N不小于3，优选为N＝3或N＝4。若N＝3，且用户向下滑动列表页，终端先创建目标列表行之前第2行的列表行，从服务器获取目标列表行之前第二行的内容，加载目标列表行之前第2列表行(与目标列表行之间相隔1行)的内容并将其绘制在目标列表行之前第2列表行内；接着创建目标列表行之前第1列表行(与目标列表行相邻)，从服务器获取目标列表行之前第1列表行的内容，加载目标列表行之前第1列表行的内容并将其绘制在目标列表行之前第1列表行内；接着创建目标列表行，从服务器获取创建目标列表行的显示内容，加载目标列表行的内容并将其绘制在目标列表行内，得到了滑动结束时列表页对应的显示页面。
对于各第一列表行和各第二列表行中除了目标列表行之前的N行列表行的列表行，未加载并绘制其内容，可以在这些列表行中仅添加相同的预设图片或者直接显示空白的列表行。
本实施例中若目标列表行与当前列表行之间的行数大于或等于预设值M时，即快速滑动列表页，只加载并绘制目标列表行之前的N行列表行的内容，减少了不必要的数据的加载，提高了应用程序的响应速度，使得用户在快速滑动浏览列表页时，不会出现卡顿的现象，提升了用户的使用体验。
本实施例的应用程序列表页的处理方法包括：根据用户输入的列表页滑动指令，获取滑动开始用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数，目标列表行为滑动结束时该列表页对应的显示页面的最后一行列表行；判断目标列表行与当前列表行之间的行数是否大于或等于预设值M，M为正整数；若目标列表行与当前列表行之间的行数大于或等于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面，其中，N＜M，N为正整数；若目标列表行与当前列表行之间的行数小于预设值M，则创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制各第一列表行和各第二列表行各自的内容，得到滑动结束时列表页对应的显示页面。本实施例的应用程序列表页的处理方法使得用户在快速滑动浏览列表页时，不会出现列表页卡顿的现象，提升了用户的使用体验。
下面采用几个具体的实施例，对图1所示方法实施例的技术方案进行详细说明。
首先对上一实施例中的“若目标列表行与当前列表行之间的行数大于或等于预设值M，创建目标列表行之前的N行列表行，加载并绘制目标列表行之前的N行列表行各自的内容”的具体实现过程进行说明。对于各第一列表行和各第二列表行中除了目标列表行之前的N行列表行的列表行，由于未加载并绘制其内容，因此，这些列表行的创建过程不再说明，其创建过程与目标列表行之前的N行列表行的创建过程相同。
图4为本发明提供的应用程序列表页面的处理方法实施例二的流程图，如图4所示，本实施例的方法可以包括：
步骤S201、对于每一个第三列表行，获取第三列表行的内容的布局以及终端内存储的第三列表行的行高；第三列表行为目标列表行之前的N行列表行中的任一列表行；
步骤S202、根据第三列表行的行高和第三列表行的内容的布局新建列表行，得到第三列表行；
步骤S203、在第三列表行的视图层上添加图片层；
步骤S204、从服务器获取第三列表行的内容；
步骤S205、加载第三列表行的内容，并将第三列表行的内容异步绘制在图片层上。
具体地，本实施例是针对一个列表行的创建过程以及加载并绘制其内容的过程，且所针对的列表行为目标列表行之前的N行列表行中的任一列表行，此处称为第三列表行。目标列表行之前的N行列表行的创建过程以及加载并绘制其内容的过程均相同。
在应用程序首次被运行创建列表行时，终端会根据应用程序的程序代码计算列表行的行高，并获取列表行的内容的布局，根据行高和布局创建列表行，计算得到的行高会缓存在终端中，以在用户下次使用该应用程序或者往回滑动列表页时无需重新计算相应列表行的行高，避免了行高的计算对应用程序的响应速度的影响。
在创建第三列表行时，根据应用程序源程序代码获取列表行的内容的布局，并获取终端内存储的第三列表行的行高。根据该布局和该行高新建第三列表行。其中，若列表行的内容包括图片，图片的宽、高以及图片的各边的页边距等均为列表行的内容的布局。
其中，根据该布局和该行高新建第三列表行可以在“检测与列表页对应的已建好的列表行中是否存在与第三列表行的内容的布局和行高相同的备用列表行，得到的检测结果为否”的条件下触发，也可以不进行上述检测，直接在获取第三列表行的内容的布局以及终端内存储的第三列表行的行高后进行第三列表行的新建。
在新建好的第三列表行的视图层上添加图片层；从服务器获取第三列表行的内容后，加载第三列表行的内容，并将第三列表行的内容异步绘制在图片层上，即另起一个子线程将第三列表行的内容绘制在图片层上。
本领域技术人员可以理解的是由于第四列表行为各第一列表行或各第二列表行中的任一列表行，第三列表行为目标列表行之前的N行列表行中的任一列表行，目标列表行之前的N行列表行为各第一列表行和各第二列表行中的列标行，所以第三列表行属于各第四列表行组成的集合中的列表行。
本实施例中不直接在第三列表行的视图层上渲染第三列表行的内容，而是第三列表行的视图层上添加图片层，将第三列表行的内容异步绘制在图片层上，可以避免在用户来回滑动列表页时重复渲染第三列表行的内容，提高了应用程序的响应速度。
为了进一步的提高应用程序的响应速度，本实施例在上述实施例的基础上进行了改进。
图5为本发明提供的应用程序列表页面的处理方法实施例三的流程图，如图5所示，本实施例的方法可以包括：
步骤S301、对于每一个第三列表行，获取第一列表行的内容的布局以及终端内存储的第三列表行的行高；第三列表行为目标列表行之前的N行列表行中的任一列表行；
步骤S302、当检测到与列表页对应的已建好的列表行中存在与第三列表行的内容的布局和行高相同的备用列表行时，复用该备用列表行，得到第三列表行；
步骤S303、在第三列表行的视图层上添加图片层；
步骤S304、从服务器获取第三列表行的内容；
步骤S305、加载第三列表行的内容，并将第三列表行的内容异步绘制在图片层上。
本实施例的适用场景为：检测与列表页对应的已建好的列表行中是否存在与第三列表行的内容的布局和行高相同的备用列表行，得到的检测结果为是的应用场景。
步骤S301与上一实施例中的步骤S201相同，本实施例不做赘述。
对于步骤S302，当检测到与列表页对应的已创建好的列表行中存在与第三列表行的内容的布局和行高相同的备用列表行时，复用该备用列表行，得到第三列表行。
复用与列表页对应的已创建好的列表行，得到第三列表行，可以避免重新建立第三列表行，进一步提高了应用程序的响应速度。
步骤S303与上一实施例中的步骤S203相同，本实施例不做赘述；步骤S304与上一实施例中的步骤S204相同，本实施例不做赘述，步骤S305与上一实施例中的步骤S205相同，本实施例不做赘述。
本实施例通过复用与列表页对应的已创建好的列表行，得到第三列表行，避免了重新建立第三列表行，进一步提高了应用程序的响应速度。
图6为本发明提供的应用程序列表页的处理装置实施例一的结构示意图，如图6所示，本实施例的装置可以包括：获取模块11、判断模块12和处理模块13，其中，获取模块11，用于根据用户输入的列表页滑动指令，获取滑动开始用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；目标列表行为滑动结束时列表页对应的显示页面的最后一行列表行；判断模块12，用于判断目标列表行与当前列表行之间的行数是否大于或等于预设值M；处理模块13，用于若目标列表行与当前列表行之间的行数大于或等于预设值M时，创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制目标列表行之前的N行列表行各自的内容，得到滑动结束时列表页对应的显示页面。其中，N＜M，N和M均为正整数。
处理模块13，还用于若目标列表行与当前列表行之间的行数小于预设值M时，创建滑动开始时列表页对应的显示页面与滑动结束时列表页对应的显示页面之间的各第一列表行，以及滑动结束时列表页对应的显示页面的各第二列表行，加载并绘制各第一列表行和各第二列表行各自的内容，得到滑动结束时列表页对应的显示页面。
处理模块13具体用于，对于每一个第四列表行，获取第四列表行的内容的布局和终端内存储的第四列表行的行高；第四列表行为各第一列表行或各第二列表行中的任一列表行；根据行高和布局新建列表行，得到第四列表行。
处理模块13还具体用于，对于每一个第三列表行，在第三列表行的视图层上添加图片层，第三列表行为目标列表行之前的N行列表行中的任一列表行；从服务器获取第三列表行的内容；加载第三列表行的内容，并将第三列表行的内容异步绘制在图片层上。
本实施例的装置，可以用于执行上述方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
图7为本发明提供的应用程序列表页的处理装置实施例二的结构示意图，如图7所示，本实施例的装置在图6所示装置结构的基础上，进一步地，还可以包括：检测模块14，该检测模块14用于检测与列表页对应的已建好的列表行中是否存在与第四列表行的内容的布局和行高相同的备用列表行。
处理模块13还具体用于，对于每一个第四列表行，获取第四列表行的内容的布局和终端内存储的第四列表行的行高；第四列表行为各第一列表行或各第二列表行中的任一列表行；当检测到与列表页对应的已建好的列表行中存在与第四列表行的内容的布局和行高相同的备用列表行时，复用备用列表行，得到第四列表行。
本实施例的装置，可以用于执行上述方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
图8为本发明提供的终端的结构示意图，如图8所示，本实施例的终端31包括图6或图7所示的应用程序列表页的处理装置32，其对应地，可以执行图1～图5中任一方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (7)

1.一种应用程序列表页的处理方法，所述列表页包括多行列表行，其特征在于，包括：
根据用户输入的列表页滑动指令，获取滑动开始时所述用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；所述目标列表行为滑动结束时所述列表页对应的显示页面的最后一行列表行；
判断所述目标列表行与所述当前列表行之间的行数是否大于或等于预设值M；
若是，则创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，加载并绘制所述目标列表行之前的N行列表行各自的内容，得到滑动结束时所述列表页对应的显示页面；
其中，N＜M，N和M均为正整数；
其中，所述创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页的显示页面的各第二列表行，包括：
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
当检测到与所述列表页对应的已建好的列表行中存在与所述第四列表行的内容的布局和行高相同的备用列表行时，复用所述备用列表行，得到第四列表行；
所述加载并绘制所述目标列表行之前的N行列表行各自的内容，包括：
对于每一个第三列表行，在所述第三列表行的视图层上添加图片层，所述第三列表行为所述目标列表行之前的N行列表行中的任一列表行；
从服务器获取所述第三列表行的内容；
加载第三列表行的内容，并将所述第三列表行的内容异步绘制在所述图片层上。
2.根据权利要求1所述的方法，其特征在于，若所述目标列表行与所述当前列表行之间的行数小于预设值M，
则创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，加载并绘制各所述第一列表行和各所述第二列表行各自的内容，得到滑动结束时所述列表页对应的显示页面。
3.根据权利要求1所述的方法，其特征在于，所述创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页的显示页面的各第二列表行，包括：
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
根据所述行高和所述布局新建列表行，得到所述第四列表行。
4.根据权利要求3所述的方法，其特征在于，在根据所述行高和所述布局新建列表行，得到所述第四列表行之前，还包括：
检测与所述列表页对应的已建好的列表行中是否存在与所述第四列表行的内容的布局和行高相同的备用列表行，得到的检测结果为否。
5.一种应用程序列表页的处理装置，所述列表页包括多行列表行，其特征在于，包括：
获取模块，用于根据用户输入的列表页滑动指令，获取滑动开始时所述用户选中的当前列表行与滑动结束时对应的目标列表行之间的行数；所述目标列表行为滑动结束时所述列表页对应的显示页面的最后一行列表行；
判断模块，用于判断所述目标列表行与所述当前列表行之间的行数是否大于或等于预设值M；
处理模块，用于若所述目标列表行与所述当前列表行之间的行数大于或等于预设值M时，创建滑动开始时所述列表页对应的显示页面与滑动结束时所述列表页对应的显示页面之间的各第一列表行，以及滑动结束时所述列表页对应的显示页面的各第二列表行，加载并绘制所述目标列表行之前的N行列表行各自的内容，得到滑动结束时所述列表页对应的显示页面；
其中，N＜M，N和M均为正整数；
所述处理模块，具体用于，
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
当检测到与所述列表页对应的已建好的列表行中存在与所述第四列表行的内容的布局和行高相同的备用列表行时，复用所述备用列表行，得到第四列表行；
所述处理模块，还具体用于，
对于每一个第三列表行，在所述第三列表行的视图层上添加图片层，所述第三列表行为所述目标列表行之前的N行列表行中的任一列表行；
从服务器获取第三列表行的内容；
加载第三列表行的内容，并将所述第三列表行的内容异步绘制在所述图片层上。
6.根据权利要求5所述的装置，其特征在于，所述处理模块具体用于，
对于每一个第四列表行，获取所述第四列表行的内容的布局和终端内存储的所述第四列表行的行高；所述第四列表行为各所述第一列表行或各所述第二列表行中的任一列表行；
根据所述行高和所述布局新建列表行，得到所述第四列表行。
7.一种终端，其特征在于，包括：权利要求5或6所述的应用程序列表页的处理装置。
CN201711214851.6A 2017-11-28 2017-11-28 应用程序列表页的处理方法、装置和终端 Active CN108108212B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711214851.6A CN108108212B (zh) 2017-11-28 2017-11-28 应用程序列表页的处理方法、装置和终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711214851.6A CN108108212B (zh) 2017-11-28 2017-11-28 应用程序列表页的处理方法、装置和终端

Publications (2)

Publication Number Publication Date
CN108108212A CN108108212A (zh) 2018-06-01
CN108108212B true CN108108212B (zh) 2021-02-19

Family

ID=62208510

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711214851.6A Active CN108108212B (zh) 2017-11-28 2017-11-28 应用程序列表页的处理方法、装置和终端

Country Status (1)

Country Link
CN (1) CN108108212B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110865810A (zh) * 2019-11-14 2020-03-06 北京无限光场科技有限公司 资源复用的方法、装置、电子设备及计算机可读存储介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102487361B (zh) * 2010-12-03 2014-08-20 腾讯科技（深圳）有限公司 一种复用列表页的方法和装置
CN104035668A (zh) * 2014-06-24 2014-09-10 广州金山网络科技有限公司 一种异步加载数据滑动性能的优化方法及系统、移动终端
CN105426073A (zh) * 2015-10-27 2016-03-23 努比亚技术有限公司 列表显示的控制装置及方法

Also Published As

Publication number Publication date
CN108108212A (zh) 2018-06-01

Similar Documents

Publication Publication Date Title
CN106156066B (zh) 一种页面切换方法、装置及客户端
CN109508213B (zh) 一种视图渲染方法、装置、介质及智能终端
US10237622B2 (en) Page turning method, page turning apparatus and terminal as well as computer readable medium
US9335921B2 (en) Providing subpages in a touch panel user interface
CN106021421B (zh) 一种加速网页渲染的方法及装置
CN107783714B (zh) 一种页面展示方法、装置、电子设备及存储介质
CN106802758B (zh) 用于屏幕截取的处理方法和装置
US20140189516A1 (en) Video preview display method and terminal device
US10620821B2 (en) Page sliding method and apparatus
US10331327B2 (en) Message display method, apparatus and terminal
CN108206959B (zh) 一种显示弹幕消息的方法和装置
WO2020000971A1 (zh) 切换全局特效的方法、装置、终端设备及存储介质
EP3197176A1 (en) Android platform-based multimedia recommendation method and terminal device
EP2874054A1 (en) Application text adjusting method, device, and terminal
CN107045546B (zh) 一种网页处理方法、装置及智能终端
CN104965914A (zh) 一种页面显示方法及装置
CN111694499A (zh) 一种轮播图片显示方法以及轮播图片显示装置
CN105808307B (zh) 一种页面显示方法和装置
CN103870197A (zh) 一种处理图片的方法及装置
CN103336787A (zh) 一种用于缩放网页的方法和装置
CN111143731B (zh) 一种网页界面缩放时的显示方法、装置及终端设备
CN110865748A (zh) 菜单呈现方法、装置、电子设备及计算机可读存储介质
CN107122104B (zh) 数据显示方法及装置
CN109388737B (zh) 一种内容项的曝光数据的发送方法、装置及存储介质
CN107390982B (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
GR01 Patent grant
GR01 Patent grant