CN115599488A - 页面显示方法、装置、电子设备及存储介质 - Google Patents
页面显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN115599488A CN115599488A CN202211385693.1A CN202211385693A CN115599488A CN 115599488 A CN115599488 A CN 115599488A CN 202211385693 A CN202211385693 A CN 202211385693A CN 115599488 A CN115599488 A CN 115599488A
- Authority
- CN
- China
- Prior art keywords
- container
- window
- display
- page
- 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.)
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (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是本发明实施例提供的显示界面的示意图;
图4是本发明实施例提供的一种页面显示装置的结构框图;
图5是本发明实施例提供的电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例一
图1为本发明实施例提供的一种页面显示方法的流程示意图,本实施例可适用于根据显示窗口的结构参数和容器参数确定目标显示容器,并将页面显示于目标显示容器内的情况,该方法可以由页面显示装置来执行,该页面显示装置可以采用硬件/或软件的形式实现,该装置可配置于电子设备中,该电子设备可以是PC端或服务端等。
如图1所示,该方法包括:
S110、在接收到页面加载指令时,获取窗口结构参数和原始容器参数。
其中,页面加载指令可以是在需要进行页面的加载时发送的指令信息。窗口结构参数可以理解为当前显示窗口的结构参数信息。原始容器参数可以是原始容器的默认参数信息。
具体的,当接到到页面加载指令时,可以确定当前用户需要对重新加载页面,或者是需要对页面进行刷新,因此在接收到页面加载指令时,获取到当前显示窗口的窗口结构参数和显示容器的原始容器参数,进而基于窗口结构参数和容器结构参数确定确定页面的显示方法。需要说明的是,窗口结构参数可以是当前显示窗口的尺寸信息、显示信息、颜色信息等参数。
在上述技术方案的基础上,在所述在接收到页面加载指令后,获取窗口显示参数和原始容器参数之前,包括:当检测到窗口载入事件时,确定接收到所述页面加载指令,并根据所述页面加载指令获取所述窗口结构参数和所述原始容器参数;或,当检测到窗口重设事件时,确定接收到所述页面加载指令,并根据所述页面加载指令获取当前窗口结构参数和所述原始容器参数。
其中,窗口载入事件可以理解为当显示窗口初次启动时的需要进行窗口载入的事件。窗口重设事件可以是用户对当前显示窗口的显示画面不满意,并对显示窗口进行重新设定的事件。
具体的,当检测到用户触发对应的应用程序时,确定需要为用户显示与应用程序对应的显示窗口,则在检测到窗口载入事件时,确定接收到页面加载指令,并根据页面加载指令获取窗口结构参数和原始容器参数,或者是,如果用户需要对当前显示界面的显示效果进行调整时,用户可以通过预设的方法重新设定窗口的参数,例如通过重设窗口的分辨率来调整显示效果,因此,当检测到窗口重设事件时,确定接收到了页面加载指令,并根据页面加载指令获取用户调整后的窗口结构参数和原始容器参数,进而基于调整后的窗口结构参数和原始容器参数对容器进行调整。
本发明实施例提供的技术方案,通过在检测到窗口载入事件或检测到窗口重设事件时,获取当前显示窗口的窗口结构参数和原始容器参数,从而使得根据用户的调整确定所需的参数,进而可以根据用户的需求确定页面的显示效果,保证了页面的正确显示。
在上述技术方案的基础上,在当检测到窗口载入事件时,确定接收到所述页面加载指令之后,包括:在显示窗口中创建原始容器,并设置所述显示窗口的窗口结构参数信息,以基于所述窗口结构参数信息进行页面显示。
其中,显示窗口可以理解为在终端设备的屏幕上为用户显示的操作界面。原始容器可以是用于显示页面的容器组件。
具体的,在检测到窗口载入事件时,需要为用户进行窗口的首次加载,因此可以通过在检测到到窗口载入事件后,在当前显示窗口中原始容器,并对显示窗口的窗口结构参数进行设置,进而可以基于窗口结构参数对页面进行显示,例如当检测到窗口载入事件后,可以将当前显示窗口的显示大小设置为铺满终端设备的显示屏幕。
在上述技术方案的基础上,所述在显示窗口中创建原始容器,并设置所述显示窗口的窗口结构参数信息,包括:设置所述原始容器的大小为原始大小,并将所述原始容器的容器颜色参数设置为第一颜色参数;设置所述显示窗口的显示位置信息,并将所述显示窗口的窗口颜色参数设置为所述第一颜色参数;基于所述显示位置信息和颜色参数信息进行页面显示。
其中,原始大小可以是预先设置的容器尺寸,例如原始大小可以是宽为1920px,高为1080px。容器颜色参数可以理解为容器内部填充的颜色对应的参数信息,例如可以是RGB参数,相应的,第一颜色参数可以是预先设置的颜色参数信息,例如可以是以RGB表示的白色,也即第一颜色参数的RGB值为255,255,255。显示位置信息可以理解为当前显示窗口中显示内容的位置信息。界面颜色参数可以理解为界面内部填充的颜色对应的参数信息。
具体的,将原始容器的大小设置为原始大小,例如可以创建一个宽为1920px,高为1080px大小的原始容器,并将原始容器的容器颜色参数设置于第一颜色参数,例如RGB值为255,255,255;对显示窗口的显示位置信息进行设置,并将显示窗口的窗口颜色参数同样设置为第一颜色参数,从而基于显示位置信息和颜色参数信息进行页面显示。需要说明的是,RGB色彩模式是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是运用最广的颜色系统之一。
本发明实施例提供的技术方案,通过对显示界面中的显示位置信息进行设置,从而保证容器可以显示在界面中的指定位置,进而保证了页面的正确显示,并且将容器颜色参数和界面颜色参数统一设置为第一颜色参数,进而保证了界面中的色彩一致性,进而提高了显示界面的整体性。
S120、基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,并根据所述缩放系数信息对原始容器进行处理后得到目标显示容器。
其中,缩放系数信息可以是用于对原始容器进行处理的缩放系数。标显示容器可以理解为根据缩放系数信息对原始容器进行处理后得到的容器。
具体的,根据窗口结构参数和原始容器参数确定缩放系数信息,例如可以是基于显示窗口和原始容器之间的大小关系确定出缩放系数信息,可以通过计算显示窗口和原始容器的显示面积的比值,并将该比值作为缩放系数信息。进而在得到缩放系数信息后,基于缩放系数信息对原始容器进行处理,得到目标显示容器。
在上述技术方案的基础上,所述基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,包括:基于所述所述窗口结构参数和所述原始容器参数确定显示窗口与原始容器之间的关系参数;基于所述关系参数确定容器处理方式,以基于所述容器处理方式对所述原始容器进行处理。
其中,关系参数可以是用于表示显示窗口与原始容器之间的大小信息的系数。容器处理方式可以理解为需要对容器进行的处理方式,例如放大或者缩小等。
具体的,根据窗口结构参数和原始容器参数确定显示窗口与原始容器之间的关系参数,例如根据显示窗口的当前显示面积和原始容器的显示面积确定出显示窗口和原始容器之间的大小关系,进而基于显示窗口和原始容器之间的大小关系确定出对原始容器的处理方式,例如当窗口大于原始容器的原始大小时,我们需要放大容器,窗口小于原始容器的原始大小时,我们需要缩小容器尺寸。进而基于容器处理方式对原始容器进行处理。
在上述技术方案的基础上,所述基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,包括:基于所述窗口结构参数确定显示窗口的窗口比例系数,并基于所述原始容器参数确定所述原始容器的容器比例系数;基于所述窗口比例系数和所述容器比例系数确定容器缩放方式,并基于所述容器缩放方式对所述原始容器进行处理。
其中,窗口比例系数可以理解为显示窗口的长宽比例,相应的,容器比例系数可以是原始容器的长宽比例。容器缩放方式可以理解为对原始容器的具体缩放方式,例如按照长度方向进行缩放,或者按照宽度方向进行缩放。
具体的,根据窗口结构参数确定显示窗口的窗口比例系数,并基于原始容器参数确定原始容器的容器比例系数,进而根据窗口比例系数和容器比例系数确定容器缩放方式,并基于容器缩放方式对所述原始容器进行处理得到目标显示容器。例如,可以是获取到当前显示界面的长宽系数,并将当前显示界面的长度除以当前显示界面的宽度得到窗口比例系数,通过获取原始容器的长宽系数,并将原始容器的长度除以原始容器的宽度得到容器比例系数。
在上述技术方案的基础上,所述基于所述窗口比例系数和所述容器比例系数确定容器缩放方式,包括:如果所述窗口比例系数大于所述容器比例系数,则确定需要采用长度比例缩放;如果所述窗口比例系数小于所述容器比例系数,则确定需要采用宽度比例缩放。
其中,长度比例缩放可以是需要按照长度方向进行缩放,相应的,宽度比例缩放可以理解为需要按照宽度方向进行缩放。
具体的,可以根据当前显示窗口的长宽比例和原始容器的长款比例确定具体缩放方式,例如,如果当前显示窗口的长宽比例大于原始容器的长款比例时,要使用长度方向上的缩放比例,如果当前显示窗口的长宽比例小于原始容器的长款比例时,则要使用宽度方向上的缩放比例。本发明实施例公开的技术方案,通过根据当前显示窗口的长宽比例和原始容器的长宽比例确定具体的缩放方式,进而使得可以根据用户的操作对容器进行处理,使得容器和界面之间的比例保持一致,保证的页面的显示效果。
S130、将目标显示页面载入至所述目标显示容器,以通过所述目标显示容器进行页面显示。
其中,目标显示页面可以是为目标用户显示的页面信息,例如可以是用户设置的默认页面,还可以是用户在进行界面调整之前为用户显示的页面。
具体的,将用户需要显示的目标显示页面载入到目标显示容器中,进而使得目标显示页面可以在目标显示容器中进行页面显示。
本发明实施例的技术方案,通过在接收到页面加载指令时,获取窗口结构参数和原始容器参数,进而基于窗口结构参数和原始容器参数确定缩放系数信息,并根据比例系数信息对原始容器进行处理后得到目标显示容器,最后可以将目标显示页面载入至目标显示容器,以通过目标显示容器进行页面显示。基于上述技术方案,实现了根据窗口结构参数和原始容器参数动态确定缩放系数信息,进而基于缩放系数信息对容器进行处理,使得页面可以显示在容器中,无需重复对容器开发,进而达到了提高开发效率的技术效果。
实施例二
图2为本发明实施例提供的一种页面显示方法的流程图。本实施例在上述实施例的基础上,进一步优化了上述页面显示方法。其具体的实施方式可以参见本实施例技术方案。其中,与上述实施例相同或者相应的技术术语在此不再赘述。
如图2所示,本实施例的方法具体包括:
接收页面加载指令:具体的,当用户检测到窗口载入事件或者检测到窗口重设事件时,确定接收到了页面加载指令,需要说明的是,为了保证在用户的窗口发生变化时,可以根据用户的操作实现显示界面的自适应变卦,我们需要监听window.resize事件,在该事件触发后,重新设置原始容器变形的缩放比例。
设置界面结构参数和原始容器参数:具体的,可以通过在界面中增加容器组件,如图3所示,图3中的虚线部分为容器组件,需要说明的是在VUE框架中,一般是在App.vue中创建容器,被设置“responsiveStyle”样式的div即为容器组件。具体容器创建方法如下所示:
当容器创建完成后,需要对窗口元素的样式进行定义,进而保证容器组件始终居中显示。如下列样式所示:可以将设置窗口默认大小设置为的高和宽需要完全铺满当前视窗,并且使得当前显示窗口使用flex布局,使用align-items:center控制容器组件上下居中,使用justify-content:center控制容器组件左右居中,从而保证容器的居中显示,并且对容器和显示界面的背景颜色进行一致化,使得窗口元素和容器元素的边界模糊,使用户在页面的浏览过程中获得一个整体的感受,并且对原始容器的大小进行设置,通常来说会将原始容器设置为宽为1920px,高为1080px的区域。具体设置方法如下所示:
获取缩放系数信息:具体的,当显示窗口大于原始容器的原始大小时,我们需要放大容器,显示窗口小于原始容器的原始大小时,我们需要缩小容器尺寸。同时,我们还要考虑显示窗口的长宽比例,如果当前显示窗口的长宽比例大于原始容器的长款比例时,要使用长度方向上的缩放比例,如果当前显示窗口的长宽比例小于原始容器的长款比例时,则要使用宽度方向上的缩放比例。合并这些考虑因素后,计算方法(公式)如下:
Math.min(w.value/default_w,h.value/default_h);
其中,w.value代表当前窗口宽度;default_w代表容器的原始宽度;h.value代表当前窗口的高度;default_h代表容器的原始高度。
调整容器大小:具体的,按照上述公式,可以得到一个大于1(容器需要放大)或者小于1(容器需要缩小)的数字,并且在得到缩放比例后,我们并不是重新设置容器的长宽数值,而是采用比缩放系数信息来对容器组件进行缩放,设置容器依然是默认高的宽度,但是通过transform:scale(缩放比例)来控制容器的真实大小。
。具体的调整方法如下所示:
需要说明的是,前端开发者使用前述的方法后,就不需要考虑不同分辨率下的布局问题,而只需要按照默认的设计稿来进行开发。并将网页内容载入到容器中。这样开发出的前端页面就能在不同设备终端和不同分辨率下,得到相同的使用体验。
本发明实施例的技术方案,通过在接收到页面加载指令时,获取窗口结构参数和原始容器参数,进而基于窗口结构参数和原始容器参数确定缩放系数信息,并根据比例系数信息对原始容器进行处理后得到目标显示容器,最后可以将目标显示页面载入至目标显示容器,以通过目标显示容器进行页面显示。基于上述技术方案,实现了根据窗口结构参数和原始容器参数动态确定缩放系数信息,进而基于缩放系数信息对容器进行处理,使得页面可以显示在容器中,无需重复对容器开发,进而达到了提高开发效率的技术效果。
实施例三
图4为本发明实施例提供的一种页面显示装置的结构框图。该装置包括:参数获取模块410、缩放系数确定模块420以及页面载入模块430。
参数获取模块410,用于在接收到页面加载指令时,获取窗口结构参数和原始容器参数;
缩放系数确定模块420,用于基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,并根据所述比例系数信息对原始容器进行处理后得到目标显示容器;
页面载入模块430,用于将目标显示页面载入至所述目标显示容器,以通过所述目标显示容器进行页面显示。
在上述技术方案的基础上,所述参数获取模块包括,检测单元用于当检测到窗口载入事件时,确定接收到所述页面加载指令,并根据所述页面加载指令获取所述窗口结构参数和所述原始容器参数;或,当检测到窗口重设事件时,确定接收到所述页面加载指令,并根据所述页面加载指令获取当前窗口结构参数和所述原始容器参数。
在上述技术方案的基础上,所述检测单元还用于在显示窗口中创建原始容器,并设置所述显示窗口的窗口结构参数信息,以基于所述窗口结构参数信息进行页面显示。
在上述技术方案的基础上,所述检测单元还用于设置所述原始容器的大小为原始大小,并将所述原始容器的容器颜色参数设置为第一颜色参数;设置所述显示窗口的显示位置信息,并将所述显示窗口的窗口颜色参数设置为所述第一颜色参数;基于所述显示位置信息和颜色参数信息进行页面显示。
在上述技术方案的基础上,所述缩放系数确定模块用于基于所述所述窗口结构参数和所述原始容器参数确定显示窗口与原始容器之间的关系参数;基于所述关系参数确定容器处理方式,以基于所述容器处理方式对所述原始容器进行处理。
在上述技术方案的基础上,所述缩放系数确定模块用于基于所述窗口结构参数确定显示窗口的窗口比例系数,并基于所述原始容器参数确定所述原始容器的容器比例系数;基于所述窗口比例系数和所述容器比例系数确定容器缩放方式,并基于所述容器缩放方式对所述原始容器进行处理。
在上述技术方案的基础上,所述缩放系数确定模块用于如果所述窗口比例系数大于所述容器比例系数,则确定需要采用长度比例缩放;如果所述窗口比例系数小于所述容器比例系数,则确定需要采用宽度比例缩放。
本发明实施例的技术方案,通过在接收到页面加载指令时,获取窗口结构参数和原始容器参数,进而基于窗口结构参数和原始容器参数确定缩放系数信息,并根据比例系数信息对原始容器进行处理后得到目标显示容器,最后可以将目标显示页面载入至目标显示容器,以通过目标显示容器进行页面显示。基于上述技术方案,实现了根据窗口结构参数和原始容器参数动态确定缩放系数信息,进而基于缩放系数信息对容器进行处理,使得页面可以显示在容器中,无需重复对容器开发,进而达到了提高开发效率的技术效果。
本发明实施例所提供的页面显示装置可执行本公开任一实施例所提供的页面显示方法,具备执行方法相应的功能模块和有益效果。
值得注意的是,上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本公开实施例的保护范围。
实施例四
图5示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图5所示,电子设备10包括至少一个处理器11,以及与至少一个处理器11通信连接的存储器,如只读存储器(ROM)12、随机访问存储器(RAM)13等,其中,存储器存储有可被至少一个处理器执行的计算机程序,处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序,来执行各种适当的动作和处理。在RAM 13中,还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15,包括:输入单元16,例如键盘、鼠标等;输出单元17,例如各种类型的显示器、扬声器等;存储单元18,例如磁盘、光盘等;以及通信单元19,例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理,例如页面显示方法。
在一些实施例中,页面显示方法可被实现为计算机程序,其被有形地包含于计算机可读存储介质,例如存储单元18。在一些实施例中,计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时,可以执行上文描述的页面显示方法的一个或多个步骤。备选地,在其他实施例中,处理器11可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行页面显示方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中,计算机可读存储介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。备选地,计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在电子设备上实施此处描述的系统和技术,该电子设备具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本发明的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.一种页面显示方法,其特征在于,包括:
在接收到页面加载指令时,获取窗口结构参数和原始容器参数;
基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,并根据所述比例系数信息对原始容器进行处理后得到目标显示容器;
将目标显示页面载入至所述目标显示容器,以通过所述目标显示容器进行页面显示。
2.根据权利要求1所述的方法,其特征在于,在所述在接收到页面加载指令后,获取窗口显示参数和原始容器参数之前,包括:
当检测到窗口载入事件时,确定接收到所述页面加载指令,并根据所述页面加载指令获取所述窗口结构参数和所述原始容器参数;或,
当检测到窗口重设事件时,确定接收到所述页面加载指令,并根据所述页面加载指令获取当前窗口结构参数和所述原始容器参数。
3.根据权利要求2所述的方法,其特征在于,在当检测到窗口载入事件时,确定接收到所述页面加载指令之后,包括:
在显示窗口中创建原始容器,并设置所述显示窗口的窗口结构参数信息,以基于所述窗口结构参数信息进行页面显示。
4.根据权利要求3所述的方法,其特征在于,所述在显示窗口中创建原始容器,并设置所述显示窗口的窗口结构参数信息,包括:
设置所述原始容器的大小为原始大小,并将所述原始容器的容器颜色参数设置为第一颜色参数;
设置所述显示窗口的显示位置信息,并将所述显示窗口的窗口颜色参数设置为所述第一颜色参数;
基于所述显示位置信息和颜色参数信息进行页面显示。
5.根据权利要求1所述的方法,其特征在于,所述基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,包括:
基于所述所述窗口结构参数和所述原始容器参数确定显示窗口与原始容器之间的关系参数;
基于所述关系参数确定容器处理方式,以基于所述容器处理方式对所述原始容器进行处理。
6.根据权利要求1所述的方法,其特征在于,所述基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,包括:
基于所述窗口结构参数确定显示窗口的窗口比例系数,并基于所述原始容器参数确定所述原始容器的容器比例系数;
基于所述窗口比例系数和所述容器比例系数确定容器缩放方式,并基于所述容器缩放方式对所述原始容器进行处理。
7.根据权利要求6所述的方法,其特征在于,所述基于所述窗口比例系数和所述容器比例系数确定容器缩放方式,包括:
如果所述窗口比例系数大于所述容器比例系数,则确定需要采用长度比例缩放;
如果所述窗口比例系数小于所述容器比例系数,则确定需要采用宽度比例缩放。
8.一种页面显示装置,其特征在于,包括:
参数获取模块,用于在接收到页面加载指令时,获取窗口结构参数和原始容器参数;
缩放系数确定模块,用于基于所述窗口结构参数和所述原始容器参数确定缩放系数信息,并根据所述比例系数信息对原始容器进行处理后得到目标显示容器;
页面载入模块,用于将目标显示页面载入至所述目标显示容器,以通过所述目标显示容器进行页面显示。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的页面显示方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的页面显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211385693.1A CN115599488A (zh) | 2022-11-07 | 2022-11-07 | 页面显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211385693.1A CN115599488A (zh) | 2022-11-07 | 2022-11-07 | 页面显示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115599488A true CN115599488A (zh) | 2023-01-13 |
Family
ID=84853247
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211385693.1A Pending CN115599488A (zh) | 2022-11-07 | 2022-11-07 | 页面显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115599488A (zh) |
-
2022
- 2022-11-07 CN CN202211385693.1A patent/CN115599488A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110908762B (zh) | 一种动态壁纸实现方法及设备 | |
CN113808231B (zh) | 信息处理方法及装置、图像渲染方法及装置、电子设备 | |
CN113327193A (zh) | 图像处理方法、装置、电子设备和介质 | |
US11354875B2 (en) | Video blending method, apparatus, electronic device and readable storage medium | |
CN108665510B (zh) | 连拍图像的渲染方法、装置、存储介质及终端 | |
CN114610295A (zh) | 一种页面容器的布局方法、装置、设备及介质 | |
CN108989872B (zh) | 一种安卓电视背景快速切换方法、框架、服务器及存储介质 | |
CN110858388B (zh) | 一种增强视频画质的方法和装置 | |
CN113240576A (zh) | 风格迁移模型的训练方法、装置、电子设备及存储介质 | |
CN115423919B (zh) | 图像的渲染方法、装置、设备以及存储介质 | |
EP4270321A1 (en) | Graphic rendering method and apparatus, and storage medium | |
CN113608809B (zh) | 组件的布局方法、装置、设备、存储介质及程序产品 | |
CN115599488A (zh) | 页面显示方法、装置、电子设备及存储介质 | |
CN115861510A (zh) | 对象渲染方法、装置、电子设备、存储介质及程序产品 | |
CN115908116A (zh) | 一种图像处理方法、装置、设备及存储介质 | |
CN115643468A (zh) | 海报生成方法、装置、电子设备及存储介质 | |
CN113836455A (zh) | 特效渲染方法、装置、设备、存储介质及计算机程序产品 | |
CN109710122B (zh) | 用于展示信息的方法和装置 | |
CN113032696A (zh) | 一种页面图片的显示方法和显示装置 | |
CN114117281A (zh) | 一种背景确定方法、装置、设备以及存储介质 | |
CN113744414B (zh) | 图像处理方法、装置、设备和存储介质 | |
CN114564166A (zh) | 小程序页面的布局方法、装置、电子设备及存储介质 | |
CN116071422B (zh) | 面向元宇宙场景的虚拟设备亮度调节方法、装置 | |
CN112507671B (zh) | 用于调整文本间距的方法、装置、以及可读介质 | |
CN115862529A (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 |