CN113010252A - 应用页面的展示方法、电子设备及存储介质 - Google Patents
应用页面的展示方法、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113010252A CN113010252A CN202110296173.2A CN202110296173A CN113010252A CN 113010252 A CN113010252 A CN 113010252A CN 202110296173 A CN202110296173 A CN 202110296173A CN 113010252 A CN113010252 A CN 113010252A
- Authority
- CN
- China
- Prior art keywords
- page
- style
- display
- size
- application
- 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.)
- Granted
Links
Images
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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (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示出了根据本发明另一个实施例的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
实施例一
图1示出了本发明一个实施例提供的应用页面的展示方法的流程图。如图1所示,该方法包括以下步骤:
步骤S110:响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息。
其中,页面展示请求用于实现页面展示功能,具体的,既可以为用于实现页面的初始展示的页面加载请求,也可以是用于在页面展示过程中实现页面调整(包括内容调整或页面尺寸调整等)的页面调整请求,如内容刷新请求、页面尺寸拖拽请求等,本发明不限定页面展示请求的具体内涵。
页面尺寸信息既可以为页面初始加载时的尺寸信息,也可以为页面调整后的尺寸信息,具体取决于页面展示请求的类型。在本实施例中,页面尺寸信息主要是指应用的页面尺寸信息,终端的屏幕尺寸信息是由设备尺寸决定的,不可调整,而应用的页面尺寸信息则为应用界面所对应的展示页面的尺寸信息,能够根据用户触发的页面调整请求灵活调整尺寸。另外,根据页面展示请求中包含的页面标识,获取待展示的应用页面及其中包含的各个页面元素。其中,页面元素是指:用于构成页面的一个内容区块,或内容单元,具体包括:图片类元素、文本类元素、图文混合类元素等多种类型,本发明不限定页面元素的具体内涵。
每种页面元素具有对应的展示样式信息。展示样式信息用于反映页面元素的展示方式,例如,页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系、排列方式等。其中,展示对象单元是页面元素中包含的更小单位的展示内容。一个页面元素内部可以进一步包含一个或多个展示对象单元。
步骤S120:判断待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将非扩展样式的页面元素的展示样式调整为可扩展样式。
具体的,预先根据页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系、排列方式等,将页面元素的展示样式划分为可扩展样式以及非扩展样式。其中,可扩展样式是指:便于在页面元素中添加更多个展示对象单元的样式。例如,若某一页面元素的展示样式中包含多个依次排列且大小相等的展示对象单元,则该展示样式为可扩展样式,能够灵活地在该页面元素中增加展示更多的展示对象单元。反之,若某一页面元素的展示样式中包含若干排列不规则或无法循环排列的展示对象单元,则该展示样式为非扩展样式,无法灵活地在该页面元素中增加展示更多的展示对象单元。
相应的,为了便于实现页面尺寸的灵活调整以及内容适配,将非扩展样式的页面元素的展示样式调整为可扩展样式。具体实施时,可以根据样式之间的相似性,预先设置非扩展样式与可扩展样式之间的映射关系,从而将非扩展样式映射为可扩展样式。
步骤S130:根据页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量。
其中,页面尺寸信息用于描述应用页面的尺寸大小,页面元素中包含的展示对象单元的对象尺寸信息用于描述展示对象单元的尺寸大小,根据上述两种类型的尺寸信息能够计算出各个页面元素中包含的展示对象单元的可展示数量。其中,可展示数量是指:在页面尺寸容许的前提下,将页面元素中包含的各个展示对象单元依次排列时,能够完整展示的展示对象单元的最大数量。
步骤S140:根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示应用页面。
其中,在应用页面中,针对每种类型的页面元素,展示与可展示数量相匹配的多个展示对象单元,从而使应用页面中的页面元素充分展示,避免留白区域。该方式既可以在页面首次加载过程中根据页面尺寸灵活适配展示对象单元的数量,也可以在页面尺寸调整的过程中根据页面尺寸灵活调整展示对象单元的数量。
由此可见,该方式通过预先划分可扩展样式以及非扩展样式,并动态计算页面尺寸与页面元素中包含的展示对象单元的对象尺寸信息之间的比较结果,能够动态调整应用页面中包含的展示对象单元的数量,避免了应用页面留白的问题,提升了展示效率。
实施例二
图2示出了本发明另一个实施例提供的应用页面的展示方法的流程图。如图2所示,该方法包括以下步骤:
步骤S200:预先获取应用页面中的各类页面元素的展示样式信息,配置非扩展样式与可扩展样式之间的映射关系。
具体的,根据各种类型的页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系,将页面元素的展示样式划分为可扩展样式以及非扩展样式;针对每种类型的非扩展样式,配置与该类型的非扩展样式存在映射关系的可扩展样式。
实际情况中,若页面元素中包含的展示对象单元的数量可自由扩充,且各个展示对象单元之间的位置关系相互对称或便于重复排列,则该页面元素的展示样式为可扩展样式。反之,若页面元素中包含的展示对象单元的数量固定、不可自由扩充;且各个展示对象单元之间的位置关系不对称或不便于重复排列,则该页面元素的展示样式为非扩展样式。为了便于实现页面内容的自适应调整,在本步骤中,预先配置非扩展样式与可扩展样式之间的映射关系。
具体实施时,针对每种非扩展样式,将与该非扩展样式存在相似性的可扩展样式设置为与该非扩展样式存在映射关系的可扩展样式。例如,可以在预设的样式映射表中存储各种类型的非扩展样式与其对应的可扩展样式之间的映射关系。其中,判断两种展示样式之间是否存在相似性,主要是从两种展示样式中包含的展示对象单元的类型、数量等方面进行判断,只要两种展示样式中包含的展示对象单元的类型相似、数量都可扩充,则认为该两种展示样式之间存在相似性。其中,在判断相似性时,各个展示对象单元之间的位置关系可以不予考虑,主要原因在于:实际业务场景中,可以根据实际需要灵活调整展示对象单元之间的排列位置,因此,位置关系不作为判断是否相似的标准。
步骤S210:响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息。
其中,页面展示请求用于实现页面展示功能。在本实施例中,页面展示请求包括:用于实现应用页面的首次加载的页面加载请求、和/或用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求。相应的,页面尺寸信息为应用的页面尺寸信息。下面分别以两种类型的页面展示请求为例进行说明:
当页面展示请求为用于实现应用页面的首次加载的页面加载请求时,用户通过启动应用APP的方式触发用于加载应用首页的页面加载请求,或通过点击应用首页中的任一操作入口的方式触发用于加载应用二级页面的页面加载请求。总之,当接收到页面加载请求时,解析该页面加载请求,获取其中包含的各类参数信息,根据参数信息确定待加载的应用页面的页面标识,以便请求获取与该页面标识相对应的页面内容。另外,在页面加载过程中,一方面,需要根据应用页面的相关参数信息和/或根据终端设备的设备类型和屏幕尺寸等信息获取页面尺寸信息;另一方面,需要获取待展示的应用页面中包含的各个页面元素以及与各个页面元素相对应的展示样式信息。需要说明的是,实际情况中,当应用页面初次加载时,可以默认按照预设的页面尺寸进行展示。例如,在一种可选的情况中,预先针对一种或多种常见的终端设备的设备尺寸,设置一种或多种页面尺寸。例如,针对手机类终端设置第一页面尺寸,以使应用页面的尺寸大小与手机终端相适配;针对平板电脑类终端设备第二页面尺寸,以使应用页面的尺寸大小与平板电脑相适配。相应的,根据当前终端设备的型号确定匹配的页面尺寸信息。又如,在又一种可选的情况中,考虑到各种终端设备的屏幕尺寸各不相同,因此,为了确保应用页面在各类终端设备上都能够有效展示且避免留白,需要在接收到页面加载请求时获取终端设备的设备类型以及屏幕尺寸信息,从而根据设备类型以及屏幕尺寸信息动态确定页面尺寸信息。由于笔记本设备的屏幕尺寸差异较大,因此,通过动态获取设备类型以及屏幕尺寸信息,能够确保应用页面初次加载时的尺寸与屏幕尺寸适配。
当页面展示请求为用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求时,用户能够在应用页面的展示过程中,通过拖拽操作等各类操作动态改变应用页面的尺寸。例如,可以将应用页面的页面尺寸变大或变小。相应的,当检测到页面调整请求时,动态获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息。为了使应用页面中的内容能够随尺寸改变而动态调整,在该方式中,响应于接收到的页面调整请求,获取调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值。该尺寸差值用于反映页面尺寸调整前后的变化量。
其中,待展示的应用页面中包含的各个页面元素是指:用于构成页面的一个内容区块,或内容单元,具体包括:图片类元素、文本类元素、图文混合类元素等多种类型,本发明不限定页面元素的具体内涵。每种页面元素具有对应的展示样式信息。展示样式信息用于反映页面元素的展示方式,例如,页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系、排列方式等。其中,展示对象单元是页面元素中包含的更小单位的展示内容。一个页面元素内部可以进一步包含一个或多个展示对象单元。
步骤S220:判断待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将非扩展样式的页面元素的展示样式调整为可扩展样式。
具体的,根据预先配置的非扩展样式与可扩展样式之间的映射关系,将非扩展样式的页面元素的展示样式调整为可扩展样式。具体实施时,通过查询步骤S200中预设的样式映射表,获取与非扩展样式相对应的可扩展样式,从而将非扩展样式的页面元素的展示样式调整为可扩展样式。
本步骤可以在应用页面初次加载的过程中实施。相应的,当接收到页面调整请求时,由于应用页面中包含的非扩展样式的页面元素已经在页面初次加载阶段被转换为可扩展样式,因此,可以省略本步骤。
步骤S230:根据页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量。
其中,页面尺寸信息用于描述应用页面的尺寸大小,页面元素中包含的展示对象单元的对象尺寸信息用于描述展示对象单元的尺寸大小,根据上述两种类型的尺寸信息能够计算出各个页面元素中包含的展示对象单元的可展示数量。其中,可展示数量是指:在页面尺寸容许的前提下,将页面元素中包含的各个展示对象单元依次排列时,能够完整展示的展示对象单元的最大数量。
例如,当页面展示请求为用于实现应用页面的首次加载的页面加载请求时,根据页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,能够计算出各个页面元素中包含的展示对象单元的最大展示数量。比如,页面尺寸信息为350px(像素),页面元素中包含的展示对象单元的对象尺寸信息为50px(像素),则展示对象单元的最大展示数量为7,即:在应用页面中最多能够完整排布7个展示对象单元。
又如,当页面展示请求为用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求时,根据尺寸差值与对象尺寸信息之间的比较结果,计算页面尺寸调整之后各个页面元素中包含的展示对象单元的可展示数量的变化量。例如,若页面调整请求用于将页面尺寸加宽100px(像素),而页面元素中包含的展示对象单元的宽度为50px(像素),则页面尺寸调整之后页面元素中包含的展示对象单元的可展示数量的变化量为2,即:能够在调整后的页面中增加展示2个展示对象单元。
步骤S240:根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示应用页面。
其中,在应用页面中,针对每种类型的页面元素,展示与可展示数量相匹配的多个展示对象单元,从而使应用页面中的页面元素充分展示,避免留白区域。例如,当页面展示请求为用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求时,根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面。由此可见,该方式能够使尺寸调整后的应用页面中的内容动态调整,从而使内容数量自动适配页面尺寸的变化,避免留白,提升了页面的美观性,且能够使页面展示效率最大化。
其中,发明人在实现本发明的过程中发现,随着宽屏显示器的普及,页面调整过程通常为页面宽度方向上的调整,而不涉及页面长度的变化。因此,在该场景下,若通过改变各个展示对象单元的长宽比例来实现页面内容的调整,将导致内容被拉伸,从而影响视觉效果。为了解决上述问题,在本实施例中,通过增加或减少展示对象单元的数量的方式实现页面内容的动态调整。
例如,在一种可选的实现方式中,应用页面在尺寸调整前后,沿第一预设方向的尺寸发生改变,沿第二预设方向的尺寸不变;其中,第一预设方向垂直于第二预设方向。第一预设方向可以为水平方向,第二预设方向可以为竖直方式,本发明对此不作限定。相应的,上述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为沿第一预设方向的尺寸差值(即:沿页面宽度方向的尺寸差值);且各个页面元素中包含的展示对象单元的对象尺寸信息为沿第一预设方向的对象尺寸信息(即:沿宽度方向的对象尺寸信息)。另外,当调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面时,考虑到页面中包含的展示内容需要增加,因此,获取与各个页面元素相对应的候补数据源,从获取到的候补数据源中提取与变化量相匹配的若干个展示对象单元;将提取的若干个展示对象单元增加展示在尺寸调整后的应用页面中。其中,与各个页面元素相对应的候补数据源用于扩充页面元素中包含的展示对象单元的数量,具体可通过服务器或数据库获取。
为了便于理解,在本实施例中,以电子书应用为例进行说明。相应的,应用页面为电子书应用页面,且页面元素包括以下类型中的至少一种:书籍榜单类型、书架类型、以及阅读页类型。其中,对于书籍榜单类型的页面元素而言,其包含多个对应于不同书籍的展示对象单元,即:书籍榜单类型的页面元素中的一个榜单书籍对应于一个展示对象单元。同理,对于书架类型的页面元素而言,其包含多个对应于书架中的不同电子书的展示对象单元;对于阅读页类型的页面元素而言,其包含多个由文字或图片构成的展示对象单元。由此可见,每种页面元素中包含多个展示对象单元。根据页面调整前后的尺寸差值,动态调整每种页面元素中包含的展示对象单元的数量,从而实现页面内容自动适配页面尺寸的效果。例如,当页面调整后页面尺寸变大时,增加每种页面元素中包含的展示对象单元的数量;当页面调整后页面尺寸变小时,减少每种页面元素中包含的展示对象单元的数量。
在实际情况中,书籍榜单类型的页面元素具有多种展示样式,例如,在一些展示样式中,将多个展示对象单元(即榜单书籍)按照一排六个的方式依次排列(六个展示对象单元依次展示在同一行中);又如,在一些展示样式中,将多个展示对象单元(即榜单书籍)按照两排三个的方式依次排列(六个展示对象分别展示在上下两行中)。上述两种样式中的各个展示对象单元之间大小相等,便于扩充数量,因而均为可扩展样式。另外,在另一些展示样式中,将每三个展示对象单元作为一组,其中,位于左侧的展示对象单元的尺寸较大,位于右侧的展示对象单元的尺寸较小,且位于右侧的两个展示对象单元的尺寸之和等于位于左侧的一个展示对象单元的尺寸。在该展示样式中,各个展示对象单元之间的尺寸不同,因而不便于扩展,属于非扩展样式,此时,可以将该非扩展样式的页面元素转换为上述可扩展样式的页面元素,从而通过改变页面元素中的展示对象单元之间的排布方式实现便于扩展的目的。
其中,书籍榜单类型以及书架类型的页面元素均可通过上述实现方式进行内容的自适应调整。对于阅读页类型的页面元素而言,原理类似,也可以通过改变阅读页中每行包含的文字数量来适配页面尺寸的调整。上述几种页面元素都属于包含多个展示对象单元的情况,因而能够通过调整页面元素中包含的展示对象单元的数量的方式适配页面尺寸的变化。
另外,在电子书应用中,还具有一些特殊的页面元素,例如,位于书架处的长条状图片类页面元素,该类页面元素的尺寸相对固定,无法进行拉伸,若出现留白区域则会影响美观,为此,针对该类页面元素,通过以下方式处理:当调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,若判断出应用页面中包含预设图片,则解析该预设图片,提取预设图片的主体颜色;沿第一预设方向(即水平方向),在调整后的应用页面中绘制预设图片的延伸区域,并在延伸区域中填充主体颜色。该方式能够利用图片的主体颜色,对图片尺寸进行延展,从而在视觉效果上更加美观。其中,预设图片的主体颜色可以为预设图片的背景色等色彩,预设图片的延伸区域的位置和大小根据页面尺寸拉伸的方向和长度确定。例如,当用户通过拖拽页面右侧的尺寸拖拽条从而使页面右侧变宽时,预设图片的延伸区域位于图片右侧,且延伸区域的具体宽度取决于页面尺寸变宽的大小。
由此可见,本实施例尤其适用于能够支持多种终端设备的网络应用。例如,以电子书应用为例,既能够在手机等移动设备上运行,也能够在平板电脑等设备上运行,还能够通过安卓模拟器等模拟器软件在电脑设备上运行。在传统方式中,只需针对手机或平板电脑设置对应的页面尺寸即可,当电子书应用通过安卓模拟器在电脑设备上运行时,由于电脑的屏幕较大,将导致应用页面的两侧出现留白区域。本实施例则能够较好地解决上述问题。在本实施例中,能够自动检测电子书应用具体通过何种设备运行,从而根据设备类型灵活调整页面尺寸。具体的,步骤S210中,响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息时,进一步解析该页面展示请求,根据解析结果判断与页面展示请求相对应的终端展示设备的设备类型和/或与页面展示请求相对应的应用平台类型;当终端展示设备的设备类型属于预设设备类型和/或应用平台类型属于预设平台类型时,执行获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息的步骤。其中,预设设备类型包括:便携式计算机类型、和/或台式计算机类型;预设平台类型包括:模拟器平台类型。总之,通过检测设备类型和/或平台类型,能够确定电子书应用当前通过何种方式登录,进而确定屏幕尺寸的大小,若屏幕尺寸较大,则适宜采用本实施例中的展示方式实现动态自适应调整。
综上可知,本实施例通过预先划分可扩展样式以及非扩展样式,并动态计算页面尺寸与页面元素中包含的展示对象单元的对象尺寸信息之间的比较结果,能够动态调整应用页面中包含的展示对象单元的数量,避免了应用页面留白的问题,提升了展示效率。该方式既能够应用于页面初次加载过程中的自动适配,也能够应用于页面尺寸调整过程中的自动适配,大幅提升了页面展示的灵活性。
实施例三
本申请实施例提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的应用页面的展示方法。
可执行指令具体可以用于使得处理器执行以下操作:
响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息;
判断所述待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将所述非扩展样式的页面元素的展示样式调整为可扩展样式;
根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量;
根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
根据各种类型的页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系,将页面元素的展示样式划分为可扩展样式以及非扩展样式;
针对每种类型的非扩展样式,配置与该类型的非扩展样式存在映射关系的可扩展样式;
则所述将所述非扩展样式的页面元素的展示样式调整为可扩展样式包括:
根据预先配置的非扩展样式与可扩展样式之间的映射关系,将所述非扩展样式的页面元素的展示样式调整为可扩展样式。
在一种可选的实现方式中,所述页面展示请求包括:用于实现应用页面的首次加载的页面加载请求、和/或用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求。
在一种可选的实现方式中,当所述页面展示请求为页面调整请求时,所述可执行指令使所述处理器执行以下操作:获取调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值;
根据所述尺寸差值与所述对象尺寸信息之间的比较结果,计算页面尺寸调整之后各个页面元素中包含的展示对象单元的可展示数量的变化量;
根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面。
在一种可选的实现方式中,所述应用页面在尺寸调整前后,沿第一预设方向的尺寸发生改变,沿第二预设方向的尺寸不变;其中,所述第一预设方向垂直于第二预设方向;
则所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为沿第一预设方向的尺寸差值;且各个页面元素中包含的展示对象单元的对象尺寸信息为沿第一预设方向的对象尺寸信息。
在一种可选的实现方式中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述可执行指令使所述处理器执行以下操作:
获取与各个页面元素相对应的候补数据源,从获取到的候补数据源中提取与所述变化量相匹配的若干个展示对象单元;
将提取的若干个展示对象单元增加展示在尺寸调整后的应用页面中。
在一种可选的实现方式中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述可执行指令使所述处理器执行以下操作:
当判断出所述应用页面中包含预设图片时,解析所述预设图片,提取所述预设图片的主体颜色;
沿第一预设方向,在调整后的应用页面中绘制所述预设图片的延伸区域,并在所述延伸区域中填充所述主体颜色。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
解析所述页面展示请求,根据解析结果判断与所述页面展示请求相对应的终端展示设备的设备类型和/或与所述页面展示请求相对应的应用平台类型;
当所述终端展示设备的设备类型属于预设设备类型和/或所述应用平台类型属于预设平台类型时,执行所述获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息的步骤。
在一种可选的实现方式中,所述预设设备类型包括:便携式计算机类型、和/或台式计算机类型;所述预设平台类型包括:模拟器平台类型。
在一种可选的实现方式中,所述应用页面为电子书应用页面,且所述页面元素包括以下类型中的至少一种:书籍榜单类型、书架类型、以及阅读页类型。
实施例四
图3示出了根据本发明另一个实施例的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图3所示,该电子设备可以包括:处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中:处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。通信接口304,用于与其它设备比如客户端或其它服务器等的网元通信。处理器302,用于执行程序310,具体可以执行上述应用页面的展示方法实施例中的相关步骤。
具体地,程序310可以包括程序代码,该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器306,用于存放程序310。存储器306可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作:
响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息;
判断所述待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将所述非扩展样式的页面元素的展示样式调整为可扩展样式;
根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量;
根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
根据各种类型的页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系,将页面元素的展示样式划分为可扩展样式以及非扩展样式;
针对每种类型的非扩展样式,配置与该类型的非扩展样式存在映射关系的可扩展样式;
则所述将所述非扩展样式的页面元素的展示样式调整为可扩展样式包括:
根据预先配置的非扩展样式与可扩展样式之间的映射关系,将所述非扩展样式的页面元素的展示样式调整为可扩展样式。
在一种可选的实现方式中,所述页面展示请求包括:用于实现应用页面的首次加载的页面加载请求、和/或用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求。
在一种可选的实现方式中,当所述页面展示请求为页面调整请求时,所述可执行指令使所述处理器执行以下操作:获取调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值;
根据所述尺寸差值与所述对象尺寸信息之间的比较结果,计算页面尺寸调整之后各个页面元素中包含的展示对象单元的可展示数量的变化量;
根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面。
在一种可选的实现方式中,所述应用页面在尺寸调整前后,沿第一预设方向的尺寸发生改变,沿第二预设方向的尺寸不变;其中,所述第一预设方向垂直于第二预设方向;
则所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为沿第一预设方向的尺寸差值;且各个页面元素中包含的展示对象单元的对象尺寸信息为沿第一预设方向的对象尺寸信息。
在一种可选的实现方式中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述可执行指令使所述处理器执行以下操作:
获取与各个页面元素相对应的候补数据源,从获取到的候补数据源中提取与所述变化量相匹配的若干个展示对象单元;
将提取的若干个展示对象单元增加展示在尺寸调整后的应用页面中。
在一种可选的实现方式中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述可执行指令使所述处理器执行以下操作:
当判断出所述应用页面中包含预设图片时,解析所述预设图片,提取所述预设图片的主体颜色;
沿第一预设方向,在调整后的应用页面中绘制所述预设图片的延伸区域,并在所述延伸区域中填充所述主体颜色。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
解析所述页面展示请求,根据解析结果判断与所述页面展示请求相对应的终端展示设备的设备类型和/或与所述页面展示请求相对应的应用平台类型;
当所述终端展示设备的设备类型属于预设设备类型和/或所述应用平台类型属于预设平台类型时,执行所述获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息的步骤。
在一种可选的实现方式中,所述预设设备类型包括:便携式计算机类型、和/或台式计算机类型;所述预设平台类型包括:模拟器平台类型。
在一种可选的实现方式中,所述应用页面为电子书应用页面,且所述页面元素包括以下类型中的至少一种:书籍榜单类型、书架类型、以及阅读页类型。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明还公开了A1.一种应用页面的展示方法,其中,所述方法包括:
响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息;
判断所述待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将所述非扩展样式的页面元素的展示样式调整为可扩展样式;
根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量;
根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面。
A2.根据A1所述的方法,其中,所述方法执行之前,进一步包括:
根据各种类型的页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系,将页面元素的展示样式划分为可扩展样式以及非扩展样式;
针对每种类型的非扩展样式,配置与该类型的非扩展样式存在映射关系的可扩展样式;
则所述将所述非扩展样式的页面元素的展示样式调整为可扩展样式包括:
根据预先配置的非扩展样式与可扩展样式之间的映射关系,将所述非扩展样式的页面元素的展示样式调整为可扩展样式。
A3.根据A1或2所述的方法,其中,所述页面展示请求包括:用于实现应用页面的首次加载的页面加载请求、和/或用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求。
A4.根据A3所述的方法,其中,当所述页面展示请求为页面调整请求时,所述获取页面尺寸信息包括:获取调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值;
所述根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量包括:根据所述尺寸差值与所述对象尺寸信息之间的比较结果,计算页面尺寸调整之后各个页面元素中包含的展示对象单元的可展示数量的变化量;
则所述根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面包括:根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面。
A5.根据A4所述的方法,其中,所述应用页面在尺寸调整前后,沿第一预设方向的尺寸发生改变,沿第二预设方向的尺寸不变;其中,所述第一预设方向垂直于第二预设方向;
则所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为沿第一预设方向的尺寸差值;且各个页面元素中包含的展示对象单元的对象尺寸信息为沿第一预设方向的对象尺寸信息。
A6.根据A4或5所述的方法,其中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面包括:
获取与各个页面元素相对应的候补数据源,从获取到的候补数据源中提取与所述变化量相匹配的若干个展示对象单元;
将提取的若干个展示对象单元增加展示在尺寸调整后的应用页面中。
A7.根据A4-6任一所述的方法,其中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述加载并展示所述应用页面进一步包括:
当判断出所述应用页面中包含预设图片时,解析所述预设图片,提取所述预设图片的主体颜色;
沿第一预设方向,在调整后的应用页面中绘制所述预设图片的延伸区域,并在所述延伸区域中填充所述主体颜色。
A8.根据A1-7任一所述的方法,其中,所述响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息包括:
解析所述页面展示请求,根据解析结果判断与所述页面展示请求相对应的终端展示设备的设备类型和/或与所述页面展示请求相对应的应用平台类型;
当所述终端展示设备的设备类型属于预设设备类型和/或所述应用平台类型属于预设平台类型时,执行所述获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息的步骤。
A9.根据A8所述的方法,其中,所述预设设备类型包括:便携式计算机类型、和/或台式计算机类型;所述预设平台类型包括:模拟器平台类型。
A10.根据A1-9任一所述的方法,其中,所述应用页面为电子书应用页面,且所述页面元素包括以下类型中的至少一种:书籍榜单类型、书架类型、以及阅读页类型。
B11.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息;
判断所述待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将所述非扩展样式的页面元素的展示样式调整为可扩展样式;
根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量;
根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面。
B12.根据B11所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
根据各种类型的页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系,将页面元素的展示样式划分为可扩展样式以及非扩展样式;
针对每种类型的非扩展样式,配置与该类型的非扩展样式存在映射关系的可扩展样式;
则所述将所述非扩展样式的页面元素的展示样式调整为可扩展样式包括:
根据预先配置的非扩展样式与可扩展样式之间的映射关系,将所述非扩展样式的页面元素的展示样式调整为可扩展样式。
B13.根据B11或12所述的电子设备,其中,所述页面展示请求包括:用于实现应用页面的首次加载的页面加载请求、和/或用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求。
B14.根据B13所述的电子设备,其中,当所述页面展示请求为页面调整请求时,所述可执行指令使所述处理器执行以下操作:获取调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值;
根据所述尺寸差值与所述对象尺寸信息之间的比较结果,计算页面尺寸调整之后各个页面元素中包含的展示对象单元的可展示数量的变化量;
根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面。
B15.根据B14所述的电子设备,其中,所述应用页面在尺寸调整前后,沿第一预设方向的尺寸发生改变,沿第二预设方向的尺寸不变;其中,所述第一预设方向垂直于第二预设方向;
则所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为沿第一预设方向的尺寸差值;且各个页面元素中包含的展示对象单元的对象尺寸信息为沿第一预设方向的对象尺寸信息。
B16.根据B14或15所述的电子设备,其中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述可执行指令使所述处理器执行以下操作:
获取与各个页面元素相对应的候补数据源,从获取到的候补数据源中提取与所述变化量相匹配的若干个展示对象单元;
将提取的若干个展示对象单元增加展示在尺寸调整后的应用页面中。
B17.根据B14-16任一所述的电子设备,其中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述可执行指令使所述处理器执行以下操作:
当判断出所述应用页面中包含预设图片时,解析所述预设图片,提取所述预设图片的主体颜色;
沿第一预设方向,在调整后的应用页面中绘制所述预设图片的延伸区域,并在所述延伸区域中填充所述主体颜色。
B18.根据B11-17任一所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
解析所述页面展示请求,根据解析结果判断与所述页面展示请求相对应的终端展示设备的设备类型和/或与所述页面展示请求相对应的应用平台类型;
当所述终端展示设备的设备类型属于预设设备类型和/或所述应用平台类型属于预设平台类型时,执行所述获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息的步骤。
B19.根据B18所述的电子设备,其中,所述预设设备类型包括:便携式计算机类型、和/或台式计算机类型;所述预设平台类型包括:模拟器平台类型。
B20.根据B11-19任一所述的电子设备,其中,所述应用页面为电子书应用页面,且所述页面元素包括以下类型中的至少一种:书籍榜单类型、书架类型、以及阅读页类型。
C21.一种用于显示对象展示页面的计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如A1-10任一所述的方法。
Claims (10)
1.一种应用页面的展示方法,其中,所述方法包括:
响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息;
判断所述待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将所述非扩展样式的页面元素的展示样式调整为可扩展样式;
根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量;
根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面。
2.根据权利要求1所述的方法,其中,所述方法执行之前,进一步包括:
根据各种类型的页面元素中包含的展示对象单元的数量以及各个展示对象单元之间的位置关系,将页面元素的展示样式划分为可扩展样式以及非扩展样式;
针对每种类型的非扩展样式,配置与该类型的非扩展样式存在映射关系的可扩展样式;
则所述将所述非扩展样式的页面元素的展示样式调整为可扩展样式包括:
根据预先配置的非扩展样式与可扩展样式之间的映射关系,将所述非扩展样式的页面元素的展示样式调整为可扩展样式。
3.根据权利要求1或2所述的方法,其中,所述页面展示请求包括:用于实现应用页面的首次加载的页面加载请求、和/或用于在应用页面的展示过程中实现页面尺寸调整的页面调整请求。
4.根据权利要求3所述的方法,其中,当所述页面展示请求为页面调整请求时,所述获取页面尺寸信息包括:获取调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值;
所述根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量包括:根据所述尺寸差值与所述对象尺寸信息之间的比较结果,计算页面尺寸调整之后各个页面元素中包含的展示对象单元的可展示数量的变化量;
则所述根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面包括:根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面。
5.根据权利要求4所述的方法,其中,所述应用页面在尺寸调整前后,沿第一预设方向的尺寸发生改变,沿第二预设方向的尺寸不变;其中,所述第一预设方向垂直于第二预设方向;
则所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为沿第一预设方向的尺寸差值;且各个页面元素中包含的展示对象单元的对象尺寸信息为沿第一预设方向的对象尺寸信息。
6.根据权利要求4或5所述的方法,其中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述根据各个页面元素中包含的展示对象单元的可展示数量的变化量,展示尺寸调整后的应用页面包括:
获取与各个页面元素相对应的候补数据源,从获取到的候补数据源中提取与所述变化量相匹配的若干个展示对象单元;
将提取的若干个展示对象单元增加展示在尺寸调整后的应用页面中。
7.根据权利要求4-6任一所述的方法,其中,当所述调整后的页面尺寸与调整前的页面尺寸之间的尺寸差值为正数时,所述加载并展示所述应用页面进一步包括:
当判断出所述应用页面中包含预设图片时,解析所述预设图片,提取所述预设图片的主体颜色;
沿第一预设方向,在调整后的应用页面中绘制所述预设图片的延伸区域,并在所述延伸区域中填充所述主体颜色。
8.根据权利要求1-7任一所述的方法,其中,所述响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息包括:
解析所述页面展示请求,根据解析结果判断与所述页面展示请求相对应的终端展示设备的设备类型和/或与所述页面展示请求相对应的应用平台类型;
当所述终端展示设备的设备类型属于预设设备类型和/或所述应用平台类型属于预设平台类型时,执行所述获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息的步骤。
9.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
响应于接收到的页面展示请求,获取页面尺寸信息以及待展示的应用页面中包含的各个页面元素的展示样式信息;
判断所述待展示的应用页面中是否包含展示样式为非扩展样式的页面元素;若是,将所述非扩展样式的页面元素的展示样式调整为可扩展样式;
根据所述页面尺寸信息以及各个页面元素中包含的展示对象单元的对象尺寸信息,计算各个页面元素中包含的展示对象单元的可展示数量;
根据各个页面元素中包含的展示对象单元的可展示数量,加载并展示所述应用页面。
10.一种用于显示对象展示页面的计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-8任一所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110296173.2A CN113010252B (zh) | 2021-03-19 | 2021-03-19 | 应用页面的展示方法、电子设备及存储介质 |
PCT/CN2021/121812 WO2022193616A1 (zh) | 2021-03-19 | 2021-09-29 | 应用页面的展示方法、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110296173.2A CN113010252B (zh) | 2021-03-19 | 2021-03-19 | 应用页面的展示方法、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113010252A true CN113010252A (zh) | 2021-06-22 |
CN113010252B CN113010252B (zh) | 2022-08-09 |
Family
ID=76403252
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110296173.2A Active CN113010252B (zh) | 2021-03-19 | 2021-03-19 | 应用页面的展示方法、电子设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN113010252B (zh) |
WO (1) | WO2022193616A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114675913A (zh) * | 2021-12-13 | 2022-06-28 | 北京百度网讯科技有限公司 | 页面布局信息处理方法、装置、电子设备和介质 |
WO2022193616A1 (zh) * | 2021-03-19 | 2022-09-22 | 掌阅科技股份有限公司 | 应用页面的展示方法、电子设备及存储介质 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116578219A (zh) * | 2023-04-28 | 2023-08-11 | 北京洞悉网络有限公司 | 适用于左右双屏的表单页面自适配展示方法、装置、计算机设备及计算机可读存储介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103927143A (zh) * | 2014-04-04 | 2014-07-16 | 福建星网视易信息系统有限公司 | 一种基于屏幕分辨率自适应调整界面布局的方法及装置 |
CN105511789A (zh) * | 2015-12-08 | 2016-04-20 | 魅族科技(中国)有限公司 | 一种图标处理方法以及终端 |
TW201704986A (zh) * | 2015-07-31 | 2017-02-01 | 英業達股份有限公司 | 網頁表單動態調整系統及其方法 |
CN106909588A (zh) * | 2015-12-23 | 2017-06-30 | 北京奇虎科技有限公司 | 一种页面展现的方法与装置 |
CN107168712A (zh) * | 2017-05-19 | 2017-09-15 | 广东欧珀移动通信有限公司 | 界面绘制方法、移动终端及计算机可读存储介质 |
CN107632873A (zh) * | 2017-08-25 | 2018-01-26 | 网易(杭州)网络有限公司 | 一种界面布局方法、装置、终端设备及存储介质 |
CN108038117A (zh) * | 2017-10-31 | 2018-05-15 | 华为技术有限公司 | 一种网页布局方法及装置 |
CN109375971A (zh) * | 2018-09-14 | 2019-02-22 | 浙江口碑网络技术有限公司 | 页面的布局方法及装置、存储介质、电子装置 |
CN112269620A (zh) * | 2020-11-17 | 2021-01-26 | 深圳市商汤科技有限公司 | 显示方法及装置、电子设备和存储介质 |
CN112423084A (zh) * | 2020-11-11 | 2021-02-26 | 北京字跳网络技术有限公司 | 热点榜单的显示方法、装置、电子设备和存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664454B (zh) * | 2017-03-30 | 2020-09-11 | 掌阅科技股份有限公司 | 电子书页面显示方法、装置和终端设备 |
CN111767206B (zh) * | 2020-05-08 | 2023-07-14 | 北京奇艺世纪科技有限公司 | 一种内容单元露出呈现率的统计方法、装置及电子设备 |
CN113010252B (zh) * | 2021-03-19 | 2022-08-09 | 掌阅科技股份有限公司 | 应用页面的展示方法、电子设备及存储介质 |
-
2021
- 2021-03-19 CN CN202110296173.2A patent/CN113010252B/zh active Active
- 2021-09-29 WO PCT/CN2021/121812 patent/WO2022193616A1/zh unknown
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103927143A (zh) * | 2014-04-04 | 2014-07-16 | 福建星网视易信息系统有限公司 | 一种基于屏幕分辨率自适应调整界面布局的方法及装置 |
TW201704986A (zh) * | 2015-07-31 | 2017-02-01 | 英業達股份有限公司 | 網頁表單動態調整系統及其方法 |
CN105511789A (zh) * | 2015-12-08 | 2016-04-20 | 魅族科技(中国)有限公司 | 一种图标处理方法以及终端 |
CN106909588A (zh) * | 2015-12-23 | 2017-06-30 | 北京奇虎科技有限公司 | 一种页面展现的方法与装置 |
CN107168712A (zh) * | 2017-05-19 | 2017-09-15 | 广东欧珀移动通信有限公司 | 界面绘制方法、移动终端及计算机可读存储介质 |
CN107632873A (zh) * | 2017-08-25 | 2018-01-26 | 网易(杭州)网络有限公司 | 一种界面布局方法、装置、终端设备及存储介质 |
CN108038117A (zh) * | 2017-10-31 | 2018-05-15 | 华为技术有限公司 | 一种网页布局方法及装置 |
CN109375971A (zh) * | 2018-09-14 | 2019-02-22 | 浙江口碑网络技术有限公司 | 页面的布局方法及装置、存储介质、电子装置 |
CN112423084A (zh) * | 2020-11-11 | 2021-02-26 | 北京字跳网络技术有限公司 | 热点榜单的显示方法、装置、电子设备和存储介质 |
CN112269620A (zh) * | 2020-11-17 | 2021-01-26 | 深圳市商汤科技有限公司 | 显示方法及装置、电子设备和存储介质 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2022193616A1 (zh) * | 2021-03-19 | 2022-09-22 | 掌阅科技股份有限公司 | 应用页面的展示方法、电子设备及存储介质 |
CN114675913A (zh) * | 2021-12-13 | 2022-06-28 | 北京百度网讯科技有限公司 | 页面布局信息处理方法、装置、电子设备和介质 |
CN114675913B (zh) * | 2021-12-13 | 2023-09-22 | 北京百度网讯科技有限公司 | 页面布局信息处理方法、装置、电子设备和介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113010252B (zh) | 2022-08-09 |
WO2022193616A1 (zh) | 2022-09-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113010252B (zh) | 应用页面的展示方法、电子设备及存储介质 | |
US10031712B2 (en) | System and method for display mirroring | |
US20220137796A1 (en) | Screen adaptation and displaying method, electronic device and computer storage medium | |
CN107168712B (zh) | 界面绘制方法、移动终端及计算机可读存储介质 | |
CN107818008B (zh) | 页面加载方法及装置 | |
CN112433657B (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN112433796B (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN107221020B (zh) | 一种文字纹理绘制方法及装置 | |
JP2022535917A (ja) | テーブル情報の表示方法、装置、機器および記憶媒体 | |
CN115237522A (zh) | 页面自适应展示方法及装置 | |
CN112287257A (zh) | 一种页面展示方法、装置、电子设备及存储介质 | |
CN113849254A (zh) | 页面布局的自适应调整方法及计算设备 | |
CN107122104B (zh) | 数据显示方法及装置 | |
CN111737618A (zh) | 用于Web端的矢量图显示方法、装置和计算机设备 | |
CN112433795A (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN109491726B (zh) | 开屏文件的呈现方法、电子设备及计算机存储介质 | |
CN110413167B (zh) | 一种终端设备的截屏方法及终端设备 | |
CN112015482A (zh) | 页面加载方法、装置及服务器 | |
CN111460342B (zh) | 页面的渲染展示方法、装置、电子设备及计算机存储介质 | |
CN113867862B (zh) | 列表页面布局方法及计算设备 | |
CN111753219A (zh) | 搜索结果页的展示方法及系统 | |
US20120042268A1 (en) | Processing user interfaces | |
CN114265539A (zh) | 一种数据显示方法、计算设备及可读存储介质 | |
CN107145319B (zh) | 一种数据共享方法、设备和系统 | |
CN101996390A (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 |