CN111240557A - 页面显示方法、装置以及设备 - Google Patents
页面显示方法、装置以及设备 Download PDFInfo
- Publication number
- CN111240557A CN111240557A CN202010033711.4A CN202010033711A CN111240557A CN 111240557 A CN111240557 A CN 111240557A CN 202010033711 A CN202010033711 A CN 202010033711A CN 111240557 A CN111240557 A CN 111240557A
- Authority
- CN
- China
- Prior art keywords
- module
- page
- size
- parameter
- size parameter
- 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
- 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/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
- 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
-
- 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
- H04M1/7243—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality with interactive means for internal management of messages
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Business, Economics & Management (AREA)
- General Business, Economics & Management (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本说明书提供一种页面显示方法、装置以及设备,所述方法包括:在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数;根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局;将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数;在确定需要调整所述模块的尺寸参数时,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局;在确定不需要调整所述模块的尺寸参数时,按照当前模拟的页面布局加载所述页面。本实施例通过模拟页面布局的过程来动态调整模块的尺寸参数,使得页面布局效果能够逐渐逼近期望效果。
Description
技术领域
本说明书涉及互联网技术领域,尤其涉及一种页面显示方法、装置以及设备。
背景技术
随着经济发展和社会进步,电脑、智能手机以及平板等智能终端设备成为人们生活中不可或缺的工具,同时各种应用程序也随之迅速发展了起来。对于任何一个应用程序的供应商而言,都希望使用自己产品的使用用户数能够快速增长并且能够保持活跃状态,而应用程序相关页面的显示,对于保持用户数量增长和用户的持续活跃起重大作用。
发明内容
为克服相关技术中存在的问题,本说明书提供了页面显示方法、装置以及设备。
根据本说明书实施例的第一方面,提供一种页面显示方法,包括:
在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数;
根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局;
将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数;
在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局;
在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面。
可选地,所述根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局,包括:
按照指定布局顺序将所述模块的尺寸参数依次叠加,直到叠加的结果首次大于所述可视区的尺寸参数。
可选地,确定是否需要调整所述模块的尺寸参数的步骤包括:
若所模拟的页面布局中可显示的模块数量小于所述预设值,则确定需要调整所述模块的尺寸参数。
可选地,在确定需要调整所述模块的尺寸参数的情况下,还包括:
缩小所述模块的尺寸参数。
可选地,所述模块对应一权重系数;
所述缩小所述模块的尺寸参数,包括:缩小权重系数最大的模块的尺寸参数,并降低被缩小的模块的所述权重系数。
可选地,所述模块包括以下属性信息:压缩参数;所述压缩参数表征所述模块的显示比例;
所述模块被缩小后的尺寸参数基于所述模块的初始尺寸以及所述压缩参数所确定。
可选地,所述模块对应一权重系数;
所述缩小所述模块的尺寸参数,包括:缩小权重系数最大的模块的压缩参数。
可选地,所述缩小权重系数最大的模块的压缩参数,包括:
从所述权重系数最大的模块的多个压缩参数中选择比当前使用的压缩参数小的一个,作为新的待使用压缩参数。
可选地,确定是否需要调整所述模块的尺寸参数的步骤还包括:
若所模拟的页面布局中可显示的模块数量小于所述预设值且所述压缩参数最小,确定不需要调整所述模块的尺寸参数。
可选地,所述模块包括一个或多个页面元素;
所述模块的初始尺寸根据该模块载入的页面元素数量所确定。
可选地,若载入的页面元素数量大于指定数量,则所述初始尺寸为预设尺寸,否则,所述初始尺寸基于该模块载入的元素数量确定。
根据本说明书实施例的第二方面,提供一种页面显示装置,包括:
尺寸参数获取模块,用于在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数;
布局模拟模块,用于根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局;
尺寸参数调整模块,用于将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数;
所述布局模拟模块,还用于在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局;
页面加载模块,用于在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面。
根据本说明书实施例的第三方面,提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其中,所述处理器执行所述程序时实现如前所述的页面显示方法。
本说明书的实施例提供的技术方案可以包括以下有益效果:
本说明书实施例中,在应用程序加载页面之前,设备获取可视区参数以及待显示在所述页面的模块,进而根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局,然后将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数,在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局,本实施例实现通过模拟页面布局的过程来动态调整各个模块的尺寸参数,使得页面布局效果能够逐渐逼近期望效果,在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面,实现以页面最优化的展示效果展示该页面,体现了屏幕的自适应性,提升模块在页面上的曝光率,从而通过在页面上充分展示的多个模块向用户传达更多关键信息,吸引具有不同屏幕设备的用户群,有利于提高用户的留存率和转化率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本说明书。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本说明书的实施例,并与说明书一起用于解释本说明书的原理。
图1是本说明书根据一示例性实施例示出的一种页面显示方法的流程图。
图2是本说明书根据一示例性示出的一种不同设备进行页面显示的示意图。
图3是本说明书根据一示例性实施例示出的一种计算机设备的硬件结构图。
图4是本说明书根据一示例性实施例示出的一种页面显示装置的结构图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本说明书的一些方面相一致的装置和方法的例子。
在本说明书使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本说明书。在本说明书和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本说明书可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本说明书范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
随着经济发展和社会进步,电脑、智能手机以及平板等智能终端设备成为人们生活中不可或缺的工具,同时各种应用程序也随之迅速发展了起来。对于任何一个应用程序的供应商而言,都希望使用自己产品的使用用户数能够快速增长并且能够保持活跃状态,而应用程序相关页面的显示,对于保持用户数量增长和用户的持续活跃起重大作用。
发明人在实现本说明书实施例的过程中,发现:由于移动设备屏幕比例不同,不同尺寸的屏幕上可显示的模块数量也有所不同,例如屏幕比例为18:9的移动设备的显示屏幕上可显示4个模块,而屏幕比例为4:3的移动设备的显示屏幕上只能显示2个模块,屏幕比例的不同导致模块存在曝光不足的缺点,从而用户无法及时获得关键信息,用户体验不佳。
基于此,本说明书实施例提供了一种页面显示方法,在应用程序加载页面之前,基于设备屏幕可视区的尺寸大小以及待显示在所述页面的模块的尺寸大小来模拟页面布局,从而确定可在页面上显示的模块数量,将所述模块数量与预设值进行比对,通过循环调整模块的尺寸参数以及模拟页面布局的步骤,直到模块数量符合预设值,实现在任何尺寸的设备屏幕上都能展示充分数量的模块,实现了屏幕的自适应性,提高模块的曝光度,不受设备屏幕尺寸的影响,实现期望的页面展示效果,从而有利于提高用户的留存率和转化率。
请参阅图1,为本说明书根据一示例性实施例示出的一种页面显示方法的流程图,所述方法可以应用于具有显示屏幕且可以安装应用程序的设备上,所述设备包括但不限于智能手机、平板、个人电脑、个人数字助理(PDA,Personal Digital Assistant)或者智能穿戴设备(如手表、手环)等,所述方法包括:
在步骤S101中,在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数。
在步骤S102中,根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局。
在步骤S103中,将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数。
在步骤S104中,在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局。
在步骤S105中,在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面。
在一实施例中,在应用程序加载页面之前,所述设备可以通过指定接口获取自身的屏幕信息,进而根据所述屏幕信息获取自身可视区的尺寸参数,其中,所述可视区表示显示所述页面的区域,所述尺寸参数可以包括所述可视区的高度参数和宽度参数。
可以理解的是,本说明书实施例对于所述页面不做任何限制,可依据实际应用场景进行具体设置,作为例子,考虑到应用程序被打开之后的首个页面是引导用户的主要入口,在该页面上展示的模块对于用户的留存率和转化率具有较大的影响,因此,所述页面可以是应用程序在被打开之后的首个页面,从而可以充分利用首个页面展示充分的模块,提升模块的曝光率,从而提升用户留存率和转化率;当然,也可以是应用程序的其他页面。
在一实施例中,在应用程序加载页面之前,所述设备可以获取至少两个待显示在所述页面上的模块,所述模块包括一个或多个页面元素,所述模块表示按照区块划分的页面元素的集合,同一模块中的页面元素的类型相同,具有一致性,不同模块之间的页面元素的类型不同,具有差异性,在一个例子中,比如模块A中的页面元素表征控件类型,模块B中的页面元素表征图片链接类型;接着,在获取所述可视区的尺寸参数以及所述待显示在所述页面上的模块之后,所述设备根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局,从而确定在所模拟的页面布局中可显示的模块数量,即在所述可视区可显示的模块数量。
在一种可能的实现方式中,所述设备可以按照指定布局顺序将所述模块的尺寸参数依次叠加,直到叠加的结果首次大于所述可视区的尺寸参数,从而可以确定出在所模拟的页面布局中可显示的模块数量,即在所述可视区可显示的模块数量;可以理解的是,本说明书实施例对于所述布局顺序的具体内容不做任何限制,可依据实际应用场景进行具体设置。
接着,所述设备将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数,在确定需要调整所述模块的尺寸参数的情况下,调整所述模块的尺寸参数并利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局,即再次执行步骤S102以及步骤S103;在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面,从而展示符合所述预设值的相应数量的模块。
本实施例中,在应用程序加载页面之前,设备获取可视区参数以及待显示在所述页面的模块,进而根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局,然后将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数,在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局,本实施例实现通过模拟页面布局的过程来动态调整各个模块的尺寸参数,使得页面布局效果能够逐渐逼近期望效果,在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面,实现以页面最优化的展示效果展示该页面,体现了屏幕的自适应性,提升模块在页面上的曝光率,从而通过在页面上充分展示的多个模块向用户传达更多关键信息,吸引具有不同屏幕设备的用户群,有利于提高用户的留存率和转化率。
在一实施例中,所述设备将所模拟的页面布局中可显示的模块数量与预设值对比,若所模拟的页面布局中可显示的模块数量小于所述预设值,则确定需要调整所述模块的尺寸参数,所述设备可以缩小所述模块的尺寸参数,以实现对所述模块的调整;本实施例通过对模块的尺寸参数的缩小,使得所述页面上可以容纳更多模块,从而使得页面布局效果能够逐渐逼近期望效果,优化页面展示效果。
可以理解的是,本说明书实施例对于所述预设值的大小不做任何限制,可依据实际情况进行具体设置。
在第一种可能的实现方式中,可以预先为每个模块设置一权重系数,使得每个模块对应一权重系数,所述权重系数表示该模块的调整顺序,所述设备在调整所述模块的过程中,可以选择权重系数最大的模块,缩小所述权重系数最大的模块的尺寸参数,并降低被缩小的模块的所述权重系数;本实施例实现优先调整权重系数较大的模块,并降低被调整的模块的权重系数,避免重复调整同一个模块,使得该模块的显示效果不佳。
其中,本说明书对于所述权重系数的设置不做任何限制,可依据实际情况进行具体设置,作为例子,可以为调整后对显示效果影响较小的模块设置较大的权重系数,为调整后对显示效果影响较大的模块设置较小的权重系数,从而所述设备可以优先调整权重系数较大的模块,在缩小权重系数最大的模块的尺寸参数之后,可以在所述可显示的模块数量满足预设值的同时,几乎不影响模块的显示效果,有利于提升用户的视觉体验。
可以理解的是,根据权重系数设置规则的不同,所述设备也可以根据实际需求,选择权重系数最小的模块,缩小所述权重系数最小的模块的尺寸参数,并调高被缩小的模块的所述权重系数,本说明书实施例对此不做任何限制。
在第二种可能的实现方式中,所述模块包括以下属性信息:压缩参数,所述压缩参数表征所述模块的显示比例,所述模块被缩小后的尺寸参数可以基于所述模块的初始尺寸以及所述压缩参数所确定,所述设备在调整所述模块的过程中,可以通过缩小所述压缩系数来实现缩小所述模块的尺寸参数;使得所述页面上可以容纳更多模块,从而使得页面布局效果能够逐渐逼近期望效果,优化页面显示过程。
示例性地,考虑到压缩系数设置规则的不同,所述设备也可以根据实际需求,通过增大所述压缩系数来实现缩小所述模块的尺寸参数,本说明书实施例对此不做任何限制。
在一实施例中,在所述设备在调整所述模块的过程中,若所述压缩参数已缩小至最小,此时所模拟的页面布局中可显示的模块数量仍然小于所述预设值,但由于所述模块的尺寸已经无法再调整了,此时确定不需要调整所述模块的尺寸参数,所述设备直接按照当前模拟的页面布局加载所述页面。
其中,考虑到并不是所有的压缩参数都适合所述模块使用,可能有的压缩参数会影响模块的显示效果,因此可以预先为所述模块设置多个不同的压缩参数,从而所述设备在调整所述模块的过程中,可以从所述模块的多个压缩参数中选择比当前使用的压缩参数小的一个,作为新的待使用压缩参数,从而基于所述待使用的压缩参数和所述初始尺寸确定比之前更小的模块的尺寸参数;在保证模块显示效果的同时使得所述页面上可以容纳更多模块,从而使得页面布局效果能够逐渐逼近期望效果,优化页面显示过程。
可以理解的是,本说明书实施例对于所述模块的初始尺寸不做任何限制,可依据实际情况进行具体设置,作为其中一种实现方式,所述模块包括一个或多个页面元素,考虑到实际网络差异,每一次加载页面的过程,所述模块载入的页面元素有所不同,即所述模块的初始尺寸根据该模块载入的页面元素数量所确定。
进一步地,考虑到有的模块会包括较多的页面元素,若该模块载入的页面元素数量较多,则基于所述页面元素数量确定的模块的初始尺寸较大,在后续的模拟页面布局调整过程中可能会耗费较长的调整时间,从而拉长了页面的加载时间,不利于用户的使用体验,因此,可以预先设置一预设尺寸,若载入的页面元素数量大于指定数量,则所述初始尺寸为预设尺寸,否则,所述初始尺寸基于该模块载入的元素数量确定,从而避免拉长页面加载时间,有利于提高页面加载速度。
在第三种可能的实现方式中,所述模块包括以下属性信息:权重系数以及压缩参数,所述权重系数表示该模块的调整顺序,所述压缩参数表征所述模块的显示比例,所述模块被缩小后的尺寸参数可以基于所述模块的初始尺寸以及所述压缩参数所确定,所述设备在调整所述模块的过程中,可以通过缩小权重系数最大的模块的压缩参数来实现缩小该模块的尺寸参数,并降低被缩小的模块的所述权重系数,使得所述页面上可以容纳更多模块,从而使得页面布局效果能够逐渐逼近期望效果,实现动态调整的过程。
其中,考虑到并不是所有的压缩参数都适合所述模块使用,因此可以预先为所述模块设置多个不同的压缩参数,从而所述设备在调整所述模块的过程中,可以从所述权重系数最大的模块的多个压缩参数中选择比当前使用的压缩参数小的一个,作为新的待使用压缩参数,从而基于所述待使用的压缩参数和所述初始尺寸确定比之前更小的模块的尺寸参数;在保证模块显示效果的同时使得所述页面上可以容纳更多模块,从而使得页面布局效果能够逐渐逼近期望效果,优化页面显示过程。
作为例子,以下以所述可视区的尺寸参数包括高度参数和宽度参数,所述模块的宽度参数自适应所述可视区的宽度参数,需要调整所述模块的高度参数以优化页面展示效果为例进行说明:在应用程序加载页面之间,根据设备的屏幕信息获得所述设备可视区的尺寸参数,所述可视区的尺寸参数包括高度参数和宽度参数,以及获取待显示在所述页面的模块,所述模块包括以下属性信息:权重系数以及多个不同的压缩参数,所述模块的高度参数可以基于所述模块的初始高度和所述压缩参数所确定。
在获取所述可视区的高度参数和所述模块的高度参数之后,所述设备可以根据所述可视区的高度参数和待显示在所述页面的模块的高度参数,模拟所述页面的页面布局,作为其中一种实现方式,所述设备可以按照指定布局顺序将所述模块的高度参数依次叠加,直到叠加的结果首次大于所述可视区的高度参数,从中确定所模拟的页面布局中可显示的模块数量;接着,所述设备将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数。
在所述模块数量小于所述预设值且所述模块的压缩参数非最小时,确定需要调整所述模块的尺寸参数,所述设备选择权重系数最大的模块,从所述权重系数最大的模块的多个压缩参数中选择比当前使用的压缩参数小的一个,作为新的待使用压缩参数,从而实现缩小所述模块的尺寸参数的过程,然后利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局,重复模拟页面布局之后的步骤。
在所述模块数量不小于所述预设值、或者所述模块数量小于所述预设值且所述模块的压缩参数最小两种情况下,确定不需要调整所述模块的尺寸参数,则所述设备按照当前模拟的页面布局加载所述页面;本实施例实现通过模拟页面布局的过程来动态调整各个模块的高度参数,使得页面布局效果能够逐渐逼近期望效果,在确定不需要调整所述模块的高度参数的情况下,按照当前模拟的页面布局加载所述页面,实现以页面最优化的展示效果展示该页面,体现了屏幕的自适应性,提升模块在页面上的曝光率,从而通过在页面上充分展示的多个模块向用户传达更多关键信息,吸引具有不同屏幕设备的用户群,有利于提高用户的留存率和转化率。
示例性地,一个模块可以显示多行页面元素,所述模块包括不同的压缩参数,比如压缩参数为6,表示当显示行数大于6时,超过6行的页面元素会被折叠,压缩参数为3,表示当显示行数大于3时,超过3行的页面元素会被折叠;基于本说明书实施例的页面显示方法,可以实现所述页面在不同设备的屏幕上均能基本实现期望的显示效果,比如期望的显示效果为在屏幕可视区上显示4个模块,请参阅图2,经过本说明书实施例的页面显示方法,通过模拟布局实现对模块的压缩参数的调整在不同尺寸的屏幕上所述模块的压缩参数也有所不同(即在不同尺寸的屏幕上所述模块的尺寸参数也有所不同),比如图2中,在屏幕可视区较大的设备A上,模块1的压缩参数为6,从而确定所述模块的尺寸可显示的页面元素是6行,而在屏幕可视区较小的设备B上,为了达到在屏幕可视区上显示4个模块,经过模拟布局调整后的所述压缩参数为3,即在该设备上确定的所述模块的尺寸可显示的页面元素为3行,从而使后面的模块可以进行曝光,实现不受设备屏幕大小的影响,页面的展示效果都能基本达到期望效果,充分利用所述页面展示相应数量的模块,从而可以向更多用户传达关键信息,抓住不同设备的用户群,有利于提高用户的转化率。
与前述方法的实施例相对应,本说明书还提供了页面显示装置及其所应用的设备的实施例。
本说明书中页面显示装置的实施例可以应用在计算机设备上,例如服务器或终端设备。装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。以软件实现为例,作为一个逻辑意义上的装置,是通过其所在文件处理的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言,如图3所示,为本说明书实施例页面显示装置所在计算机设备的一种硬件结构图,除了图2所示的处理器210、内存230、网络接口220、以及非易失性存储器240之外,实施例中装置231所在的服务器或计算机设备,通常根据该计算机设备的实际功能,还可以包括其他硬件,对此不再赘述。
相应地,本说明书实施例还提供一种计算机存储介质,所述存储介质中存储有程序,所述程序被处理器执行时实现上述任一实施例中的方法。
本说明书可采用在一个或多个其中包含有程序代码的存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。计算机可用存储介质包括永久性和非永久性、可移动和非可移动媒体,可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括但不限于:相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。
请参阅图4,为本说明书根据一示例性实施例示出的页面显示装置的示意图,所述装置包括:
尺寸参数获取模块301,用于在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数;
布局模拟模块302,用于根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局;
尺寸参数调整模块303,用于将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数;
所述布局模拟模块302,还用于在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局;
页面加载模块305,用于在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面。
可选地,所述布局模拟模块302包括:
按照指定布局顺序将所述模块的尺寸参数依次叠加,直到叠加的结果首次大于所述可视区的尺寸参数。
可选地,所述尺寸参数调整模块303包括:
若所模拟的页面布局中可显示的模块数量小于所述预设值,则确定需要调整所述模块的尺寸参数。
可选地,所述尺寸参数调整模块303还包括:缩小所述模块的尺寸参数。
可选地,所述模块对应一权重系数。
所述尺寸参数调整模块303包括:缩小权重系数最大的模块的尺寸参数,并降低被缩小的模块的所述权重系数。
可选地,所述模块包括以下属性信息:压缩参数;所述压缩参数表征所述模块的显示比例。
所述模块被缩小后的尺寸参数基于所述模块的初始尺寸以及所述压缩参数所确定。
可选地,所述模块对应一权重系数;
所述尺寸参数调整模块303包括:缩小权重系数最大的模块的压缩参数。
可选地,所述尺寸参数调整模块303包括:
从所述权重系数最大的模块的多个压缩参数中选择比当前使用的压缩参数小的一个,作为新的待使用压缩参数。
可选地,所述尺寸参数调整模块303还包括:
若所模拟的页面布局中可显示的模块数量小于所述预设值且所述压缩参数最小,确定不需要调整所述模块的尺寸参数。
可选地,所述模块包括一个或多个页面元素。
所述模块的初始尺寸根据该模块载入的页面元素数量所确定。
可选地,若载入的页面元素数量大于指定数量,则所述初始尺寸为预设尺寸,否则,所述初始尺寸基于该模块载入的元素数量确定。
上述装置中对应步骤的实现过程具体详见上述方法中各个模块的功能和作用的实现过程,在此不再赘述。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理模块,即可以位于一个地方,或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本说明书方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
相应的,本说明书还提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序;其中,所述处理器被配置为:执行所述计算机程序时完成本说明书实施例中任一项的方法实施例所述的方法。
所述处理器可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器可以包括至少一种类型的存储介质,存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等等。而且,设备可以与通过网络连接执行存储器的存储功能的网络存储装置协作。存储器可以是设备的内部存储单元,例如设备的硬盘或内存。存储器也可以是设备的外部存储设备,例如设备上配备的插接式硬盘,智能存储卡(SmartMedia Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,存储器还可以既包括设备的内部存储单元也包括外部存储设备。存储器用于存储计算机程序以及设备所需的其他程序和数据。存储器还可以用于暂时地存储已经输出或者将要输出的数据。
这里描述的各种实施方式可以使用例如计算机软件、硬件或其任何组合的计算机可读介质来实施。对于硬件实施,这里描述的实施方式可以通过使用特定用途集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理装置(DSPD)、可编程逻辑装置(PLD)、现场可编程门阵列(FPGA)、处理器、控制器、微控制器、微处理器、被设计为执行这里描述的功能的电子单元中的至少一种来实施。对于软件实施,诸如过程或功能的实施方式可以与允许执行至少一种功能或操作的单独的软件模块来实施。软件代码可以由以任何适当的编程语言编写的软件应用程序(或程序)来实施,软件代码可以存储在存储器中并且由控制器执行。
计算机设备包括但不限于以下存在形式:(1)移动终端:这类设备的特点是具备移动通信功能,并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机,以及低端手机等;(2)超移动个人计算机设备:这类设备属于个人计算机的范畴,有计算和处理功能,一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等,例如iPad;(3)其他具有计算功能的计算机设备。设备可包括,但不仅限于,处理器、存储器。本领域技术人员可以理解,可以包括比上述更多或更少的部件,或者组合某些部件,或者不同的部件,例如设备还可以包括输入输出设备、网络接入设备、总线、摄像设备等。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
本领域技术人员在考虑说明书及实践这里申请的发明后,将容易想到本说明书的其它实施方案。本说明书旨在涵盖本说明书的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本说明书的一般性原理并包括本说明书未申请的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本说明书的真正范围和精神由下面的权利要求指出。
应当理解的是,本说明书并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本说明书的范围仅由所附的权利要求来限制。
以上所述仅为本说明书的较佳实施例而已,并不用以限制本说明书,凡在本说明书的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本说明书保护的范围之内。
Claims (13)
1.一种页面显示方法,包括:
在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数;
根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局;
将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数;
在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局;
在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面。
2.根据权利要求1所述的方法,所述根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局,包括:
按照指定布局顺序将所述模块的尺寸参数依次叠加,直到叠加的结果首次大于所述可视区的尺寸参数。
3.根据权利要求1所述的方法,确定是否需要调整所述模块的尺寸参数的步骤包括:
若所模拟的页面布局中可显示的模块数量小于所述预设值,则确定需要调整所述模块的尺寸参数。
4.根据权利要求3所述的方法,在确定需要调整所述模块的尺寸参数的情况下,还包括:
缩小所述模块的尺寸参数。
5.根据权利要求4所述的方法,所述模块对应一权重系数;
所述缩小所述模块的尺寸参数,包括:缩小权重系数最大的模块的尺寸参数,并降低被缩小的模块的所述权重系数。
6.根据权利要求4所述的方法,所述模块包括以下属性信息:压缩参数;所述压缩参数表征所述模块的显示比例;
所述模块被缩小后的尺寸参数基于所述模块的初始尺寸以及所述压缩参数所确定。
7.根据权利要求6所述的方法,所述模块对应一权重系数;
所述缩小所述模块的尺寸参数,包括:缩小权重系数最大的模块的压缩参数。
8.根据权利要求7所述的方法,所述缩小权重系数最大的模块的压缩参数,包括:
从所述权重系数最大的模块的多个压缩参数中选择比当前使用的压缩参数小的一个,作为新的待使用压缩参数。
9.根据权利要求6所述的方法,确定是否需要调整所述模块的尺寸参数的步骤还包括:
若所模拟的页面布局中可显示的模块数量小于所述预设值且所述压缩参数最小,确定不需要调整所述模块的尺寸参数。
10.根据权利要求6所述的方法,所述模块包括一个或多个页面元素;
所述模块的初始尺寸根据该模块载入的页面元素数量所确定。
11.根据权利要求10所述的方法,若载入的页面元素数量大于指定数量,则所述初始尺寸为预设尺寸,否则,所述初始尺寸基于该模块载入的元素数量确定。
12.一种页面显示装置,包括:
尺寸参数获取模块,用于在应用程序加载页面之前,根据设备的屏幕信息获得所述设备可视区的尺寸参数;
布局模拟模块,用于根据所述可视区的尺寸参数和待显示在所述页面的模块的尺寸参数,模拟所述页面的页面布局;
尺寸参数调整模块,用于将所模拟的页面布局中可显示的模块数量与预设值对比,确定是否需要调整所述模块的尺寸参数;
所述布局模拟模块,还用于在确定需要调整所述模块的尺寸参数的情况下,利用调整后的所述模块的尺寸参数再次模拟所述页面的页面布局;
页面加载模块,用于在确定不需要调整所述模块的尺寸参数的情况下,按照当前模拟的页面布局加载所述页面。
13.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其中,所述处理器执行所述程序时实现如权利要求1至11任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010033711.4A CN111240557B (zh) | 2020-01-13 | 2020-01-13 | 页面显示方法、装置以及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010033711.4A CN111240557B (zh) | 2020-01-13 | 2020-01-13 | 页面显示方法、装置以及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111240557A true CN111240557A (zh) | 2020-06-05 |
CN111240557B CN111240557B (zh) | 2021-04-06 |
Family
ID=70874535
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010033711.4A Active CN111240557B (zh) | 2020-01-13 | 2020-01-13 | 页面显示方法、装置以及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111240557B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111949862A (zh) * | 2020-07-20 | 2020-11-17 | 上海淇馥信息技术有限公司 | 一种管理业务任务流程的方法、装置和电子设备 |
CN112114928A (zh) * | 2020-09-28 | 2020-12-22 | 西安万像电子科技有限公司 | 显示页面的处理方法和装置 |
CN113867868A (zh) * | 2021-09-29 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 显示参数确定方法、装置及存储介质 |
CN114579242A (zh) * | 2022-03-11 | 2022-06-03 | 中国工商银行股份有限公司 | 一种页面布局信息确定方法及装置 |
CN115166186A (zh) * | 2022-08-08 | 2022-10-11 | 广东长天思源环保科技股份有限公司 | 一种污水处理企业入水口水质在线自动监测系统 |
CN117056009A (zh) * | 2023-10-13 | 2023-11-14 | 北京睿企信息科技有限公司 | 一种信息显示方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107958063A (zh) * | 2017-12-04 | 2018-04-24 | 四川九鼎智远知识产权运营有限公司 | 一种网页图片的显示方法 |
CN109308155A (zh) * | 2018-08-21 | 2019-02-05 | 中国平安人寿保险股份有限公司 | 调整页面的方法、装置、计算机设备及存储介质 |
CN109614176A (zh) * | 2018-10-30 | 2019-04-12 | 努比亚技术有限公司 | 一种应用界面布局方法、终端及计算机可读存储介质 |
CN109783181A (zh) * | 2019-01-31 | 2019-05-21 | 掌阅科技股份有限公司 | 屏幕适配显示方法、电子设备及计算机存储介质 |
-
2020
- 2020-01-13 CN CN202010033711.4A patent/CN111240557B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107958063A (zh) * | 2017-12-04 | 2018-04-24 | 四川九鼎智远知识产权运营有限公司 | 一种网页图片的显示方法 |
CN109308155A (zh) * | 2018-08-21 | 2019-02-05 | 中国平安人寿保险股份有限公司 | 调整页面的方法、装置、计算机设备及存储介质 |
CN109614176A (zh) * | 2018-10-30 | 2019-04-12 | 努比亚技术有限公司 | 一种应用界面布局方法、终端及计算机可读存储介质 |
CN109783181A (zh) * | 2019-01-31 | 2019-05-21 | 掌阅科技股份有限公司 | 屏幕适配显示方法、电子设备及计算机存储介质 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111949862A (zh) * | 2020-07-20 | 2020-11-17 | 上海淇馥信息技术有限公司 | 一种管理业务任务流程的方法、装置和电子设备 |
CN111949862B (zh) * | 2020-07-20 | 2023-10-13 | 上海淇馥信息技术有限公司 | 一种管理业务任务流程的方法、装置和电子设备 |
CN112114928A (zh) * | 2020-09-28 | 2020-12-22 | 西安万像电子科技有限公司 | 显示页面的处理方法和装置 |
CN112114928B (zh) * | 2020-09-28 | 2023-12-22 | 西安万像电子科技有限公司 | 显示页面的处理方法和装置 |
CN113867868A (zh) * | 2021-09-29 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 显示参数确定方法、装置及存储介质 |
CN113867868B (zh) * | 2021-09-29 | 2024-05-17 | 北京达佳互联信息技术有限公司 | 显示参数确定方法、装置及存储介质 |
CN114579242A (zh) * | 2022-03-11 | 2022-06-03 | 中国工商银行股份有限公司 | 一种页面布局信息确定方法及装置 |
CN115166186A (zh) * | 2022-08-08 | 2022-10-11 | 广东长天思源环保科技股份有限公司 | 一种污水处理企业入水口水质在线自动监测系统 |
CN117056009A (zh) * | 2023-10-13 | 2023-11-14 | 北京睿企信息科技有限公司 | 一种信息显示方法 |
CN117056009B (zh) * | 2023-10-13 | 2023-12-22 | 北京睿企信息科技有限公司 | 一种信息显示方法 |
Also Published As
Publication number | Publication date |
---|---|
CN111240557B (zh) | 2021-04-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111240557B (zh) | 页面显示方法、装置以及设备 | |
CN108845936B (zh) | 一种基于海量用户的ab测试方法及系统 | |
CN107870980B (zh) | 电子装置、账单数据处理方法及计算机存储介质 | |
CN109029918A (zh) | 一种gamma调节绑点的方法及装置 | |
CN112508118A (zh) | 针对数据偏移的目标对象行为预测方法及其相关设备 | |
CN110362563A (zh) | 数据表的处理方法及装置、存储介质、电子装置 | |
CN113516239A (zh) | 模型训练方法、装置、存储介质及电子设备 | |
CN111161283A (zh) | 一种处理图片资源的方法、装置及电子设备 | |
CN109598478B (zh) | 一种风测结果描述文案的生成方法、装置及电子设备 | |
CN116193159A (zh) | 一种图像数据调整方法、装置、电子设备及存储介质 | |
CN116185545A (zh) | 一种页面渲染的方法及装置 | |
CN110060188A (zh) | 核身方式推荐方法、装置及电子设备 | |
CN113887719B (zh) | 一种模型压缩方法及装置 | |
CN115797267A (zh) | 图像质量评估方法、系统、电子设备和存储介质 | |
CN113112084B (zh) | 一种教练机后机身研发流程优化方法及装置 | |
CN110309449A (zh) | 页面渲染方法及装置 | |
CN111240843B (zh) | 一种数据获取方法、装置、电子设备及存储介质 | |
CN113157987A (zh) | 用于机器学习算法的数据预处理方法及相关设备 | |
CN110287437A (zh) | 网页截图方法、装置、存储介质及终端 | |
CN111862894A (zh) | 一种背光亮度的调整方法、装置、终端和可读存储介质 | |
WO2024159976A1 (zh) | 模型训练方法、电子设备和计算机可读存储介质 | |
CN111260435A (zh) | 多因子权重赋值修正方法、装置、计算机设备和存储介质 | |
CN114465957B (zh) | 一种数据写入方法及装置 | |
CN116150212B (zh) | 数据处理方法及设备 | |
CN113408601B (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 |