CN111694530A - 一种屏幕适配的方法、装置、电子设备及存储介质 - Google Patents

一种屏幕适配的方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN111694530A
CN111694530A CN202010520176.5A CN202010520176A CN111694530A CN 111694530 A CN111694530 A CN 111694530A CN 202010520176 A CN202010520176 A CN 202010520176A CN 111694530 A CN111694530 A CN 111694530A
Authority
CN
China
Prior art keywords
screen
target display
adaptation
display device
width
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
Application number
CN202010520176.5A
Other languages
English (en)
Other versions
CN111694530B (zh
Inventor
杨可
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Apollo Zhilian Beijing Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN202010520176.5A priority Critical patent/CN111694530B/zh
Publication of CN111694530A publication Critical patent/CN111694530A/zh
Application granted granted Critical
Publication of CN111694530B publication Critical patent/CN111694530B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/109Font handling; Temporal or kinetic typography
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请公开了屏幕适配的方法、装置、电子设备及存储介质,涉及计算机视觉领域、云计算领域。具体实现方案为:获取目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;获取小程序承载容器的设计参数,所述设计参数包括设计宽度和设计高度;根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,所述第一适配因子用于对所述目标显示设备的第一显示对象进行调整。根据本申请的技术可以适用于不同尺寸的目标显示设备,使其可以有一个较好的适配效果。并且无需制作配置文件,可以降低数据包的数据量。

Description

一种屏幕适配的方法、装置、电子设备及存储介质
技术领域
本申请涉及计算机视觉领域,尤其涉及屏幕适配的方法、装置、电子设备及存储介质。
背景技术
小程序是由承载容器控制显示,小程序的适配包括承载容器适配和网络页面(Web)形式小程序包适配两部分组成,承载容器是以安卓应用程序包来提供的,Web形式的小程序包是第三方按照小程序web编程语言进行开发,然后上传到小程序接入平台中,由承载容器加载显示。
目前车联网领域各车企的车机屏幕尺寸是多种多样,但现有的屏幕适配技术并不能兼容日渐丰富的车机屏幕尺寸。
发明内容
本申请提供了一种屏幕适配的方法、装置、电子设备及存储介质。
根据本申请的一方面,提供了一种屏幕适配的方法,包括:
获取目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
获取小程序承载容器的设计参数,所述设计参数包括设计宽度和设计高度;
根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,所述第一适配因子用于对所述目标显示设备的第一显示对象进行调整。
根据本申请的第二方面,提供了一种屏幕适配的方法,包括:
从接收的网络请求中获取目标服务器的地址和目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
根据所述目标服务器的地址,从所述目标服务器获取第二显示对象;
获取所述第二显示对象的参数,所述第二显示对象的参数包括所述第二显示对象的宽度和高度;
根据预定适配算法,利用所述屏幕参数、所述第二显示对象的参数和预设的屏幕比例系数对所述第二显示对象进行屏幕适配。
根据本申请的第三方面,提供了一种屏幕适配的装置,包括:
屏幕参数获取模块,用于获取目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
设计参数获取模块,用于获取小程序承载容器的设计参数,所述设计参数包括设计宽度和设计高度;
第一调整模块,用于根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,所述第一适配因子用于对所述目标显示设备的第一显示对象进行调整。
根据本申请的第四方面,提供了一种屏幕适配的装置,包括:
网络请求解析模块,用于从接收的网络请求中获取目标服务器的地址和目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
显示对象获取模块,用于根据所述目标服务器的地址,从所述目标服务器获取第二显示对象;
第二显示对象的参数获取模块,用于获取所述第二显示对象的参数,所述第二显示对象的参数包括所述第二显示对象的宽度和高度;
第二显示对象适配模块,用于根据预定适配算法,利用所述屏幕参数、所述第二显示对象的参数和预设的屏幕比例系数对所述第二显示对象进行屏幕适配。
根据本申请的第五方面,提供了一种电子设备,包括:
至少一个处理器;以及
与至少一个处理器通信连接的存储器;其中,
存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行本申请任意一项实施例所提供的方法。
根据本申请的第六方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,计算机指令用于使计算机执行本申请任意一项实施例所提供的方法。
根据本申请的技术可以根据合适的目标显示设备和小程序承载容器的设计参数以及预设的屏幕比例系数调整目标显示设备的第一适配因子。由此可以适用于不同尺寸的目标显示设备,使其可以有一个较好的适配效果。并且无需制作配置文件,可以降低数据包的数据量。
应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是根据本申请第一实施例屏幕适配的方法的流程图;
图2是根据本申请第一实施例确定第一适配因子的流程图;
图3是根据本申请第一实施例目标显示设备为横屏状态的示意图;
图4是根据本申请第一实施例确定第一适配因子的流程图;
图5是根据本申请第一实施例目标显示设备为竖屏状态的示意图;
图6是根据本申请第一实施例确定字体缩放因子和/或图像缩放因子的流程图;
图7是根据本申请第一实施例获取适配后的第二显示对象的流程图;
图8是根据本申请第一实施例网络拓扑示意图;
图9是根据本申请第二实施例对第二显示对象进行适配的流程图;
图10是根据本申请第二实施例确定第二适配因子的流程图;
图11是根据本申请第二实施例确定第二适配因子的流程图;
图12是根据本申请第三实施例屏幕适配的装置的示意图;
图13是根据本申请第三实施例屏幕适配的装置的示意图;
图14是根据本申请第三实施例屏幕适配的装置的示意图;
图15是根据本申请第四实施例屏幕适配的装置的示意图;
图16是用来实现本申请实施例的屏幕适配的方法的电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
如图1所示,在一种实施方式中,提供一种屏幕适配的方法,包括以下步骤:
S101:获取目标显示设备的屏幕参数,屏幕参数包括屏幕宽度和屏幕高度。
S102:获取小程序承载容器的设计参数,设计参数包括设计宽度和设计高度。
S103:根据预定适配算法,利用屏幕参数、设计参数和预设的屏幕比例系数确定目标显示设备的第一适配因子,第一适配因子用于对目标显示设备的第一显示对象进行调整。
本申请的上述步骤可以在目标显示设备端执行。例如目标显示设备可以是车载有屏设备、手机或平板电脑等设备。以安卓系统的车载有屏设备为例,上述步骤可以在车载有屏设备的小程序承载容器中执行。
小程序承载容器是运行在车载有屏设备的安卓应用程序包,作为安卓系统小程序开发的容器。对于不同开发厂商而言,小程序承载容器的设计高度和设计宽度并没有一个统一标准,因此可能是不同的。
目标显示设备的屏幕参数包括屏幕宽度、屏幕高度。例如可以通过与目标显示设备的进行通信以获取其屏幕参数。屏幕宽度、屏幕高度可以以设备无关像素(DP/DIP,Density Independent Pixels)为单位或以像素(Pixel)为单位表示。
预设的屏幕比例系数可以是屏幕的宽高比,例如16:9或4:3等。在本实施例中,屏幕的宽高比可以设置为16:9,即1.78。
目标显示设备的第一适配因子可以是屏幕密度(density)、字体缩放因子或图片缩放因子。
屏幕密度指的可以是目标屏幕里像素值浓度。字体缩放因子和图片缩放因子指的可以是安卓系统在渲染布局文件时对文字、图像尺寸的缩放调节比例。
在本申请实施例中,可以利用目标显示设备的屏幕参数、小程序承载容器的设计参数,以及预设的屏幕比例系数确定目标显示设备的第一适配因子,从而克服已有技术的弊端。
已有技术中,目标显示设备的初始屏幕密度的取值可以预设为1.0、2.0、3.0等。如果出现屏幕不适配的问题,其因素之一便是初始屏幕密度的取值不合适。例如,最小宽度限定符适配法根据市面主流屏幕的最小宽度生成配置文件夹,配置文件夹中以values-sw<N>dp形式存储适配尺寸。values-可以表示屏幕的最小宽度与屏幕的屏幕密度间的匹配关系,sw表示屏幕的最小宽度,<N>dp表示屏幕的屏幕密度。根据屏幕的最小宽度选择对应匹配的屏幕密度。一般情况下,屏幕包括高度和宽度两个数值,两个数值一大一小。当屏幕旋转时,如果屏幕高度大于屏幕宽度,则屏幕高度为大值,屏幕宽度为小值。在此情况下,以屏幕宽度为“最小宽度”,根据“最小宽度”在配置文件夹中查找对应的屏幕密度。反之,如果屏幕高度小于宽度,那么以屏幕高度为“最小宽度”,在配置文件夹中查找对应的屏幕密度。
如果在配置文件夹中未找到当前屏幕的最小宽度,则会查找出相近的最小宽度,进而查找对应的屏幕密度。因此为了支持不同尺寸的屏幕,就要生成更多的values-sw<N>dp配置文件夹,无疑会增加应用安装包的体积,同时在没有覆盖到屏幕上仍然会出现误差。
在本申请的上述实施例中,根据目标显示设备的显示参数可以确定显示屏幕为横屏状态或竖屏状态。例如在屏幕宽度大于屏幕高度的情况下,确定显示设备为横屏状态。在屏幕高度大于屏幕宽度的情况下,确定显示设备为竖屏状态。
在横屏状态下,根据目标显示设备的屏幕高度和屏幕比例系数可以得到目标显示设备的理想屏幕宽度。屏幕比例系数可以是预先确定的常数。将理想屏幕宽度与目标显示设备的屏幕宽度进行比较,根据比较结果选择参与计算第一适配因子的参数,最终利用选择的参数计算出第一适配因子。利用第一适配因子对目标显示设备的第一显示对象进行调整,从而达到屏幕适配的目的。第一显示对象可以包括承载容器的显示对象、以及安卓系统在渲染布局文件时的文字、图像等。目标显示设备在竖屏状态下的适配原理相同。
通过上述方式,可以根据合适的目标显示设备和小程序承载容器的设计参数以及预设的屏幕比例系数调整目标显示设备的第一适配因子。由此可以适用于不同尺寸的目标显示设备,使其可以有一个较好的适配效果。并且无需制作配置文件,可以降低数据包的数据量。
如图2所示,在一种方式中,步骤S103包括以下步骤:
S10311:在目标显示设备为横屏的情况下,根据预定适配算法,利用目标显示设备的屏幕高度和屏幕比例系数,确定目标显示设备的理想屏幕宽度。
S10312:在理想屏幕宽度不大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用理想屏幕宽度和设计宽度确定目标显示设备的第一适配因子。
目标显示设备的屏幕宽度和屏幕高度可以分别记为SW、SH,设计宽度和设计高度可以分别记为DW、DH,屏幕比例系数记为M。屏幕比例系数可以设定为常数,例如1.78。
结合图3所示,在SW>SH的情况下,可以确定目标显示设备为横屏的情况。
在目标显示设备为横屏的情况下,计算目标显示设备的理想屏幕宽度。理想屏幕宽度记为SW1,根据预定适配算法,SW1=M*SH。
将理想屏幕宽度SW1和目标显示设备的屏幕宽度SW进行比较,在SW1≤SW的情况下,根据预定适配算法,target=SW1÷DW,target表示第一适配因子,后文相同。
相比于现有技术采用目标显示设备的宽度(SW)确定适配因子,由于会出现目标显示设备的宽高比大于屏幕比例系数而导致前述缩放失真的问题。而采用理想屏幕宽度SW1和设计宽度DW确定目标显示设备的第一适配因子,由于利用屏幕比例系数进行约束,可以克服上述问题。
通过上述方案,在理想屏幕宽度SW1不大于目标显示设备的屏幕宽度的情况下,表示可以直接利用理想屏幕宽度SW1确定第一适配因子。在第一适配因子作为屏幕密度的情况下,可以通过修改目标显示设备的屏幕密度,使目标显示设备在显示时可以以固定比例展示,克服失真的问题。
在一种方式中。在步骤S10311之后还包括以下步骤:
在理想屏幕宽度大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度、屏幕比例系数和设计高度确定目标显示设备的第一适配因子。
在SW1>SW的情况下,根据预定适配算法,target=SW÷M÷DH。
上述方案首先利用目标显示设备的屏幕宽度SW和屏幕比例系数M计算得到目标显示设备的理想屏幕高度,目标显示设备的理想屏幕高度为目标显示设备的屏幕宽度SW和屏幕比例系数M的比值。
进而利用目标显示设备的理想屏幕高度(SW÷M)和设计高度DH的比值确定目标显示设备的第一适配因子。
通过上述方案,在理想屏幕宽度SW1大于目标显示设备的屏幕宽度的情况下,表示理想屏幕宽度SW1不适合确定第一适配因子,因此需选择目标显示设备的屏幕宽度确定第一适配因子。在第一适配因子作为屏幕密度的情况下,可以通过修改目标显示设备的屏幕密度,使目标显示设备在显示时可以以固定比例展示,克服失真的问题。
如图4所示,在一种方式中,步骤S103包括以下步骤:
S10321:在所述目标显示设备为竖屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕高度。
S10322:在所述理想屏幕高度不大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述理想屏幕高度和所述设计高度确定目标显示设备的第一适配因子。
与图2所示的实施例相同,目标显示设备的屏幕宽度和屏幕高度可以分别记为SW、SH,设计宽度和设计高度可以分别记为DW、DH,屏幕比例系数记为M。
如图5所示,在SW<SH的情况下,可以确定目标显示设备为竖屏的情况。
在目标显示设备为竖屏的情况下,理想屏幕高度记为SH1,根据预定适配算法,SH1=M*SW。
将理想屏幕高度SH1和目标显示设备的屏幕高度SH进行比较,在SH1≤SH的情况下,根据预定适配算法,target=SH1÷DH。
通过上述方案,在理想屏幕高度SH1不大于目标显示设备的屏幕高度的情况下,表示可以直接利用理想屏幕高度SH1确定第一适配因子。在第一适配因子作为屏幕密度的情况下,可以通过修改目标显示设备的屏幕密度,使目标显示设备在显示时可以以固定比例展示,克服失真的问题。
在一种方式中。在步骤S10321之后还包括以下步骤:
在理想屏幕高度大于目标显示设备的屏幕高度的情况下,根据预定适配算法,利用目标显示设备的屏幕高度、屏幕比例系数和设计宽度确定目标显示设备的第一适配因子。
在SH1>SH的情况下,根据预定适配算法,target=SH÷M÷DW。
采用上述步骤,首先利用目标显示设备的屏幕高度SH和屏幕比例系数M计算得到目标显示设备的理想屏幕宽度,目标显示设备的理想屏幕宽度为目标显示设备的屏幕高度SH和屏幕比例系数M的比值。
进而利用目标显示设备的理想屏幕宽度(SH÷M)和设计宽度DW的比值确定目标显示设备的第一适配因子。
通过上述方案,在理想屏幕高度SH1大于目标显示设备的屏幕高度的情况下,表示理想屏幕高度SH1不适合确定第一适配因子,因此需选择目标显示设备的屏幕高度确定第一适配因子。在第一适配因子作为屏幕密度的情况下,可以通过修改目标显示设备的屏幕密度,使目标显示设备在显示时可以以固定比例展示,克服失真的问题。
通过上述两组方案,可以根据目标显示设备的屏幕状态(横屏、竖屏),在屏幕宽度和屏幕高度之间选择数值小的屏幕参数。利用数值小的参数和屏幕比例系数确定出理想屏幕参数。将理想屏幕参数和目标显示设备的实际屏幕参数进行比较,并根据比较结果在目标显示设备的实际屏幕参以及小程序承载设备的设计参数中选择合适的参数进行计算,最终确定出第一适配因子。
如图6所示,在一种方式中,还包括:
S601:将第一适配因子作为目标显示设备的新的屏幕密度。
S602:获取目标显示设备的初始化屏幕密度以及初始化字体缩放因子。
S603:利用新的屏幕密度、初始化屏幕密度以及初始化字体缩放因子,得到目标显示设备的新的字体缩放因子和/或新的图像缩放因子。
S604:用新的字体缩放因子对显示设备的字体进行缩放调整,和/或用新的图像缩放因子对显示设备的图像进行缩放调整。
在开发小程序的设备是安卓应用程序的承载容器的情况下,一方面需要适配目标显示设备的屏幕密度,另一方面还需要适配目标显示设备的字体缩放因子和/或图像缩放因子。
安卓系统用一个名为DisplayMetrics的结构记录屏幕的有关信息。其中包括屏幕密度(density)、字体缩放因子(scaledDensity)。另外,安卓系统还以私有变量的形式存储图像缩放因子。通过与目标显示设备的通信可以获取到上述信息。
在未进行本申请的上述适配过程之前,在DisplayMetrics结构中存储有目标显示设备的初始化屏幕密度、初始化字体缩放因子和初始化图像缩放因子。
在本步骤中,利用安卓系统的反射技术,将前述步骤得到的第一适配因子作为目标显示设备的新的屏幕密度。利用新的屏幕密度、初始化屏幕密度以及初始化字体缩放因子,得到目标显示设备的新的字体缩放因子,新的字体缩放因子记为new_scaledDwnsity,此外,初始化字体缩放因子记为scaledDensity,初始化屏幕密度记为Density,第一适配因子记为target。
new_scaledDwnsity=target×Density÷scaledDensity。
图像缩放因子可以采用与字体缩放因子相同的数值。利用安卓系统的反射技术,将初始化屏幕密度替换为新的屏幕密度,将初始化字体缩放因子和初始化图像缩放因子替换为新的字体缩放因子和新的图像缩放因子。用新的字体缩放因子和图像缩放因子可以对显示设备的字体以及图像进行缩放调整。
通过上述方案,针对小程序承载容器。将目标显示设备原有的因厂商而千差万别的初始化屏幕密度,修改为第一适配因子,保证视图能够按照设计比例展示。对于需要单独适配的字体缩放因子和图像缩放因子,也可以基于第一适配因子进行调整得到。
如图7所示,在一种实施方式中,还包括以下步骤:
S701:获取目标显示设备的网络请求,网络请求包括目标服务器的地址和目标显示设备的屏幕参数。
S702:将网络请求发送至代理服务器。
S703:接收代理服务器发送的进行屏幕适配后的第二显示对象。
在目标显示设备显示Web小程序页面的情况下,目标显示设备需要向目标服务器发送网络请求,从而获取到第二显示对象。第二显示对象可以是待显示的Web小程序页面。
结合图8所示,在本步骤中,小程序承载容器可以通过安卓原生的VPN服务(VPNService)或者采用安卓系统的内联钩子函数(inlinehook)拦截网络请求。
在拦截到网络请求后,从网络请求中解析出目标服务器的地址和目标显示设备的屏幕参数等信息。另外,网络请求中还可以包括目标服务器端口信息、令牌(Token)信息、目标显示设备的型号信息等。
小程序承载容器将代理服务器的地址加载到网络请求中,以使网络请求可以发送至代理服务器。即,以代理服务器的地址为目标地址。
代理服务器可以根据网络请求,从目标服务器中获取请求对象,即获取第二显示对象。通过解析,可以得到第二显示对象的宽度和高度。根据预定适配算法,利用目标显示设备的屏幕参数、第二显示对象的宽度和高度,以及预设的屏幕比例系数对第二显示对象进行屏幕适配。代理服务器将适配后的第二显示对象发送至小程序承载容器。使得小程序承载容器可以适配显示第二显示对象,即显示Web小程序页面。对于代理服务器的适配过程将在后文中详述。
通过上述方案,面对显示对象为Web小程序页面时无法通过修改目标显示设备的屏幕密度以完成适配的缺陷,将对Web小程序页面进行适配的工作移交至代理服务器。从而实现对于Web小程序页面与目标显示设备的适配。
图9所示,本申请提供一种屏幕适配的方法,包括以下步骤:
S901:从接收的网络请求中获取目标服务器的地址和目标显示设备的屏幕参数,屏幕参数包括屏幕宽度和屏幕高度。
S902:根据目标服务器的地址,从目标服务器获取第二显示对象。
S903:获取第二显示对象的参数,第二显示对象的参数包括第二显示对象的宽度和高度。
S904:根据预定适配算法,利用屏幕参数、第二显示对象的参数和预设的屏幕比例系数对第二显示对象进行屏幕适配。
上述方法可以由服务器执行。在服务器端执行的情况下,服务器可以作为设置于目标显示设备与目标服务器之间的代理服务器。代理服务器一方面接收目标显示设备的网络请求,根据该网络请求在目标服务器获取第二显示对象。第二显示对象可以是待显示的Web小程序页面。
通过对第二显示对象的解析,可以获取到第二显示对象的宽度和高度。
根据预定适配算法,利用屏幕参数、第二显示对象的宽度和高度,以及预设的屏幕比例系数对第二显示对象进行屏幕适配,将适配后的第二显示对象发送给目标设备。
通过上述方案,在面对待显示的第二显示对象为Web小程序页面的情况下,可以利用代理服务器作为屏幕适配的执行端。从而实现对于Web小程序页面与目标显示设备的适配。
如图10所示,步骤S904包括以下步骤:
S90411:在目标显示设备为横屏的情况下,根据预定适配算法,利用目标显示设备的屏幕高度和屏幕比例系数,确定目标显示设备的理想屏幕宽度。
S90412:在理想屏幕宽度不大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用理想屏幕宽度和第二显示对象的宽度,确定第二适配因子。
S90413:利用第二适配因子对第二显示对象进行屏幕适配。
目标显示设备的屏幕宽度和屏幕高度可以分别记为SW、SH,第二显示对象的宽度和高度可以分别记为PW、PH,屏幕比例系数记为M。屏幕比例系数可以设定为常数,例如1.78。
在SW>PH的情况下,可以确定目标显示设备为横屏的情况。
在目标显示设备为横屏的情况下,计算目标显示设备的理想屏幕宽度。理想屏幕宽度记为SW1,根据预定适配算法,SW1=M*SH。
将理想屏幕宽度SW1和目标显示设备的屏幕宽度SW进行比较,在SW1≤SW的情况下,根据预定适配算法,scale=SW1÷PW,scale表示第二适配因子,后文相同。
相比于现有技术采用目标显示设备的宽度(SW)确定适配因子,由于会出现目标显示设备的宽高比大于屏幕比例系数而导致前述缩放失真的问题。而采用理想屏幕宽度SW1和第二显示对象的宽度PW确定第二适配因子,由于利用屏幕比例系数进行约束,可以克服上述问题。
通过上述方案,在理想屏幕宽度SW1不大于目标显示设备的屏幕宽度的情况下,表示可以直接利用理想屏幕宽度SW1确定第二适配因子。可以利用第二适配因子调整第二显示对象的大小,克服失真的问题。
在一种实施方式中,步骤S904还包括:
S90412’:在理想屏幕宽度大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度、屏幕比例系数和第二显示对象的高度确定目标显示设备的第二适配因子。
在SW1>SW的情况下,根据预定适配算法,scale=SW÷M÷PH。
首先利用目标显示设备的屏幕宽度SW和屏幕比例系数M计算得到目标显示设备的理想屏幕高度,目标显示设备的理想屏幕高度为目标显示设备的屏幕宽度SW和屏幕比例系数M的比值。
进而利用目标显示设备的理想屏幕高度(SW÷M)和第二显示对象的高度PH的比值确定第二适配因子。
通过上述方案,在理想屏幕宽度SW1大于目标显示设备的屏幕宽度的情况下,表示理想屏幕宽度SW1不适合确定第二适配因子,因此需选择目标显示设备的屏幕宽度确定第二适配因子。可以利用第二适配因子调整第二显示对象的大小,克服失真的问题。
如图11所示,步骤S904包括以下步骤:
S90421:在目标显示设备为竖屏的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度和屏幕比例系数,确定目标显示设备的理想屏幕高度。
S90422:在理想屏幕高度不大于目标显示设备的屏幕高度的情况下,根据预定适配算法,利用理想屏幕高度和第二显示对象的高度确定目标显示设备的第二适配因子。
S90423:利用第二适配因子对第二显示对象进行屏幕适配。
仍以目标显示设备的屏幕宽度和屏幕高度分别记为SW、SH为例。第二显示对象的宽度和高度可以分别记为PW、PH,屏幕比例系数记为M。屏幕比例系数可以设定为常数,例如1.78。
在SW<SH的情况下,可以确定目标显示设备为竖屏的情况。
在目标显示设备为竖屏的情况下,理想屏幕高度记为SH1,根据预定适配算法,SH1=M*SW。
将理想屏幕高度SH1和目标显示设备的屏幕高度SH进行比较,在SH1≤SH的情况下,根据预定适配算法,scale=SH1÷PH。
通过上述方案,在理想屏幕高度SH1不大于目标显示设备的屏幕高度的情况下,表示可以直接利用理想屏幕高度SH1确定第二适配因子。利用第二适配因子调整第二显示对象的大小,克服失真的问题。
在一种实施方式中,步骤S904还包括:
S90422’:在理想屏幕高度大于目标显示设备的屏幕高度的情况下,据预定适配算法,利用目标显示设备的屏幕高度、屏幕比例系数和第二显示对象的宽度确定目标显示设备的第二适配因子。
在SH1>SH的情况下,根据预定适配算法,scale=SH÷M÷PW。
通过上述步骤,首先利用目标显示设备的屏幕高度SH和屏幕比例系数M计算得到目标显示设备的理想屏幕宽度,目标显示设备的理想屏幕宽度为目标显示设备的屏幕高度SH和屏幕比例系数M的比值。
进而利用目标显示设备的理想屏幕宽度(SH÷M)和第二显示对象的宽度PW的比值确定第二适配因子。
通过上述方案,在理想屏幕高度SH1大于目标显示设备的屏幕高度的情况下,表示理想屏幕高度SH1不适合确定第二适配因子,因此需选择目标显示设备的屏幕高度确定第二适配因子。利用第二适配因子调整第二显示对象的大小,克服失真的问题。
通过上述两组方案,可以根据目标显示设备的屏幕状态(横屏、竖屏),在屏幕宽度和屏幕高度之间选择数值小的屏幕参数。利用数值小的参数和屏幕比例系数确定出理想屏幕参数。将理想屏幕参数和目标显示设备的实际屏幕参数进行比较,并根据比较结果在目标显示设备的实际屏幕参以及第二显示对象的参数中选择合适的参数进行计算,最终确定出第二适配因子。
如图12所示,本申请提供一种屏幕适配的装置,包括以下组件:
屏幕参数获取模块1201,用于获取目标显示设备的屏幕参数,屏幕参数包括屏幕宽度和屏幕高度;
设计参数获取模块1202,用于获取小程序承载容器的设计参数,设计参数包括设计宽度和设计高度;
第一调整模块1203,用于根据预定适配算法,利用屏幕参数、设计参数和预设的屏幕比例系数确定目标显示设备的第一适配因子,第一适配因子用于对目标显示设备的第一显示对象进行调整。
在一种实施方式中,第一调整模块1203,包括:
第一理想屏幕宽度确定子模块12031,用于在目标显示设备为横屏的情况下,根据预定适配算法,利用目标显示设备的屏幕高度和屏幕比例系数,确定目标显示设备的理想屏幕宽度;
第一适配因子确定子模块12032,用于在理想屏幕宽度不大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用理想屏幕宽度和设计宽度确定目标显示设备的第一适配因子。
在一种实施方式中,第一适配因子确定子模块12032,还用于:
在理想屏幕宽度大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度、屏幕比例系数和设计高度确定目标显示设备的第一适配因子。
在一种实施方式中,第一调整模块1203,包括:
第一理想屏幕高度确定模块12033,用于在目标显示设备为竖屏的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度和屏幕比例系数,确定目标显示设备的理想屏幕高度;
第一适配因子确定子模块12032,用于在理想屏幕高度不大于目标显示设备的屏幕高度的情况下,根据预定适配算法,利用理想屏幕高度和设计高度确定目标显示设备的第一适配因子。
在一种实施方式中,第一适配因子确定子模块12032,还用于:
在理想屏幕高度大于目标显示设备的屏幕高度的情况下,根据预定适配算法,利用目标显示设备的屏幕高度、屏幕比例系数和设计宽度确定目标显示设备的第一适配因子。
如图13所示,在一种实施方式中,屏幕适配的装置还包括:
屏幕密度更新模块1204,用于将第一适配因子作为目标显示设备的新的屏幕密度;
初始化参数获取模块1205,用于获取目标显示设备的初始化屏幕密度以及初始化字体缩放因子;
初始化参数调整模块1206,用于利用新的屏幕密度、初始化屏幕密度以及初始化字体缩放因子,得到目标显示设备的新的字体缩放因子和/或新的图像缩放因子;
显示参数调整模块1207,用于用新的字体缩放因子对显示设备的字体进行缩放调整,和/或用新的图像缩放因子对显示设备的图像进行缩放调整。
如图14所示,在一种实施方式中,屏幕适配的装置还包括:
网络请求获取模块1208,用于获取目标显示设备的网络请求,网络请求包括目标服务器的地址和目标显示设备的屏幕参数;
网络请求发送模块1209,用于将网络请求发送至代理服务器;
适配结果接收模块1210,用于接收代理服务器发送的进行屏幕适配后的第二显示对象。
如图15所示,本申请还提供一种屏幕适配的装置,包括:
网络请求解析模块1501,用于从接收的网络请求中获取目标服务器的地址和目标显示设备的屏幕参数,屏幕参数包括屏幕宽度和屏幕高度;
显示对象获取模块1502,用于根据目标服务器的地址,从目标服务器获取第二显示对象;
第二显示对象的参数获取模块1503,获取第二显示对象的参数,第二显示对象的参数包括第二显示对象的宽度和高度;
第二显示对象适配模块1504,用于根据预定适配算法,利用屏幕参数、第二显示对象的参数和预设的屏幕比例系数对第二显示对象进行屏幕适配。
在一种实施方式中,第二显示对象适配模块1504,包括:
第二理想屏幕宽度确定子模块15041,用于在目标显示设备为横屏的情况下,根据预定适配算法,利用目标显示设备的屏幕高度和屏幕比例系数,确定目标显示设备的理想屏幕宽度;
第二适配因子确定子模块15042,用于在理想屏幕宽度不大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用理想屏幕宽度和第二显示对象的宽度,确定第二适配因子
适配执行子模块15043,用于利用第二适配因子对第二显示对象进行屏幕适配。
在一种实施方式中,第二适配因子确定子模块15042还用于:
在理想屏幕宽度大于目标显示设备的屏幕宽度的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度、屏幕比例系数和第二显示对象的高度确定目标显示设备的第二适配因子。
在一种实施方式中,第二显示对象适配模块1504,包括:
第二理想屏幕高度确定子模块15044,用于在目标显示设备为竖屏的情况下,根据预定适配算法,利用目标显示设备的屏幕宽度和屏幕比例系数,确定目标显示设备的理想屏幕高度;
第二适配因子确定子模块15042,用于在理想屏幕高度不大于目标显示设备的屏幕高度的情况下,根据预定适配算法,利用理想屏幕高度和第二显示对象的高度确定目标显示设备的第二适配因子。
适配执行子模块15043,用于利用第二适配因子对第二显示对象进行屏幕适配。
在一种实施方式中,第二显示对象适配模块1504,还用于:
在理想屏幕高度大于目标显示设备的屏幕高度的情况下,据预定适配算法,利用目标显示设备的屏幕高度、屏幕比例系数和第二显示对象的宽度确定目标显示设备的第二适配因子。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图16所示,是根据本申请实施例的屏幕适配的方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图16所示,该电子设备包括:一个或多个处理器1610、存储器1620,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图16中以一个处理器1610为例。
存储器1620即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的屏幕适配的方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的屏幕适配的方法。
存储器1620作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的屏幕适配的方法对应的程序指令/模块(例如,附图12所示的屏幕参数获取模块1201、设计参数获取模块1202和第一调整模块1203,或者如附图15所示的网络请求解析模块1501、显示对象获取模块1502、第二显示对象的参数获取模块1503和第二显示对象适配模块1504)。处理器1610通过运行存储在存储器1620中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的屏幕适配的方法。
存储器1620可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据屏幕适配的方法的电子设备的使用所创建的数据等。此外,存储器1620可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器1620可选包括相对于处理器1610远程设置的存储器,这些远程存储器可以通过网络连接至屏幕适配的方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
屏幕适配的方法的电子设备还可以包括:输入装置1630和输出装置1640。处理器1610、存储器1620、输入装置1630和输出装置1640可以通过总线或者其他方式连接,图16中以通过总线连接为例。
输入装置1630可接收输入的数字或字符信息,以及产生与屏幕适配的方法的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1640可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。

Claims (26)

1.一种屏幕适配的方法,包括:
获取目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
获取小程序承载容器的设计参数,所述设计参数包括设计宽度和设计高度;
根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,所述第一适配因子用于对所述目标显示设备的第一显示对象进行调整。
2.根据权利要求1所述的方法,其中,所述根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,包括:
在所述目标显示设备为横屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕宽度;
在所述理想屏幕宽度不大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述理想屏幕宽度和所述设计宽度确定目标显示设备的第一适配因子。
3.根据权利要求2所述的方法,所述根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,还包括:
在所述理想屏幕宽度大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度、所述屏幕比例系数和所述设计高度确定目标显示设备的第一适配因子。
4.根据权利要求1所述的方法,其中,所述根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,包括:
在所述目标显示设备为竖屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕高度;
在所述理想屏幕高度不大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述理想屏幕高度和所述设计高度确定目标显示设备的第一适配因子。
5.根据权利要求4所述的方法,所述根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,还包括:
在所述理想屏幕高度大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度、所述屏幕比例系数和所述设计宽度确定目标显示设备的第一适配因子。
6.根据权利要求1至5任一所述的方法,还包括:
将所述第一适配因子作为所述目标显示设备的新的屏幕密度;
获取所述目标显示设备的初始化屏幕密度以及初始化字体缩放因子;
利用所述新的屏幕密度、初始化屏幕密度以及初始化字体缩放因子,得到所述目标显示设备的新的字体缩放因子和/或新的图像缩放因子;
用所述新的字体缩放因子对所述显示设备的字体进行缩放调整,和/或用所述新的图像缩放因子对所述显示设备的图像进行缩放调整。
7.根据权利要求1所述的方法,还包括:
获取目标显示设备的网络请求,所述网络请求包括目标服务器的地址和目标显示设备的屏幕参数;
将所述网络请求发送至代理服务器;
接收所述代理服务器发送的进行屏幕适配后的第二显示对象。
8.一种屏幕适配的方法,包括:
从接收的网络请求中获取目标服务器的地址和目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
根据所述目标服务器的地址,从所述目标服务器获取第二显示对象;
获取所述第二显示对象的参数,所述第二显示对象的参数包括所述第二显示对象的宽度和高度;
根据预定适配算法,利用所述屏幕参数、所述第二显示对象的参数和预设的屏幕比例系数对所述第二显示对象进行屏幕适配。
9.根据权利要求8所述的方法,其中,所述根据预定适配算法,利用所述屏幕参数、所述第二显示对象的参数和预设的屏幕比例系数对所述第二显示对象进行屏幕适配,包括:
在所述目标显示设备为横屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕宽度;
在所述理想屏幕宽度不大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述理想屏幕宽度和所述第二显示对象的宽度,确定第二适配因子;
利用所述第二适配因子对所述第二显示对象进行屏幕适配。
10.根据权利要求9所述的方法,还包括:
在所述理想屏幕宽度大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度、所述屏幕比例系数和所述第二显示对象的高度确定目标显示设备的第二适配因子。
11.根据权利要求8所述的方法,其中,所述根据预定适配算法,利用所述屏幕参数、所述第二显示对象的宽度和高度和预设的屏幕比例系数对所述第二显示对象进行屏幕适配,包括:
在所述目标显示设备为竖屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕高度;
在所述理想屏幕高度不大于所述目标显示设备的屏幕高度的情况下,根据预定适配算法,利用所述理想屏幕高度和所述第二显示对象的高度确定目标显示设备的第二适配因子;
利用所述第二适配因子对所述第二显示对象进行屏幕适配。
12.根据权利要求11所述的方法,还包括:
在所述理想屏幕高度大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度、所述屏幕比例系数和所述第二显示对象的宽度确定目标显示设备的第二适配因子。
13.一种屏幕适配的装置,包括:
屏幕参数获取模块,用于获取目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
设计参数获取模块,用于获取小程序承载容器的设计参数,所述设计参数包括设计宽度和设计高度;
第一调整模块,用于根据预定适配算法,利用所述屏幕参数、所述设计参数和预设的屏幕比例系数确定所述目标显示设备的第一适配因子,所述第一适配因子用于对所述目标显示设备的第一显示对象进行调整。
14.根据权利要求13所述的装置,其中,所述第一调整模块,包括:
第一理想屏幕宽度确定子模块,用于在所述目标显示设备为横屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕宽度;
第一适配因子确定子模块,用于在所述理想屏幕宽度不大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述理想屏幕宽度和所述设计宽度确定目标显示设备的第一适配因子。
15.根据权利要求14所述的装置,所述第一适配因子确定模块还用于:
在所述理想屏幕宽度大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度、所述屏幕比例系数和所述设计高度确定目标显示设备的第一适配因子。
16.根据权利要求13所述的装置,其中,所述第一调整模块,包括:
第一理想屏幕高度确定模块,用于在所述目标显示设备为竖屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕高度;
第一适配因子确定子模块,用于在所述理想屏幕高度不大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述理想屏幕高度和所述设计高度确定目标显示设备的第一适配因子。
17.根据权利要求16所述的装置,所述第一适配因子确定子模块,还用于:
在所述理想屏幕高度大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度、所述屏幕比例系数和所述设计宽度确定目标显示设备的第一适配因子。
18.根据权利要求13至17任一所述的装置,还包括:
屏幕密度更新模块,用于将所述第一适配因子作为所述目标显示设备的新的屏幕密度;
初始化参数获取模块,用于获取所述目标显示设备的初始化屏幕密度以及初始化字体缩放因子;
初始化参数调整模块,用于利用所述新的屏幕密度、初始化屏幕密度以及初始化字体缩放因子,得到所述目标显示设备的新的字体缩放因子和/或新的图像缩放因子;
显示参数调整模块,用于用所述新的字体缩放因子对所述显示设备的字体进行缩放调整,和/或用所述新的图像缩放因子对所述显示设备的图像进行缩放调整。
19.根据权利要求13所述的装置,还包括:
网络请求获取模块,用于获取目标显示设备的网络请求,所述网络请求包括目标服务器的地址和目标显示设备的屏幕参数;
网络请求发送模块,用于将所述网络请求发送至代理服务器;
适配结果接收模块,用于接收所述代理服务器发送的进行屏幕适配后的第二显示对象。
20.一种屏幕适配的装置,包括:
网络请求解析模块,用于从接收的网络请求中获取目标服务器的地址和目标显示设备的屏幕参数,所述屏幕参数包括屏幕宽度和屏幕高度;
显示对象获取模块,用于根据所述目标服务器的地址,从所述目标服务器获取第二显示对象;
第二显示对象的参数获取模块,用于获取所述第二显示对象的参数,所述第二显示对象的参数包括所述第二显示对象的宽度和高度;
第二显示对象适配模块,用于根据预定适配算法,利用所述屏幕参数、所述第二显示对象的参数和预设的屏幕比例系数对所述第二显示对象进行屏幕适配。
21.根据权利要求20所述的装置,其中,所述第二显示对象适配模块,包括:
第二理想屏幕宽度确定子模块,用于在所述目标显示设备为横屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕宽度;
第二适配因子确定子模块,用于在所述理想屏幕宽度不大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述理想屏幕宽度和所述第二显示对象的宽度,确定第二适配因子;
适配执行子模块,用于利用所述第二适配因子对所述第二显示对象进行屏幕适配。
22.根据权利要求21所述的装置,其中,所述第二适配因子确定子模块,还用于:
在所述理想屏幕宽度大于所述目标显示设备的屏幕宽度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度、所述屏幕比例系数和所述第二显示对象的高度确定目标显示设备的第二适配因子。
23.根据权利要求20所述的装置,其中,所述第二显示对象适配模块,包括:
第二理想屏幕高度确定子模块,用于在所述目标显示设备为竖屏的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕宽度和所述屏幕比例系数,确定所述目标显示设备的理想屏幕高度;
第二适配因子确定子模块,用于在所述理想屏幕高度不大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述理想屏幕高度和所述第二显示对象的高度确定目标显示设备的第二适配因子。
适配执行子模块,用于利用所述第二适配因子对所述第二显示对象进行屏幕适配。
24.根据权利要求23所述的装置,所述第二适配因子确定子模块,还用于:
在所述理想屏幕高度大于所述目标显示设备的屏幕高度的情况下,根据所述预定适配算法,利用所述目标显示设备的屏幕高度、所述屏幕比例系数和所述第二显示对象的宽度确定目标显示设备的第二适配因子。
25.一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1至12中任一项所述的方法。
26.一种存储有计算机指令的非瞬时计算机可读存储介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1至12中任一项所述的方法。
CN202010520176.5A 2020-06-09 2020-06-09 一种屏幕适配的方法、装置、电子设备及存储介质 Active CN111694530B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010520176.5A CN111694530B (zh) 2020-06-09 2020-06-09 一种屏幕适配的方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010520176.5A CN111694530B (zh) 2020-06-09 2020-06-09 一种屏幕适配的方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN111694530A true CN111694530A (zh) 2020-09-22
CN111694530B CN111694530B (zh) 2023-05-23

Family

ID=72479982

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010520176.5A Active CN111694530B (zh) 2020-06-09 2020-06-09 一种屏幕适配的方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN111694530B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113613043A (zh) * 2021-07-30 2021-11-05 北京百度网讯科技有限公司 屏幕显示和图像处理方法以及嵌入式设备和云服务器
CN113703630A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置
CN115166186A (zh) * 2022-08-08 2022-10-11 广东长天思源环保科技股份有限公司 一种污水处理企业入水口水质在线自动监测系统

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105468382A (zh) * 2016-02-01 2016-04-06 浙江慧脑信息科技有限公司 一种自适应布局的编程方法
US20160349970A1 (en) * 2015-06-01 2016-12-01 Apple Inc. Zoom enhancements to facilitate the use of touch screen devices
CN107168712A (zh) * 2017-05-19 2017-09-15 广东欧珀移动通信有限公司 界面绘制方法、移动终端及计算机可读存储介质
WO2018040577A1 (zh) * 2016-08-29 2018-03-08 武汉斗鱼网络科技有限公司 图像采集过程中实现自适应屏幕旋转的方法及系统
WO2018054375A1 (zh) * 2016-09-26 2018-03-29 腾讯科技(深圳)有限公司 直播信息的处理方法、装置及存储介质
CN108279953A (zh) * 2016-12-30 2018-07-13 乐视汽车(北京)有限公司 投屏方法及投屏装置
CN108363604A (zh) * 2018-02-06 2018-08-03 四川虹美智能科技有限公司 一种分辨率适配方法、装置及业务系统
CN108628656A (zh) * 2018-05-09 2018-10-09 平安普惠企业管理有限公司 Ios设备上界面适配方法、装置、计算机设备及存储介质
WO2019052329A1 (zh) * 2017-09-12 2019-03-21 Oppo广东移动通信有限公司 人脸识别方法及相关产品
CN109634695A (zh) * 2017-10-09 2019-04-16 武汉斗鱼网络科技有限公司 一种sdk界面自动适配软件横竖屏的方法及装置
US20200117331A1 (en) * 2017-04-24 2020-04-16 Huawei Technologies Co., Ltd. Image Sharing Method and Electronic Device
CN111190672A (zh) * 2019-12-20 2020-05-22 深圳市优必选科技股份有限公司 电子设备的ui界面适配方法、电子设备和存储介质

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160349970A1 (en) * 2015-06-01 2016-12-01 Apple Inc. Zoom enhancements to facilitate the use of touch screen devices
CN105468382A (zh) * 2016-02-01 2016-04-06 浙江慧脑信息科技有限公司 一种自适应布局的编程方法
WO2018040577A1 (zh) * 2016-08-29 2018-03-08 武汉斗鱼网络科技有限公司 图像采集过程中实现自适应屏幕旋转的方法及系统
WO2018054375A1 (zh) * 2016-09-26 2018-03-29 腾讯科技(深圳)有限公司 直播信息的处理方法、装置及存储介质
CN108279953A (zh) * 2016-12-30 2018-07-13 乐视汽车(北京)有限公司 投屏方法及投屏装置
US20200117331A1 (en) * 2017-04-24 2020-04-16 Huawei Technologies Co., Ltd. Image Sharing Method and Electronic Device
CN107168712A (zh) * 2017-05-19 2017-09-15 广东欧珀移动通信有限公司 界面绘制方法、移动终端及计算机可读存储介质
WO2019052329A1 (zh) * 2017-09-12 2019-03-21 Oppo广东移动通信有限公司 人脸识别方法及相关产品
CN109634695A (zh) * 2017-10-09 2019-04-16 武汉斗鱼网络科技有限公司 一种sdk界面自动适配软件横竖屏的方法及装置
CN108363604A (zh) * 2018-02-06 2018-08-03 四川虹美智能科技有限公司 一种分辨率适配方法、装置及业务系统
CN108628656A (zh) * 2018-05-09 2018-10-09 平安普惠企业管理有限公司 Ios设备上界面适配方法、装置、计算机设备及存储介质
CN111190672A (zh) * 2019-12-20 2020-05-22 深圳市优必选科技股份有限公司 电子设备的ui界面适配方法、电子设备和存储介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113613043A (zh) * 2021-07-30 2021-11-05 北京百度网讯科技有限公司 屏幕显示和图像处理方法以及嵌入式设备和云服务器
CN113703630A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置
CN115166186A (zh) * 2022-08-08 2022-10-11 广东长天思源环保科技股份有限公司 一种污水处理企业入水口水质在线自动监测系统

Also Published As

Publication number Publication date
CN111694530B (zh) 2023-05-23

Similar Documents

Publication Publication Date Title
US11144711B2 (en) Webpage rendering method, device, electronic apparatus and storage medium
CN111694530B (zh) 一种屏幕适配的方法、装置、电子设备及存储介质
US9613462B2 (en) Contextual local image recognition dataset
US8131817B2 (en) Method and system for generating a graphical display for a remote terminal session
CN111524166B (zh) 视频帧的处理方法和装置
US20220171639A1 (en) Individual application window streaming suitable for remote desktop applications
KR20050084673A (ko) 이미지 프로세싱 시스템 및 방법
CN112015468A (zh) 一种接口文档处理方法、装置、电子设备以及存储介质
US11436764B2 (en) Dynamic generation and delivery of scalable graphic images in web applications
CN111767490A (zh) 用于展示图像的方法、装置、设备以及存储介质
US20140184603A1 (en) Method to improve usability of high pixel density displays
US10445047B2 (en) Automatic real-time configuration of a multi-head display system
CN113613043A (zh) 屏幕显示和图像处理方法以及嵌入式设备和云服务器
CN115643468A (zh) 海报生成方法、装置、电子设备及存储介质
CN111597476B (zh) 图像处理方法及装置
CN111510376B (zh) 图像处理方法、装置及电子设备
CN113873318A (zh) 视频播放方法、装置、设备和存储介质
CN111882483A (zh) 视频渲染方法及装置
KR20210131221A (ko) 이미지를 처리하는 방법, 장치, 전자 기기, 저장 매체 및 프로그램
CN113630606B (zh) 视频水印处理方法、装置、电子设备及存储介质
US20240087169A1 (en) Realtime conversion of macroblocks to signed distance fields to improve text clarity in video streaming
US9967316B2 (en) Accessing media item referenced in application
US20160232644A1 (en) Difference image compression
CN113655977A (zh) 一种素材展示方法、装置、电子设备及存储介质
CN117668352A (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
TA01 Transfer of patent application right

Effective date of registration: 20211015

Address after: 100176 Room 101, 1st floor, building 1, yard 7, Ruihe West 2nd Road, economic and Technological Development Zone, Daxing District, Beijing

Applicant after: Apollo Zhilian (Beijing) Technology Co.,Ltd.

Address before: 2 / F, baidu building, 10 Shangdi 10th Street, Haidian District, Beijing 100085

Applicant before: BEIJING BAIDU NETCOM SCIENCE AND TECHNOLOGY Co.,Ltd.

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant