CN111949348B - 一种页面显示方法及移动终端 - Google Patents
一种页面显示方法及移动终端 Download PDFInfo
- Publication number
- CN111949348B CN111949348B CN202010659355.7A CN202010659355A CN111949348B CN 111949348 B CN111949348 B CN 111949348B CN 202010659355 A CN202010659355 A CN 202010659355A CN 111949348 B CN111949348 B CN 111949348B
- Authority
- CN
- China
- Prior art keywords
- module
- displayed
- page
- content
- sliding
- 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
- 238000000034 method Methods 0.000 title claims abstract description 104
- 230000006870 function Effects 0.000 claims description 18
- 238000012544 monitoring process Methods 0.000 claims description 7
- 230000008569 process Effects 0.000 abstract description 4
- 238000004891 communication Methods 0.000 description 8
- 230000009286 beneficial effect Effects 0.000 description 5
- 230000002093 peripheral effect Effects 0.000 description 5
- 238000009877 rendering Methods 0.000 description 4
- 230000001360 synchronised effect Effects 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 3
- 230000000712 assembly Effects 0.000 description 3
- 238000000429 assembly Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000005484 gravity Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000008030 elimination Effects 0.000 description 1
- 238000003379 elimination reaction Methods 0.000 description 1
- 230000006698 induction Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000010076 replication Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing 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
技术领域
本发明涉及移动终端开发技术领域,尤其涉及一种页面显示方法及移动终端。
背景技术
安卓(Android)是一种基于Linux的开放源代码的操作系统,主要用于智能手机、平板电脑等移动设备。Android系统提供了各种基础的UI组件,能实现多种多样的界面显示效果。
在Android系统中,通常利用TextView来显示文字,利用ListView来实现竖向滑动的列表。对于需要横向滑动的列表,一般通过RecyclerView来实现。对于需要同时支持横向滑动和竖向滑动的页面,则需要嵌套ListView和RecyclerView来实现,外层通过ListView来支持竖向滑动,每行各设置一个RecyclerView来支持横向滑动,横向滑动时同步每行中RecyclerView的滑动偏移量。以上便是一个同时支持竖向滑动和横向滑动的页面的基础架构,而页面所要显示的具体内容,则由每行的RecyclerView来渲染。
上述技术方案虽然可以用于页面显示的内容相对简单的情况,例如,页面只显示简单的文字内容时,竖向或横向滑动时只需要更新将要显示的文字内容即可,故,通过系统提供的TextView进行组合能够实现期望的效果。
但,当页面显示的内容较为复杂时,例如,每组内容包含多个子项,且每个子项内又要显示不同大小或颜色的文字,如果继续通过多个TextView组合,由于在滑动页面时需要动态改变页面布局、甚至动态添加或删除一些TextView,这必然会造成页面的流畅性不佳,导致出现掉帧、卡顿等现象,用户体验较差。
为此,需要提供一种页面显示方法,以解决上述技术方案中存在的问题。
发明内容
为此,本发明提供一种页面显示方法及移动终端,以解决或至少缓解上面存在的问题。
根据本发明的一个方面,提供了一种页面显示方法,在移动终端中执行,所述移动终端的屏幕上适于显示页面内容,所述页面内容包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元,每个单元包括相应的样式化内容,所述方法包括:当接收到用户在页面上的竖向滑动操作时:控制所述页面内容的每个已显示模块的垂直滑动;获取待显示模块的多个单元的样式化内容,并确定待显示模块的布局信息;基于待显示模块的布局信息将待显示模块的多个单元呈现在当前屏幕上;当接收到用户在页面上的横向滑动操作时:控制所述页面内容的每个模块水平滑动;获取屏幕上显示的每个模块的待显示单元的样式化内容,并基于所述每个模块的布局信息将每个模块的待显示单元呈现在当前屏幕上。
可选地,在根据本发明的页面显示方法中,所述确定待显示模块的布局信息的步骤包括:请求从缓存中获取待显示模块的布局描述,基于所述布局描述确定布局信息。
可选地,在根据本发明的页面显示方法中,所述确定待显示模块的布局信息的步骤还包括:如果缓存中没有所述待显示模块的布局描述,则基于待显示模块的多个单元的样式化内容创建所述待显示模块的布局描述,并基于创建的布局描述确定待显示模块的布局信息。
可选地,在根据本发明的页面显示方法中,在创建待显示模块的布局描述之后,包括步骤:将创建的所述布局描述存储到缓存。
可选地,在根据本发明的页面显示方法中,获取所述单元的样式化内容的步骤包括:请求从缓存中获取所述单元的样式化内容;如果缓存中没有所述样式化内容,则基于页面源文件生成所述单元的样式化内容。
可选地,在根据本发明的页面显示方法中,在生成待显示模块的多个单元的样式化内容之后,包括步骤:将生成的所述多个单元的样式化内容存储到缓存。
可选地,在根据本发明的页面显示方法中,每个模块分别包括一个滑动组件(RecycleView),适于控制所述模块滑动。
可选地,在根据本发明的页面显示方法中,在接收用户在页面上的滑动操作之前,还包括步骤:对每个模块的滑动组件注册滑动监听函数,以便监控用户的竖向滑动操作和横向滑动操作;其中,当一个模块的滑动组件监控到所述横向滑动操作时,触发其它滑动组件来控制其它模块与该模块同步水平滑动。
可选地,在根据本发明的页面显示方法中,当一个模块的滑动组件监控到所述横向滑动操作时,包括步骤:将所述滑动操作封装生成滑动任务,基于所述滑动任务来控制其它模块水平滑动。
可选地,在根据本发明的页面显示方法中,在接收用户在页面上的滑动操作之前,包括步骤:获取页面的源文件;基于所述源文件生成每个模块所包括的多个单元的样式化内容;基于每个模块所包括的多个单元的样式化内容创建每个模块的布局描述;基于所述布局描述确定每个模块的布局信息;以及基于多个模块的布局信息将所述多个模块的多个单元呈现在屏幕上。
可选地,在根据本发明的页面显示方法中,还包括步骤:将生成的每个单元的样式化内容、每个模块的布局描述分别存储到缓存。
可选地,在根据本发明的页面显示方法中,所述布局信息包括所述模块的高度。
可选地,在根据本发明的页面显示方法中,所述样式化内容为文字内容。
可选地,在根据本发明的页面显示方法中,所述移动终端包括:SpannableString,适于基于页面的源文件生成每个单元的样式化内容;以及StaticLayout,适于基于多个单元的样式化内容创建所述模块的布局描述。
根据本发明的一个方面,提供了一种页面显示方法,在移动终端中执行,所述移动终端的屏幕上适于显示页面内容,所述页面内容包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元,每个单元包括相应的样式化内容,所述方法包括:获取页面的源文件;基于所述页面源文件生成每个模块的多个单元的样式化内容;基于每个模块所包括的多个单元的样式化内容创建每个模块的布局描述;基于所述布局描述确定每个模块的布局信息;以及基于多个模块的布局信息将所述多个模块的多个单元呈现在屏幕上。
可选地,在根据本发明的页面显示方法中,还包括步骤:将生成的每个单元的样式化内容存储到缓存;将创建的每个模块的布局描述存储到缓存。
根据本发明的一个方面,提供了一种移动终端,包括:至少一个处理器;以及存储有程序指令的存储器,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如上所述页面显示方法的指令。
根据本发明的一个方面,提供了一种存储有程序指令的可读存储介质,当所述程序指令被移动终端读取并执行时,使得所述移动终端执行如上所述的页面显示方法。
根据本发明的技术方案,通过在初始加载页面时便根据页面源文件预先生成每个模块对应的多个单元的样式化内容、每个模块的布局描述,并将生成的每个单元的样式化内容、每个模块的布局描述存储到移动终端的缓存。这样,在接收到用户滑动页面的操作时,可以直接从缓存中获取相应的布局描述、样式化内容对应的数据,并提前确定各个模块的高度等布局信息,从而有利于更高效地渲染、展示待显示的模块及单元,提高滑动页面时的流畅性。
进一步地,根据本发明的技术方案,通过SpannableString来生成样式化内容,通过StaticLayout来生成模块的布局描述,并基于自定义View对布局描述进行渲染。这样,不需要对样式化的文字内容、模块的布局进行测量,有益于提高对页面内容的渲染效率和性能。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的移动终端100的示意图;
图2示出了根据本发明一个实施例的页面显示方法200的流程图;以及
图3示出了根据本发明一个实施例的页面显示方法300的流程图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的移动终端100的结构图。移动终端100可以是配置有前置摄像头和显示屏幕的手机、平板电脑、笔记本电脑、多媒体播放器、可穿戴设备等,但不限于此。如图1所示,移动终端100可以包括存储器接口102、多核处理器104,以及外围接口106。
存储器接口102、多核处理器104和/或外围接口106既可以是分立元件,也可以集成在一个或多个集成电路中。在移动终端100中,各种元件可以通过一条或多条通信总线或信号线来耦合。传感器、设备和子系统可以耦合到外围接口106,以便帮助实现多种功能。
例如,加速度传感器110、磁场传感器112和重力传感器114可以耦合到外围接口106,加速度传感器110可以采集在机身坐标系的三个坐标轴方向上的加速度数据,磁场传感器112可以采集在机身坐标系的三个坐标轴方向上的磁场数据(磁感应强度),重力传感器114可以采集在机身坐标系的三个坐标轴上的重力数据,以上传感器可以方便实现计步、定向、横竖屏智能切换等功能。其他传感器116同样可以与外围接口106相连,例如定位系统(例如GPS接收机)、温度传感器、生物测定传感器或其他感测设备,由此可以帮助实施相关的功能。
相机子系统120和光学传感器122可以用于方便诸如记录照片和视频剪辑的相机功能的实现,其中所述相机子系统和光学传感器例如可以是电荷耦合器件(CCD)或互补金属氧化物半导体(CMOS)光学传感器。可以通过一个或多个无线通信子系统124来帮助实现通信功能,其中无线通信子系统可以包括射频接收机和发射机和/或光(例如红外)接收机和发射机。无线通信子系统124的特定设计和实施方式可以取决于移动终端100所支持的一个或多个通信网络。例如,移动终端100可以包括被设计成支持LTE、3G、GSM网络、GPRS网络、EDGE网络、Wi-Fi或WiMax网络以及BlueboothTM网络的通信子系统124。
音频子系统126可以与扬声器128以及麦克风130相耦合,以便帮助实施启用语音的功能,例如语音识别、语音复制、数字记录和电话功能。I/O子系统140可以包括触摸屏控制器142和/或一个或多个其他输入控制器144。触摸屏控制器142可以耦合到触摸屏146。举例来说,该触摸屏146和触摸屏控制器142可以使用多种触摸感测技术中的任何一种来检测与之进行的接触和移动或是暂停,其中感测技术包括但不局限于电容性、电阻性、红外和表面声波技术。一个或多个其他输入控制器144可以耦合到其他输入/控制设备148,例如一个或多个按钮、摇杆开关、拇指旋轮、红外端口、USB端口、和/或指示笔之类的指点设备。所述一个或多个按钮(未显示)可以包括用于控制扬声器128和/或麦克风130音量的向上/向下按钮。
存储器接口102可以与存储器150相耦合。该存储器150可以包括内部存储器和外部存储器,内部存储器例如可以是静态随机存取存储器(SRAM)、非易失性存储器(NVRAM)等,但不限于此;外部存储器例如可以是硬盘、可移动硬盘、U盘等,但不限于此。存储器150可以存储程序指令,程序指令例如可以包括操作系统152和应用154。操作系统152例如可以是Android、iOS、WindowsPhone等,其包括用于处理基本系统服务以及执行依赖于硬件的任务的程序指令。存储器150还可以存储应用154,应用154可以包括用于实现各种用户期望的功能的程序指令。应用154可以是独立于操作系统提供的,也可以是操作系统自带的。另外,应用154被安装到移动终端100中时,也可以向操作系统添加驱动模块。在移动设备运行时,会从存储器150中加载操作系统152,并且由处理器104执行。应用154在运行时,也会从存储器150中加载,并由处理器104执行。应用154运行在操作系统之上,利用操作系统以及底层硬件提供的接口实现各种用户期望的功能,如硬件管理、即时通信、网页浏览等。
在一个实施例中,上述各种应用154的一种或多种应用包括适于执行本发明的页面显示方法200以及页面显示方法300的多条程序指令,以便移动终端100执行本发明的页面显示方法200、页面显示方法300。
在一个实施例中,应用154例如是各种App,例如各种浏览器,但不限于此。应用中加载的页面例如是HTML页面,但,本发明对页面的具体类型也不作限制。移动终端的屏幕上可以显示页面内容。
应当指出,在根据本发明的页面显示方法200及方法300中,在屏幕上显示的页面内容是以列表的形式呈现,页面内容包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元,每个单元中包括相应的样式化内容。
具体而言,页面内容包括多个模块,每个模块分别包括多个相应的单元。页面内容中的多个模块适于按照顺序以纵向排列的方式呈现在移动终端的屏幕上,每个模块中的多个单元适于以横向排列的方式呈现在屏幕上的显示模块中。
需要说明的是,页面内容所包括的模块的数量、以及每个模块所包括的单元的数量都多于在屏幕上已显示的模块的数量、每个模块中已显示的单元的数量。换言之,在屏幕上已显示的多个模块只是页面内容所包括的模块中的一部分,页面内容中还包括多个未显示在屏幕上的其它模块。并且,在每个已显示模块中已显示的多个单元也只是该模块所包括的单元中的一部分,每个已显示模块中还包括多个未显示出的其它单元。
样式化内容是可以基于样式信息来生成、以便以预定样式进行显示的内容,本发明对样式化内容的内容类型不做具体限制。在一个实施例中,样式化内容例如是以预定样式进行显示的文字内容。
图2示出了根据本发明一个实施例的页面显示方法200的流程图。图3示出了根据本发明一个实施例的页面显示方法300的流程图。
需要说明的是,方法200是基于第一次加载页面内容中的多个模块时的执行方法。方法300是基于页面内容中的多个模块已经显示在屏幕上、并在接收到用户的滑动操作时的执行方法。应当理解,方法200是在方法300之前执行。这里,先对方法200进行展开描述。
如图2所示,方法200始于步骤S210。
在步骤S210中,获取页面的源文件。源文件即是页面的源代码文件。
随后,在步骤S220中,通过对页面源文件进行解析,基于解析后的数据,分别生成每个模块所包括的多个单元的样式化内容,即是基于每个模块分别生成相应的多个单元的样式化内容。这里,本发明不限制生成样式化内容的具体方式。
在一种实施方式中,移动终端中包括SpannableString,通过SpannableString来生成样式化内容。SpannableString可以基于对页面源文件解析后的数据生成模块中每个单元的样式化内容。
随后,在步骤S230中,基于每个模块所包括的多个单元的样式化内容创建每个模块的布局描述。这里,本发明不限制生成每个模块的布局描述的具体方式。
在一种实施方式中,移动终端中包括StaticLayout,通过StaticLayout来生成模块的布局描述。StaticLayout可以根据模块对应的多个单元的样式化内容来创建模块的布局描述。
根据一个实施例,在生成样式化内容后,还将生成的每个单元的样式化内容存储到移动终端的缓存。在创建每个模块的布局描述后,将每个模块的布局描述存储到移动终端的缓存。通过将每个单元的样式化内容、每个模块的布局描述存储到缓存,有利于在加载页面后、接收到用户滑动页面的操作时,可以直接从缓存中获取相应的样式化内容、布局描述对应的数据,并提前确定各个模块的布局信息,便于在滑动页面时直接确定模块的布局信息,以便更高效地显示新的模块、单元。
在一种实施方式中,基于LRU(Least Recently Used,缓存淘汰算法)来对样式化内容、布局描述进行缓存。通过在不同的移动终端设备上设置不同的缓存大小,当缓存池满时,基于LRU算法会优先清除使用频率最低的缓存数据,保留高频使用的数据,从而提高缓存的命中率,提高缓存数据的使用效率。
随后,在步骤S240中,基于每个模块对应的布局描述来计算确定每个模块的布局信息。这里,布局信息例如包括模块的高度,在确定模块的高度后,便可以根据模块的高度来渲染、调整将要显示的模块的行高。
最后,在步骤S250中,基于多个模块的布局信息(例如高度)、对应的多个单元的样式化内容,将多个模块的多个单元呈现在屏幕上。
在一种实施方式中,本发明在加载页面的多个模块时,是通过StaticLayout来生成每个模块的布局描述,并利用简单的自定义View对布局描述进行渲染。这样,不需要对样式化内容(例如文字内容)进行测量,也不需要对模块的布局进行测量,有益于提高加载页面内容时的渲染效率和性能,渲染效率远高于现有技术中将多个TextView进行组合的方案。
根据一个实施例,在对页面的源代码文件进行数据解析后,可以先利用外层的ListView对解析后的数据进行初步显示,并同时开启后台子线程对解析后的数据进行处理,以便基于解析后的数据生成每个模块对应的样式化内容、布局描述。在基于每个模块的布局描述确定每个模块的布局信息后,移动终端100会调用ListView的刷新方法来对初步显示的模块进行重新渲染,以便基于布局信息的高度来调整初始显示的每个模块的行高,并将多个模块重新呈现在屏幕上。
在基于多个模块的布局信息、对应的多个单元的样式化内容,将多个模块的多个单元呈现在屏幕上之后,可以执行本发明的页面显示方法300。
图3示出了根据本发明一个实施例的页面显示方法300的流程图。如图3所示,方法300包括步骤S310~S350。
需指出,在执行方法300之前,先接收用户在页面上的滑动操作,滑动操作例如包括竖向滑动操作、横向滑动操作。其中,当接收到用户在页面上的竖向滑动操作时,执行步骤S310~S330。当接收到用户在页面上的横向滑动操作时,执行步骤S340~S350。
具体地,在步骤S310中,当接收到用户在页面上的竖向滑动操作时(例如向上或者向下滑动),控制页面内容的每个已显示模块的垂直滑动。
需要说明的是,已显示模块即是移动终端屏幕上当前显示的模块。在控制已显示模块垂直滑动时,页面内容中会有一个或多个新的模块即将在屏幕上显示,并且,这一个或多个新的模块会基于排列顺序依次呈现在屏幕上,例如从屏幕的上端或者下端滑动至屏幕中显示,这一个或多个新的模块即是待显示模块。应当指出,在将待显示模块呈现在屏幕上之前,需要确定待显示模块的布局信息以及对应的多个单元的样式化内容。
根据一个实施例,页面的每个模块分别包括一个滑动组件,这样,在移动终端100接收到用户在页面上的纵向滑动操作时,可以利用滑动组件来控制模块的滑动和新模块的显示。应当指出,通过滑动组件既可以控制相应模块的垂直滑动,也可以控制模块的水平滑动。在接收到用户的横向滑动操作时,通过滑动组件可以控制模块水平滑动。在一种实施方式中,滑动组件例如是RecycleView,但本发明不限于此。
随后,在步骤S320中,获取待显示模块的多个单元的样式化内容,并确定待显示模块的布局信息。
根据一个实施例,在获取待显示模块的多个单元的样式化内容时,先请求从缓存中获取待显示模块的多个单元的样式化内容。如果缓存中没有待显示模块的样式化内容,则基于对页面源文件进行解析后的数据,来生成待显示模块的多个单元的样式化内容。例如,由SpannableString基于对页面源文件进行解析后的数据来生成样式化内容。并且,在基于原始数据生成待显示模块的多个单元的样式化内容之后,将新生成的多个单元的样式化内容存储到缓存,这样,在下一次需要显示这些单元时,可以直接从缓存中获取这些单元对应的样式化内容数据。
在确定待显示模块的布局信息时,先请求从缓存中获取待显示模块的布局描述,如果能够从缓存中获取到相应的布局描述,则基于获取的布局描述来计算确定待显示模块的布局信息。如果缓存中不存在待显示模块的布局描述,则基于待显示模块的多个单元的样式化内容、来创建待显示模块的布局描述,例如,可以通过StaticLayout来生成模块的布局描述。进而,根据创建的布局描述来确定待显示模块的布局信息。
另外,在基于样式化内容创建待显示模块的布局描述之后,还将创建的布局描述存储到缓存。这样,在下一次需要显示相应模块时,可以直接从缓存中获取相应模块的布局描述,基于获取的布局描述来直接确定模块的布局信息,以便更高效、流畅地将模块呈现在屏幕上。
进而,在步骤S330中,基于待显示模块的布局信息、所获取的待显示模块对应的多个单元的样式化内容,将待显示模块的多个单元呈现在当前屏幕上。
在一种实施方式中,通过将待显示模块的布局信息设置给该模块对应的滑动组件RecycleView,并将待显示模块对应的多个单元的样式化内容数据设置给RecycleView的接口,能实现将待显示模块呈现在屏幕上。也就是说,本发明实际是由相应的滑动组件RecycleView来获取待显示模块对应的多个单元的样式化内容和布局描述,并根据布局描述确定布局信息,基于待显示模块的布局信息、对应的多个单元的样式化内容,将待显示模块的多个单元呈现在当前屏幕上。
在一种实施方式中,滑动组件通过将待显示模块对应的布局描述、以及多个单元的样式化内容交给自定义View,利用自定义View来对待显示模块进行渲染绘制,以便将待显示模块的多个单元呈现在当前屏幕上。
在步骤S340中,当接收到用户在页面上的横向滑动操作时(例如向左或者向右滑动),控制页面内容的每个模块水平滑动。这里,可以通过每个模块中的滑动组件来控制模块水平滑动。滑动组件例如是RecycleView。
需要说明的是,在控制每个模块水平滑动时,当前屏幕上显示的每个模块中分别会有一个或多个新的单元即将在屏幕上显示,例如从屏幕的左端或者右端滑动至屏幕中显示,每个模块对应的一个或多个新的单元即是每个模块的待显示单元。应当指出,在将待显示单元呈现在屏幕上之前,需要获取每个待显示单元对应的样式化内容。
随后,在步骤S350中,获取屏幕上显示的每个模块(即是已显示模块)的待显示单元对应的样式化内容,并确定屏幕上显示的每个模块的布局信息,基于每个模块对应的布局信息、待显示单元的样式化内容,将每个模块的待显示单元呈现在当前屏幕上。
根据一个实施例,在获取每个模块的待显示单元的样式化内容时,也是先请求从缓存中获取待显示单元对应的样式化内容。如果缓存中没有待显示单元对应的样式化内容,则基于对页面源文件进行解析后的数据,来生成待显示单元的样式化内容。并且,在基于原始数据生成待显示单元的样式化内容之后,将新生成的样式化内容存储到缓存,这样,在下一次需要显示这些单元时,可以直接从缓存中获取这些单元对应的样式化内容数据。
根据一个实施例,在接收用户在页面上的滑动操作之前,预先对每个模块的滑动组件注册滑动监听函数,以便基于滑动监听函数来监控用户的竖向滑动操作和横向滑动操作。
对于横向滑动操作而言,由于接收横向滑动操作的只会有一个滑动组件,因此,需要将横向滑动操作同步给其它模块的滑动组件。具体地,通过预先对每个模块的滑动组件注册滑动监听函数,当一个模块的滑动组件监控到横向滑动操作时,会触发其它滑动组件、来控制其它模块与该接收到横向滑动操作的模块同步水平滑动。
应当指出,当一个模块的滑动组件监控到所述横向滑动操作、需要对横向滑动操作进行同步时,由于滑动监听是由主线程执行,如果直接在滑动监听中触发其他模块的滑动组件同步滑动,则会与同在主线程的滑动操作手势产生冲突,会导致出现卡顿现象。基于此,在一种实施方式中,本发明通过将横向滑动操作封装生成滑动任务,将滑动任务发送至主线程,由系统主线程来分配执行滑动操作的时间,也就是基于滑动任务来控制其它模块水平滑动。这样,不仅能实现控制其它模块与该接收到横向滑动操作的模块同步水平滑动,而且不会出现滑动延迟现象,反而有利于提升滑动页面时的流畅性。
另外,在所有模块的同步横向滑动操作结束之后,还可以对每个模块的滑动组件RecycleView进行滑动偏移量校准,以进一步保证所有模块同步横向滑动的精准性。
A7、如A1-A6任一项所述的页面显示方法,其中,每个模块分别包括一个滑动组件,适于控制所述模块滑动。
A8、如A7所述的页面显示方法,其中,在接收用户在页面上的滑动操作之前,还包括步骤:对每个模块的滑动组件注册滑动监听函数,以便监控用户的竖向滑动操作和横向滑动操作;其中,当一个模块的滑动组件监控到所述横向滑动操作时,触发其它滑动组件来控制其它模块与该模块同步水平滑动。
A9、如A8所述的页面显示方法,其中,当一个模块的滑动组件监控到所述横向滑动操作时,包括步骤:将所述滑动操作封装生成滑动任务,基于所述滑动任务来控制其它模块水平滑动。
A10、如A1-A9任一项所述的页面显示方法,其中,在接收用户在页面上的滑动操作之前,包括步骤:获取页面的源文件;基于所述源文件生成每个模块所包括的多个单元的样式化内容;基于每个模块所包括的多个单元的样式化内容创建每个模块的布局描述;基于所述布局描述确定每个模块的布局信息;以及基于多个模块的布局信息将所述多个模块的多个单元呈现在屏幕上。
A11、如A10所述的页面显示方法,其中,还包括步骤:将生成的每个单元的样式化内容、每个模块的布局描述分别存储到缓存。
A12、如A1-A11任一项所述的页面显示方法,其中,所述布局信息包括所述模块的高度。
A13、如A1-A12任一项所述的页面显示方法,其中,所述样式化内容为文字内容。
A14、如A1-A13任一项所述的页面显示方法,其中所述移动终端包括:SpannableString,适于基于页面的源文件生成每个单元的样式化内容;以及StaticLayout,适于基于多个单元的样式化内容创建所述模块的布局描述。
这里描述的各种技术可结合硬件或软件,或者它们的组合一起实现。从而,本发明的方法和设备,或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介,例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式,其中当程序被载入诸如计算机之类的机器,并被所述机器执行时,所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下,移动终端一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件),至少一个输入装置,和至少一个输出装置。其中,存储器被配置用于存储程序代码;处理器被配置用于根据该存储器中存储的所述程序代码中的指令,执行本发明的页面显示方法。
以示例而非限制的方式,可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据,并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。
在此处所提供的说明书中,算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的而非限制性的,本发明的范围由所附权利要求书限定。
Claims (15)
1.一种页面显示方法,在移动终端中执行,所述移动终端的屏幕上适于显示页面内容,所述页面内容包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元以及一个滑动组件,所述滑动组件适于控制所述模块滑动,每个单元包括相应的样式化内容,所述方法包括:
对每个模块的滑动组件注册滑动监听函数,以便监控用户的竖向滑动操作和横向滑动操作;
当一个模块的滑动组件监控到所述横向滑动操作时,触发其它滑动组件来控制其它模块与该模块同步水平滑动;
当接收到用户在页面上的竖向滑动操作时:
控制所述页面内容的每个已显示模块的垂直滑动;
获取待显示模块的多个单元的样式化内容,并确定待显示模块的布局信息;
基于待显示模块的布局信息将待显示模块的多个单元呈现在当前屏幕上;当接收到用户在页面上的横向滑动操作时:
控制所述页面内容的每个模块水平滑动;
获取屏幕上显示的每个模块的待显示单元的样式化内容,并基于所述每个模块的布局信息将每个模块的待显示单元呈现在当前屏幕上;
其中,当一个模块的滑动组件监控到所述横向滑动操作时,包括:
将所述滑动操作封装生成滑动任务,
基于所述滑动任务来控制其它模块水平滑动。
2.如权利要求1所述的页面显示方法,其中,所述确定待显示模块的布局信息的步骤包括:
请求从缓存中获取待显示模块的布局描述,基于所述布局描述确定布局信息。
3.如权利要求2所述的页面显示方法,其中,所述确定待显示模块的布局信息的步骤还包括:
如果缓存中没有所述待显示模块的布局描述,则基于待显示模块的多个单元的样式化内容创建所述待显示模块的布局描述,并基于创建的布局描述确定待显示模块的布局信息。
4.如权利要求3所述的页面显示方法,其中,在创建待显示模块的布局描述之后,包括步骤:
将创建的所述布局描述存储到缓存。
5.如权利要求1-4任一项所述的页面显示方法,其中,获取所述单元的样式化内容的步骤包括:
请求从缓存中获取所述单元的样式化内容;
如果缓存中没有所述样式化内容,则基于页面源文件生成所述单元的样式化内容。
6.如权利要求3所述的页面显示方法,其中,在生成待显示模块的多个单元的样式化内容之后,包括步骤:
将生成的所述多个单元的样式化内容存储到缓存。
7.如权利要求1-4任一项所述的页面显示方法,其中,在接收用户在页面上的滑动操作之前,包括步骤:
获取页面的源文件;
基于所述源文件生成每个模块所包括的多个单元的样式化内容;
基于每个模块所包括的多个单元的样式化内容创建每个模块的布局描述;
基于所述布局描述确定每个模块的布局信息;以及
基于多个模块的布局信息将所述多个模块的多个单元呈现在屏幕上。
8.如权利要求7所述的页面显示方法,其中,还包括步骤:
将生成的每个单元的样式化内容、每个模块的布局描述分别存储到缓存。
9.如权利要求1-4任一项所述的页面显示方法,其中:
所述布局信息包括所述模块的高度。
10.如权利要求1-4任一项所述的页面显示方法,其中:
所述样式化内容为文字内容。
11.如权利要求1-4任一项所述的页面显示方法,其中所述移动终端包括:
SpannableString,适于基于页面的源文件生成每个单元的样式化内容;以及
StaticLayout,适于基于多个单元的样式化内容创建所述模块的布局描述。
12.一种页面显示方法,在移动终端中执行,所述移动终端的屏幕上适于显示页面内容,所述页面内容包括纵向排列的多个模块,每个模块包括多个横向排列的多个单元以及一个滑动组件,所述滑动组件适于控制所述模块滑动,每个单元包括相应的样式化内容,所述方法包括:
对每个模块的滑动组件注册滑动监听函数,以便监控用户的竖向滑动操作和横向滑动操作;
当一个模块的滑动组件监控到所述横向滑动操作时,触发其它滑动组件来控制其它模块与该模块同步水平滑动;
获取页面的源文件;
基于所述页面源文件生成每个模块的多个单元的样式化内容;
基于每个模块所包括的多个单元的样式化内容创建每个模块的布局描述;
基于所述布局描述确定每个模块的布局信息;
基于多个模块的布局信息将所述多个模块的多个单元呈现在屏幕上;
其中,当一个模块的滑动组件监控到所述横向滑动操作时,包括:
将所述滑动操作封装生成滑动任务,
基于所述滑动任务来控制其它模块水平滑动。
13.如权利要求12所述的页面显示方法,其中,还包括步骤:
将生成的每个单元的样式化内容存储到缓存;
将创建的每个模块的布局描述存储到缓存。
14.一种移动终端,包括:
至少一个处理器;以及
存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如权利要求1-13中任一项所述方法的指令。
15.一种存储有程序指令的可读存储介质,当所述程序指令被移动终端读取并执行时,使得所述移动终端执行如权利要求1-13中任一项所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010659355.7A CN111949348B (zh) | 2020-07-09 | 2020-07-09 | 一种页面显示方法及移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010659355.7A CN111949348B (zh) | 2020-07-09 | 2020-07-09 | 一种页面显示方法及移动终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111949348A CN111949348A (zh) | 2020-11-17 |
CN111949348B true CN111949348B (zh) | 2024-05-31 |
Family
ID=73341807
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010659355.7A Active CN111949348B (zh) | 2020-07-09 | 2020-07-09 | 一种页面显示方法及移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111949348B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114115677A (zh) * | 2021-11-25 | 2022-03-01 | 中国建设银行股份有限公司 | 一种ios开发中带有调试功能的快速滑动方法及装置 |
CN116185245B (zh) * | 2023-04-28 | 2023-09-26 | 荣耀终端有限公司 | 一种页面显示方法及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010105384A1 (zh) * | 2009-03-18 | 2010-09-23 | 未来集团国际有限公司 | 用于移动通信网络的www内容发布方法、运营方法及系统 |
CN106610823A (zh) * | 2015-10-23 | 2017-05-03 | 腾讯科技(深圳)有限公司 | 一种页面显示方法及装置 |
CN109634598A (zh) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、设备及存储介质 |
CN110568974A (zh) * | 2019-09-11 | 2019-12-13 | 北京齐尔布莱特科技有限公司 | 一种滑动视图显示方法、装置和移动终端 |
CN110765398A (zh) * | 2019-10-14 | 2020-02-07 | 北京齐尔布莱特科技有限公司 | 一种页面内容的显示方法及移动终端 |
-
2020
- 2020-07-09 CN CN202010659355.7A patent/CN111949348B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010105384A1 (zh) * | 2009-03-18 | 2010-09-23 | 未来集团国际有限公司 | 用于移动通信网络的www内容发布方法、运营方法及系统 |
CN106610823A (zh) * | 2015-10-23 | 2017-05-03 | 腾讯科技(深圳)有限公司 | 一种页面显示方法及装置 |
CN109634598A (zh) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、设备及存储介质 |
CN110568974A (zh) * | 2019-09-11 | 2019-12-13 | 北京齐尔布莱特科技有限公司 | 一种滑动视图显示方法、装置和移动终端 |
CN110765398A (zh) * | 2019-10-14 | 2020-02-07 | 北京齐尔布莱特科技有限公司 | 一种页面内容的显示方法及移动终端 |
Non-Patent Citations (1)
Title |
---|
一种桌面门户移动化解决方法;王宁邦;徐博;;昆明冶金高等专科学校学报;20170615(03);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN111949348A (zh) | 2020-11-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9298341B2 (en) | Apparatus and method for switching split view in portable terminal | |
US20180285471A1 (en) | Page caching method and apparatus | |
WO2016082586A1 (zh) | 网页更新方法及装置 | |
US20150227166A1 (en) | User terminal device and displaying method thereof | |
EP2605117B1 (en) | Display processing device | |
CN111949348B (zh) | 一种页面显示方法及移动终端 | |
CN104956300A (zh) | 使用限位调整滚动 | |
CN109618210B (zh) | 视频画面调整方法、装置、计算机设备和可读存储介质 | |
EP2703977A2 (en) | Method and apparatus for controlling image display in an electronic device | |
US9769299B2 (en) | Mobile terminal capable of recognizing at least one application inter-workable with another executed application and controlling method thereof | |
TW201415347A (zh) | 縮放螢幕畫面的方法、電子裝置及電腦程式產品 | |
CA2861851C (en) | Methods and devices to determine a preferred electronic device | |
WO2014161357A1 (zh) | 浏览器资源显示方法和装置、计算机可读存储介质 | |
WO2020000971A1 (zh) | 切换全局特效的方法、装置、终端设备及存储介质 | |
MX2015007246A (es) | Metodo, aparato para controlar el movimiento de interfaz de aplicacion y dispositivo de terminal del mismo. | |
CN110851044A (zh) | 用于显示的方法及其电子装置 | |
EP2891971A1 (en) | Electronic device and method for operating the electronic device | |
US8429556B2 (en) | Chunking data records | |
US20160062601A1 (en) | Electronic device with touch screen and method for moving application functional interface | |
CN109379548A (zh) | 多媒体录制方法、装置、终端及存储介质 | |
CN111273841A (zh) | 一种页面处理方法及移动终端 | |
KR20160086754A (ko) | 펌웨어 리프레시 방법, 장치, 프로그램 및 기록매체 | |
US11243668B2 (en) | User interactive method and apparatus for controlling presentation of multimedia data on terminals | |
US20160196030A1 (en) | Method and electronic device for displaying electronic document | |
CN107168621A (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 |