应用页面的渲染方法、渲染装置、电子设备及存储介质制造方法及图纸

技术编号:40528520 阅读:13 留言:0更新日期:2024-03-01 13:48
本申请公开了一种应用页面的渲染方法及应用页面的渲染装置,所述方法包括:响应于接收到的缩放指令,获取应用页面中的第一区域包括的多个页面元素的属性信息,以及所述应用页面中的第二区域包括的多个页面元素的属性信息,其中,所述第一区域为应用原生界面区域,所述第二区域为应用内容填充区域,所述缩放指令携带目标缩放系数,所述属性信息包括尺寸大小和位置坐标;基于所述目标缩放系数,通过对每个所述页面元素显示的尺寸大小和位置坐标进行调整,渲染所述应用页面。

【技术实现步骤摘要】

本专利技术属于计算机,尤其涉及一种应用页面的渲染方法及应用页面的渲染装置。


技术介绍

1、目前,客户端程序界面的实现方式主要分为两类。一类基于web页面技术实现,如electron框架,提供了基于web页面技术的跨平台图形界面能力;另一类是native界面,使用操作平台提供的图形界面能实现应用程序自身的图形界面。其中,基于web的图形界面通过web的html/css/js技术实现了完善的跨平台能力;而原生界面基于操作系统接口开发跨平台能力较差。这就导致在客户端进行缩放时,基于web的图形界面会随着缩放比例进行尺寸调整,但是基于native的原生界面可能保持不变,出现页面内容被挤压、操作困难以及布局错乱等问题,影响用户对某些功能的访问和使用,从而降低用户的操作效率。


技术实现思路

1、本申请实施例提供一种应用页面的渲染方法及应用页面的渲染装置,能够解决原生界面与图形界面无法实现同一缩放的问题。

2、第一方面,本申请实施例提供了一种应用页面的渲染方法,该方法包括:响应于接收到的缩放指令,获取应用页面中本文档来自技高网...

【技术保护点】

1.一种应用页面的渲染方法,包括:

2.根据权利要求1所述的方法,其中,所述基于所述目标缩放系数,通过对每个所述页面元素显示的尺寸大小和位置坐标进行调整,渲染所述应用页面,包括:

3.根据权利要求2所述的方法,其中,在所述根据每个所述页面元素显示的尺寸大小和位置坐标,渲染所述应用页面之前,所述方法还包括:

4.根据权利要求3所述的方法,其中,在所述将所述第一区域的窗口的尺寸大小调整为所述第二矩形区域的第二尺寸,以及将所述第一区域的窗口的位置坐标调整为所述第二矩形区域的第二位置之后,所述方法还包括:

5.根据权利要求3所述的方法,其中,所述方...

【技术特征摘要】

1.一种应用页面的渲染方法,包括:

2.根据权利要求1所述的方法,其中,所述基于所述目标缩放系数,通过对每个所述页面元素显示的尺寸大小和位置坐标进行调整,渲染所述应用页面,包括:

3.根据权利要求2所述的方法,其中,在所述根据每个所述页面元素显示的尺寸大小和位置坐标,渲染所述应用页面之前,所述方法还包括:

4.根据权利要求3所述的方法,其中,在所述将所述第一区域的窗口的尺寸大小调整为所述第二矩形区域的第二尺寸,以及将所述第一区域的窗口的位置坐标调整为所述第二矩形区域的第二位置之后,所述方法还包括:

5.根据权利要求3所述的方法,其中,所述方法还包括:

6.根据权利要求1-5任一项所述的方法,其中,在所述基于所述目标缩放系数,通过对每个所述页面元素显示的尺寸大小和位置坐标进行调整,...

【专利技术属性】
技术研发人员:谢国辉
申请(专利权)人:北京字跳网络技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1