CN112148417A - 页面调整方法、装置、电子设备和计算机可读介质 - Google Patents
页面调整方法、装置、电子设备和计算机可读介质 Download PDFInfo
- Publication number
- CN112148417A CN112148417A CN202011172336.8A CN202011172336A CN112148417A CN 112148417 A CN112148417 A CN 112148417A CN 202011172336 A CN202011172336 A CN 202011172336A CN 112148417 A CN112148417 A CN 112148417A
- Authority
- CN
- China
- Prior art keywords
- page
- target page
- component
- terminal interface
- target
- 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.)
- Pending
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
Abstract
本公开的实施例公开了页面调整方法、装置、电子设备和计算机可读介质。该页面调整方法的一具体实施方式包括:确定目标页面所在终端界面的折叠状态和该目标页面的页面尺寸;响应于检测到该终端界面的折叠状态发生了变换,基于该目标页面的页面尺寸,确定变换后的页面尺寸;基于该变换后的页面尺寸,对预先存储的该目标页面渲染的组件集进行调整,得到调整后的组件集;基于该调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。该实施方式根据终端界面的变换来动态调整该终端界面所显示的页面和对应的组件集,使该页面在不影响渲染性能的情况下适配变化的界面。
Description
技术领域
本公开的实施例涉及计算机技术领域,具体涉及页面调整方法、装置、电子设备和计算机可读介质。
背景技术
随着终端的不断迭代和更新,终端界面的风格也发生巨大的变化。随着终端界面的变化,页面与终端界面的适配成为软件开发时要解决的问题。目前,解决该问题常用的方法为:对于终端界面的变换,页面对应的页面高度、页面宽度、组件的高度和组件的宽度都是预先设定的。
然而,当采用上述方法对页面进行处理时,经常会存在如下技术问题:
第一,不能根据终端界面的变换来动态调整页面,侧面影响了页面的渲染效果。
第二,终端界面的变换可能使得页面所显示的页面元素有限,进而,需求一种有针对性的在页面上显示各个页面元素的方法。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了页面调整方法、装置、设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项或多项。
第一方面,本公开的一些实施例提供了一种页面调整方法,该方法包括:确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸;响应于检测到上述终端界面的折叠状态发生了变换,基于上述目标页面的页面尺寸,确定变换后的页面尺寸,其中,上述目标页面的页面尺寸随着上述折叠状态的变换而变换;基于上述变换后的页面尺寸,对预先存储的上述目标页面渲染的组件集进行调整,得到调整后的组件集;基于上述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
第二方面,本公开的一些实施例提供了一种页面调整装置,装置包括:第一确定单元,被配置成确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸;第二确定单元,被配置成响应于检测到上述终端界面的折叠状态发生了变换,基于上述目标页面的页面尺寸,确定变换后的页面尺寸,其中,上述目标页面的页面尺寸随着上述折叠状态的变换而变换;第一调整单元,被配置成基于上述变换后的页面尺寸,对预先存储的上述目标页面渲染的组件集进行调整,得到调整后的组件集;第二调整单元,被配置成基于上述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如第一方面中任一的方法。
本公开的上述各个实施例中具有如下有益效果:通过本公开的一些实施例的页面调整方法得到的调整后的页面和对应的页面元素,有效的与变换后的终端界面相适配。具体来说,发明人发现,造成页面的渲染效果不够完美的原因在于:对于终端界面的变换,页面对应的页面高度、页面宽度、组件的高度和组件的宽度都是预先设定的数值,因此,不能根据终端界面的变换来动态调整页面。基于此,本公开的一些实施例的页面调整方法根据终端界面的变换来动态调整该终端界面所显示的页面和对应的组件集,进而,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。使上述调整后的页面在不影响渲染性能的情况下适配变化的终端界面。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
图1和图2是本公开的一些实施例的页面调整方法的一个应用场景图的示意图;
图3是根据本公开的页面调整方法的一些实施例的流程图;
图4是根据本公开的页面调整方法的另一些实施例的流程图;
图5是根据本公开的页面调整装置的一些实施例的结构示意图;
图6是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1和图2是本公开的一些实施例的页面调整方法的一个应用场景图的示意图。
如图1和图2所示,首先,电子设备101可以确定目标页面103所在终端界面102的折叠状态和上述目标页面103的页面尺寸105。在本应用场景中,上述页面尺寸105可以是“页面高度:10.6cm,页面宽度:5cm”。然后,响应于检测到上述终端界面102的折叠状态由图1的非折叠状态变换成图2的折叠状态,根据上述目标页面103的页面尺寸105,确定变换后的页面尺寸107。其中,上述目标页面103的页面尺寸105随着上述折叠状态的变换而变换。在本应用场景中,上述变换后的页面尺寸107可以是“页面高度:5.3cm,页面宽度:5cm”。进而,根据上述变换后的页面尺寸107,对预先存储的上述目标页面103渲染的组件集104进行调整,得到调整后的组件集108。最后,根据上述调整后的组件集108,对变换了页面尺寸的目标页面103上的各个页面元素进行调整,得到调整后的页面106。
需要说明的是,页面调整方法可以是由电子设备101来执行。上述电子设备101可以是硬件,也可以是软件。当电子设备为硬件时,可以实现成多个服务器或终端设备组成的分布式集群,也可以实现成单个服务器或单个终端设备。当电子设备101体现为软件时,可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1中的电子设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的电子设备。
继续参考图2,示出了根据本公开的页面调整方法的一些实施例的流程200。该页面调整方法,包括以下步骤:
步骤201,确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸。
在一些实施例中,页面调整方法的执行主体(例如图1所示的电子设备101)可以确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸。其中,上述目标页面可以是由React-Native编写的目标应用上的页面。上述终端界面可以是移动终端的屏幕界面。上述终端界面的折叠状态可以是折叠状态或非折叠状态。上述目标页面的页面尺寸可以是目标页面的页面宽度和页面高度。作为示例,可以通过读取与当前上述终端界面相关的终端折叠配置信息和目标页面的页面尺寸配置信息来确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸。
在一些实施例的一些可选的实现方式中,通过添加的监听事件来确定上述目标页面所在上述终端界面的折叠状态,其中,上述监听事件用于检测上述终端界面的折叠状态的变换。
步骤202,响应于检测到上述终端界面的折叠状态发生了变换,基于上述目标页面的页面尺寸,确定变换后的页面尺寸。
在一些实施例中,响应于检测到上述终端界面的折叠状态发生了变换,上述执行主体可以根据上述目标页面的页面尺寸,确定变换后的页面尺寸。其中,上述目标页面的页面尺寸随着上述折叠状态的变换而变换。作为示例,当上述终端界面的折叠状态为折叠状态,上述目标页面的页面尺寸为6.3cm*5.8cm。当上述终端界面的折叠状态为非折叠状态,上述目标页面的页面尺寸为12.6cm*5.8cm。以此可以得到,响应于检测到上述终端界面的折叠状态由折叠状态变换成非折叠状态,目标页面的页面尺寸由6.3cm*5.8cm变换为12.6cm*5.8cm。响应于检测到上述终端界面的折叠状态由非折叠状态变换成折叠状态,目标页面的页面尺寸由12.6cm*5.8cm变换为6.3cm*5.8cm。
作为示例,响应于检测到上述终端界面的折叠状态发生了变换,首先,确定上述折叠状态变换前目标页面的页面尺寸中页面高度与页面宽度之间的比例。然后,将页面宽度确定为变换后的页面高度。最后,保持页面高度与页面宽度之间的比例不变确定变换后的页面宽度,得到变换后的页面尺寸。
在一些实施例的一些可选的实现方式中,上述响应于检测到上述终端界面的折叠状态发生了变换,基于上述目标页面的页面尺寸,确定变换后的页面尺寸可以包括以下步骤:
第一步,响应于上述终端界面的折叠状态由非折叠状态变换为折叠状态,对上述非折叠状态下上述目标页面的页面尺寸按照预先设定的第一比例进行变换,得到上述变换后的页面尺寸。作为示例,响应于上述终端界面的折叠状态由非折叠状态变换为折叠状态,对上述非折叠状态下上述目标页面的页面尺寸按照(页面高度:变换后的页面高度=2:1,页面宽度:变换后的页面宽度=1:1)进行变换,得到上述变换后的页面尺寸。
第二步,响应于上述终端界面的折叠状态由上述折叠状态变换为上述非折叠状态,对上述折叠状态下上述目标页面的页面尺寸按照预先设定的第二比例进行变换,得到上述变换后的页面尺寸。其中,上述第一比例和上述第二比例是根据上述终端界面对应的终端设备的设备类型确定的。作为示例,响应于上述终端界面的折叠状态由折叠状态变换为非折叠状态,对上述折叠状态下上述目标页面的页面尺寸按照(页面高度:变换后的页面高度=1:2,页面宽度:变换后的页面宽度=1:1)进行变换,得到上述变换后的页面尺寸。
步骤203,基于上述变换后的页面尺寸,对预先存储的上述目标页面渲染的组件集进行调整,得到调整后的组件集。
在一些实施例中,上述执行主体可以基于上述变换后的页面尺寸,对预先存储的上述目标页面渲染的组件集进行调整,得到调整后的组件集。其中,上述组件可以是对类似结构的用户界面(UI,UserInterface)交互、处理逻辑和样式的抽象封装,暴露出一些属性和方法供灵活配置或调用,旨在使公共逻辑尽可能复用,避免重复工作,提升研发效率。作为示例,根据上述变换后的页面尺寸,从筛选出上述组件集中满足预设条件组件子集作为上述调整后的组件集。其中,上述预设条件可以是组件集中的组件的大小是否满足预定阈值。
步骤204,基于上述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
在一些实施例中,上述执行主体可以根据上述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。其中,上述目标页面上的各个页面元素是对上述组件集进行渲染得到的。
作为示例,在变换了页面尺寸的目标页面上重新渲染上述调整后的组件集以此来对变换了页面尺寸的目标页面的各个元素进行调整,得到上述调整后的页面。
由上述一些实施例可以看出,通过本公开的一些实施例的页面调整方法得到的调整后的页面和对应的页面元素,有效的与变换后的终端界面相适配。具体来说,发明人发现,造成页面的渲染效果不够完美的原因在于:对于终端界面的变换,页面对应的页面高度、页面宽度、组件的高度和组件的宽度都是预先设定的数值,因此,不能根据终端界面的变换来动态调整页面。基于此,本公开的一些实施例的页面调整方法根据终端界面的变换来动态调整该终端界面所显示的页面和对应的组件集,进而,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。使上述调整后的页面在不影响渲染性能的情况下适配变化的终端界面。
继续参考图4,示出了根据本公开的页面调整方法的另一些实施例的流程400。该页面调整方法,包括以下步骤:
步骤401,确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸。
步骤402,响应于检测到上述终端界面的折叠状态发生了变换,基于上述目标页面的页面尺寸,确定变换后的页面尺寸。
在一些实施例中,步骤401-402的具体实现及所带来的技术效果可以参考图2对应的那些实施例中的步骤201-202,在此不再赘述。
步骤403,根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对上述组件集中每个组件的宽度和高度按照对应的第三比例进行调整以生成调整后的组件,得到上述调整后的组件集。
在一些实施例中,上述执行主体可以根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对上述组件集中每个组件的宽度和高度按照对应的第三比例进行调整以生成调整后的组件,得到上述调整后的组件集。其中,上述目标页面组成元素布局信息可以是上述组件集各个组件的位置信息和比例信息。上述各个组件的位置信息可以是渲染组件而在目标页面显示的页面元素的位置。上述比例信息可以是组件与调整后的组件之间的变化比例。上述各个组件的位置信息和比例信息可以是预先确定的。
在一些实施例的一些可选的实现方式中,上述根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对上述组件集中每个组件的宽度和高度按照对应的第三比例进行调整以生成调整后的组件,得到上述调整后的组件集可以包括以下步骤:
第一步,确定上述组件集中每个组件的组件类型。其中,上述组件类型可以包括但不限于以下至少一项:输入框组件,开关组件,选择组件,图标组件,列表组件。
第二步,根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对上述组件集中相同组件类型的组件按照对应的预设第四比例进行同步调整,得到上述调整后的组件集。作为示例,可以根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对组件集中的各个列表组件进行同比例的调整,得到各个调整后的列表组件。
在一些实施例的一些可选的实现方式中,上述目标页面组成元素布局信息是通过以下步骤生成的:
第一步,确定上述目标页面的内容类型和上述终端界面的折叠状态。其中,上述目标页面的内容类型是基于上述目标页面所展示的关键词确定的。上述目标页面的内容类型可以包括但不限于以下至少一项:军事类型,娱乐类型,教育类型。作为示例,上述目标页面所展示的关键词可以利用TF-IDF(Term Frequency-Inverse DocumentFrequency)来确定。
第二步,基于上述内容类型,确定上述组件集中各个组件的优先级。作为示例,对上述组件集中组件类型名称与上述内容类型名称进行词嵌入(Word Embedding)处理,分别得到组件类型名称对应的向量集和内容类型名称对应的向量集。进而,通过确定目标组件类型名称和目标内容类型名称之间的相关程度来确定目标组件的优先级。以此,可以确定上述组件集中各个组件的优先级。其中,上述相关程度可以通过求取组件类型名称对应的向量和内容类型名称对应的向量之间的余弦值得到。
第三步,根据上述各个组件的优先级和上述终端界面的折叠状态,确定上述各个组件对应的位置信息和比例信息作为上述目标页面组成元素布局信息。其中,对于优先级高的组件在目标页面的显示的更显著。
在一些实施例的一些可选的实现方式中,根据上述内容类型和上述页面组成元素的等级配置信息,确定上述各个组件的优先级,其中,上述页面组成元素的等级配置信息是预先确定的。
在一些实施例的一些可选的实现方式中,上述页面组成元素的等级配置信息与上述目标页面的内容类型是一一对应的。
步骤404,基于上述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
在一些实施例中,步骤404的具体实现及所带来的技术效果可以参考图2对应的那些实施例中的步骤204,在此不再赘述。
本公开的实施例的一个发明点,解决了背景技术提及的技术问题二“终端界面的变换可能使得页面所显示的页面元素有限”。导致页面所显示的页面元素有限的因素往往如下:变换后的页面与未变换的页面比较,可能页面尺寸变大或缩小。进而,使得页面元素也对应发生调整。但是,缩小的页面会可能由于页面元素过多造成查看页面较为困难。本公开引入了目标页面组成元素布局信息以使变换后的页面更为针对性的展现不同的组件。通过目标页面组成元素布局信息来确定变换后的目标页面中各个组件的比例大小和位置。即,渲染后各个页面元素的比例大小和位置。以此,使得变换后的页面可能更有针对性的展示更为重要的页面元素。
继续参考图5,作为对上述各图上述方法的实现,本公开提供了一种页面调整装置的一些实施例,这些装置实施例与图2上述的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,一些实施例的页面调整装置500包括:第一确定单元501、第二确定单元502、第一调整单元503和第二调整单元504。其中,第一确定单元501,被配置成确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸。第二确定单元502,被配置成响应于检测到上述终端界面的折叠状态发生了变换,基于上述目标页面的页面尺寸,确定变换后的页面尺寸,其中,上述目标页面的页面尺寸随着上述折叠状态的变换而变换。第一调整单元503,被配置成基于上述变换后的页面尺寸,对预先存储的上述目标页面渲染的组件集进行调整,得到调整后的组件集;第二调整单元504,被配置成基于上述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
在一些实施例的一些可选的实现方式中,第一确定单元501可以进一步被配置成:通过添加的监听事件来确定上述目标页面所在上述终端界面的折叠状态,其中,上述监听事件用于检测上述终端界面的折叠状态的变换。
在一些实施例的一些可选的实现方式中,第二确定单元502可以进一步被配置成:响应于上述终端界面的折叠状态由非折叠状态变换为折叠状态,对上述非折叠状态下上述目标页面的页面尺寸按照预先设定的第一比例进行变换,得到上述变换后的页面尺寸;响应于上述终端界面的折叠状态由上述折叠状态变换为上述非折叠状态,对上述折叠状态下上述目标页面的页面尺寸按照预先设定的第二比例进行变换,得到上述变换后的页面尺寸,其中,上述第一比例和上述第二比例是基于上述终端界面对应的终端设备的设备类型确定的。
在一些实施例的一些可选的实现方式中,第一调整单元503可以进一步被配置成:根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对上述组件集中每个组件的宽度和高度按照对应的第三比例进行调整以生成调整后的组件,得到上述调整后的组件集。
在一些实施例的一些可选的实现方式中,第一调整单元503可以进一步被配置成:确定上述组件集中每个组件的组件类型;根据上述变换后的页面尺寸和上述目标页面组成元素布局信息,对上述组件集中相同组件类型的组件按照对应的预设第四比例进行同步调整,得到上述调整后的组件集。
在一些实施例的一些可选的实现方式中,上述目标页面组成元素布局信息是通过以下步骤生成的:确定上述目标页面的内容类型和上述终端界面的折叠状态,其中,上述目标页面的内容类型是基于上述目标页面所展示的关键词确定的;基于上述内容类型,确定上述组件集中各个组件的优先级;基于上述各个组件的优先级和上述终端界面的折叠状态,确定上述各个组件对应的位置信息和比例信息作为上述目标页面组成元素布局信息。
在一些实施例的一些可选的实现方式中,装置500还可以包括:第三确定单元(图中未示出)。其中,第三确定单元可以被配置成根据上述内容类型和上述页面组成元素的等级配置信息,确定上述各个组件的优先级,其中,上述页面组成元素的等级配置信息是预先确定的。
在一些实施例的一些可选的实现方式中,上述页面组成元素的等级配置信息与上述目标页面的内容类型是一一对应的。
可以理解的是,该装置500中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置500及其中包含的单元,在此不再赘述。
下面参考图6,其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的电子设备)600的结构示意图。图6示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述装置中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于检测到虚拟机启动,将第一类型定时器确定为上述虚拟机所使用的定时器;确定物理机所使用的定时器中的第一时间;对上述第一时间进行调整以供上述虚拟机使用上述第一类型定时器触发时间中断。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括第一确定单元、第二确定单元、第一调整单元和第二调整单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一确定单元还可以被描述为“确定目标页面所在终端界面的折叠状态和上述目标页面的页面尺寸的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (11)
1.一种页面调整方法,包括:
确定目标页面所在终端界面的折叠状态和所述目标页面的页面尺寸;
响应于检测到所述终端界面的折叠状态发生了变换,基于所述目标页面的页面尺寸,确定变换后的页面尺寸,其中,所述目标页面的页面尺寸随着所述折叠状态的变换而变换;
基于所述变换后的页面尺寸,对预先存储的所述目标页面渲染的组件集进行调整,得到调整后的组件集;
基于所述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
2.根据权利要求1所述的方法,其中,所述确定目标页面所在终端界面的折叠状态和所述目标页面的页面尺寸,包括:
通过添加的监听事件来确定所述目标页面所在所述终端界面的折叠状态,其中,所述监听事件用于检测所述终端界面的折叠状态的变换。
3.根据权利要求1所述的方法,其中,所述响应于检测到所述终端界面的折叠状态发生了变换,基于所述目标页面的页面尺寸,确定变换后的页面尺寸,包括:
响应于所述终端界面的折叠状态由非折叠状态变换为折叠状态,对所述非折叠状态下所述目标页面的页面尺寸按照预先设定的第一比例进行变换,得到所述变换后的页面尺寸;
响应于所述终端界面的折叠状态由所述折叠状态变换为所述非折叠状态,对所述折叠状态下所述目标页面的页面尺寸按照预先设定的第二比例进行变换,得到所述变换后的页面尺寸,其中,所述第一比例和所述第二比例是基于所述终端界面对应的终端设备的设备类型确定的。
4.根据权利要求1所述的方法,其中,所述基于所述变换后的页面尺寸,对预先存储的所述目标页面渲染的组件集进行调整,得到调整后的组件集,包括:
根据所述变换后的页面尺寸和所述目标页面组成元素布局信息,对所述组件集中每个组件的宽度和高度按照对应的第三比例进行调整以生成调整后的组件,得到所述调整后的组件集。
5.根据权利要求4所述的方法,其中,所述根据所述变换后的页面尺寸和所述目标页面组成元素布局信息,对所述组件集中每个组件的宽度和高度按照对应的第三比例进行调整以生成调整后的组件,得到所述调整后的组件集,包括:
确定所述组件集中每个组件的组件类型;
根据所述变换后的页面尺寸和所述目标页面组成元素布局信息,对所述组件集中相同组件类型的组件按照对应的预设第四比例进行同步调整,得到所述调整后的组件集。
6.根据权利要求4所述的方法,其中,所述目标页面组成元素布局信息是通过以下步骤生成的:
确定所述目标页面的内容类型和所述终端界面的折叠状态,其中,所述目标页面的内容类型是基于所述目标页面所展示的关键词确定的;
基于所述内容类型,确定所述组件集中各个组件的优先级;
基于所述各个组件的优先级和所述终端界面的折叠状态,确定所述各个组件对应的位置信息和比例信息作为所述目标页面组成元素布局信息。
7.根据权利要求6所述的方法,其中,所述基于所述内容类型,确定所述组件集中各个组件的优先级,包括:
根据所述内容类型和所述页面组成元素的等级配置信息,确定所述各个组件的优先级,其中,所述页面组成元素的等级配置信息是预先确定的。
8.根据权利要求7所述的方法,其中,所述页面组成元素的等级配置信息与所述目标页面的内容类型是一一对应的。
9.一种页面调整装置,包括:
第一确定单元,被配置成确定目标页面所在终端界面的折叠状态和所述目标页面的页面尺寸;
第二确定单元,被配置成响应于检测到所述终端界面的折叠状态发生了变换,基于所述目标页面的页面尺寸,确定变换后的页面尺寸,其中,所述目标页面的页面尺寸随着所述折叠状态的变换而变换;
第一调整单元,被配置成基于所述变换后的页面尺寸,对预先存储的所述目标页面渲染的组件集进行调整,得到调整后的组件集;
第二调整单元,被配置成基于所述调整后的组件集,对变换了页面尺寸的目标页面上的各个页面元素进行调整,得到调整后的页面。
10.一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。
11.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011172336.8A CN112148417A (zh) | 2020-10-28 | 2020-10-28 | 页面调整方法、装置、电子设备和计算机可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011172336.8A CN112148417A (zh) | 2020-10-28 | 2020-10-28 | 页面调整方法、装置、电子设备和计算机可读介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112148417A true CN112148417A (zh) | 2020-12-29 |
Family
ID=73953527
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011172336.8A Pending CN112148417A (zh) | 2020-10-28 | 2020-10-28 | 页面调整方法、装置、电子设备和计算机可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112148417A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112800363A (zh) * | 2021-02-04 | 2021-05-14 | 北京字节跳动网络技术有限公司 | 页面显示方法、装置、电子设备和计算机可读介质 |
-
2020
- 2020-10-28 CN CN202011172336.8A patent/CN112148417A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112800363A (zh) * | 2021-02-04 | 2021-05-14 | 北京字节跳动网络技术有限公司 | 页面显示方法、装置、电子设备和计算机可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112433654B (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
CN113191726B (zh) | 任务详情界面展示方法、装置、设备和计算机可读介质 | |
CN111459364B (zh) | 图标更新方法、装置和电子设备 | |
CN113934958B (zh) | 页面加载方法、装置、电子设备和计算机可读介质 | |
CN115600629B (zh) | 车辆信息二维码生成方法、电子设备和计算机可读介质 | |
CN111461967B (zh) | 图片处理方法、装置、设备和计算机可读介质 | |
CN110865734A (zh) | 目标对象显示方法、装置、电子设备和计算机可读介质 | |
CN113254136A (zh) | 信息推荐弹窗展示方法、装置、设备和计算机可读介质 | |
CN110070592B (zh) | 特效包的生成方法、装置和硬件装置 | |
US20230385080A1 (en) | Method and apparatus for presenting information on lock screen interface, terminal, and storage medium | |
CN111259636A (zh) | 文档渲染方法、装置和电子设备 | |
CN112559898B (zh) | 物品信息发送方法、装置、电子设备和计算机可读介质 | |
CN112800363A (zh) | 页面显示方法、装置、电子设备和计算机可读介质 | |
CN112148417A (zh) | 页面调整方法、装置、电子设备和计算机可读介质 | |
WO2023207543A1 (zh) | 媒体内容的发布方法、装置、设备、存储介质和程序产品 | |
CN112256172B (zh) | 应用显示方法、装置、终端和存储介质 | |
CN113138707B (zh) | 交互方法、装置、电子设备及计算机可读存储介质 | |
CN112817701B (zh) | 定时器处理方法、装置、电子设备和计算机可读介质 | |
CN113296771A (zh) | 页面显示方法、装置、设备和计算机可读介质 | |
CN114428925A (zh) | 页面渲染方法、装置、电子设备和计算机可读介质 | |
CN111290692B (zh) | 图片显示方法、装置、电子设备及计算机可读介质 | |
CN114327453A (zh) | 页面显示方法、装置、设备及存储介质 | |
CN112214665A (zh) | 内容展示方法、装置、电子设备及计算机可读存储介质 | |
CN112346728B (zh) | 设备适配方法、装置、设备和计算机可读介质 | |
CN114327732B (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 |