CN112181568A - 局部适配屏幕方法和设备 - Google Patents

局部适配屏幕方法和设备 Download PDF

Info

Publication number
CN112181568A
CN112181568A CN202011031901.9A CN202011031901A CN112181568A CN 112181568 A CN112181568 A CN 112181568A CN 202011031901 A CN202011031901 A CN 202011031901A CN 112181568 A CN112181568 A CN 112181568A
Authority
CN
China
Prior art keywords
view
width
height
standard
screen
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
Application number
CN202011031901.9A
Other languages
English (en)
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.)
Shanghai Lianshang Network Technology Co Ltd
Original Assignee
Shanghai Lianshang Network 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 Shanghai Lianshang Network Technology Co Ltd filed Critical Shanghai Lianshang Network Technology Co Ltd
Priority to CN202011031901.9A priority Critical patent/CN112181568A/zh
Publication of CN112181568A publication Critical patent/CN112181568A/zh
Priority to PCT/CN2021/119825 priority patent/WO2022063158A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/31Programming languages or programming paradigms
    • G06F8/315Object-oriented languages
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computing Systems (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了局部适配屏幕方法和设备。该方法的一具体实施方式包括:响应于应用启动,获取当前屏幕的原始宽高像素;若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例;获取应用的待显示页面上的待适配视图的原始宽高像素;基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素;将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。提供了一种灵活性高、稳定性高的屏幕适配方案,解决在不同屏幕密度终端上展示的应用页面的风格的统一。

Description

局部适配屏幕方法和设备
技术领域
本申请实施例涉及计算机技术领域,具体涉及局部适配屏幕方法和设备。
背景技术
目前,常见的终端屏幕的宽高像素差异很大,而应用的页面的像素却是固定的,无法直接适配各种宽高像素的终端屏幕。若在不适配的终端屏幕上直接显示应用的页面,就会使页面变形。
现在比较主流的屏幕适配方案包括以下两种:其一,生成相对于不同屏幕的多套资源文件,再配合最小宽度限定来选择资源文件进行适配;其二,修改系统的密度来进行全局的比例的适配。
发明内容
本申请实施例提出了局部适配屏幕方法和设备。
第一方面,本申请实施例提供了一种局部适配屏幕方法,包括:响应于应用启动,获取当前屏幕的原始宽高像素;若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例;获取应用的待显示页面上的待适配视图的原始宽高像素;基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素;将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。
在一些实施例中,基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,包括:调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换。
在一些实施例中,调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换,包括:若待适配视图由子视图集组成,遍历待适配视图的子视图集,以及调用重置比例视图函数对待适配视图的子视图集进行递归变换。
在一些实施例中,调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换,还包括:获取待适配视图的布局参数;若基于待适配视图的布局参数确定待适配视图是文字视图,获取待适配视图的原始文字大小;计算当前屏幕的标准宽高像素比例与待适配视图的原始文字大小的乘积,得到待适配视图的标准文字大小。
在一些实施例中,调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换,还包括:若基于待适配视图的布局参数确定待适配视图的宽度大于0,计算当前屏幕的标准宽高像素比例与待适配视图的原始宽度像素的乘积,得到待适配视图的标准宽度像素;若基于待适配视图的布局参数确定待适配视图的高度大于0,计算当前屏幕的标准宽高像素比例与待适配视图的原始高度像素的乘积,得到待适配视图的标准高度像素。
在一些实施例中,调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换,还包括:基于待适配视图的布局参数对待适配视图的外边距大小进行适当缩放;基于待适配视图的布局参数对待适配视图的核心进行变换;基于待适配视图的布局参数对待适配视图的填充进行适当缩放。
在一些实施例中,基于待适配视图的布局参数对待适配视图的核心进行变换,包括:若待适配视图的大小与当前屏幕的标准宽高像素比例的乘积在预设数值区间内,将乘积从浮点型转换为整数型。
在一些实施例中,基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,包括:利用重置比例视图函数对待显示页面的所有视图进行局部动态变换。
在一些实施例中,该方法还包括:若当前屏幕的原始宽高像素比例是标准屏幕的宽高像素比例,对待显示页面进行渲染显示。
第二方面,本申请实施例提供了一种局部适配屏幕装置,包括:第一获取单元,被配置成响应于应用启动,获取当前屏幕的原始宽高像素;运算单元,被配置成若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例;第二获取单元,被配置成获取应用的待显示页面上的待适配视图的原始宽高像素;变换单元,被配置成基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素;第一渲染单元,被配置成将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。
在一些实施例中,变换单元包括:第一变换子单元,被配置成调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换。
在一些实施例中,第一变换子单元进一步被配置成:若待适配视图由子视图集组成,遍历待适配视图的子视图集,以及调用重置比例视图函数对待适配视图的子视图集进行递归变换。
在一些实施例中,第一变换子单元进一步被配置成:获取待适配视图的布局参数;若基于待适配视图的布局参数确定待适配视图是文字视图,获取待适配视图的原始文字大小;计算当前屏幕的标准宽高像素比例与待适配视图的原始文字大小的乘积,得到待适配视图的标准文字大小。
在一些实施例中,第一变换子单元进一步被配置成:若基于待适配视图的布局参数确定待适配视图的宽度大于0,计算当前屏幕的标准宽高像素比例与待适配视图的原始宽度像素的乘积,得到待适配视图的标准宽度像素;若基于待适配视图的布局参数确定待适配视图的高度大于0,计算当前屏幕的标准宽高像素比例与待适配视图的原始高度像素的乘积,得到待适配视图的标准高度像素。
在一些实施例中,第一变换子单元进一步被配置成:基于待适配视图的布局参数对待适配视图的外边距大小进行适当缩放;基于待适配视图的布局参数对待适配视图的核心进行变换;基于待适配视图的布局参数对待适配视图的填充进行适当缩放。
在一些实施例中,第一变换子单元进一步被配置成:若待适配视图的大小与当前屏幕的标准宽高像素比例的乘积在预设数值区间内,将乘积从浮点型转换为整数型。
在一些实施例中,变换单元包括:第二变换子单元,被配置成利用重置比例视图函数对待显示页面的所有视图进行局部动态变换。
在一些实施例中,该装置还包括:第二渲染单元,被配置成若当前屏幕的原始宽高像素比例是标准屏幕的宽高像素比例,对待显示页面进行渲染显示。
第三方面,本申请实施例提供了一种计算机设备,该计算机设备包括:一个或多个处理器;存储装置,其上存储有一个或多个程序;当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面,本申请实施例提供了一种计算机可读介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
本申请实施例提供的局部适配屏幕方法和设备,在应用启动时,若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例;之后获取应用的待显示页面上的待适配视图的原始宽高像素;然后基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素;最后将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。提供了一种灵活性高、稳定性高的屏幕适配方案,解决在不同屏幕密度终端上展示的应用页面的风格的统一。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1是本申请一些实施例可以应用于其中的示例性系统架构;
图2是根据本申请的局部适配屏幕方法的一个实施例的流程图;
图3是根据本申请的局部适配屏幕方法的又一个实施例的流程图;
图4是根据本申请的局部适配屏幕方法的另一个个实施例的流程图;
图5是适于用来实现本申请实施例的计算机设备的计算机系统的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的局部适配屏幕方法的实施例的示例性系统架构100。
如图1所示,系统架构100中可以包括设备101、102和网络103。网络103用以在设备101和设备102之间提供通信链路的介质。网络103可以包括各种连接类型,例如有线、无线目标通信链路或者光纤电缆等等。
设备101、102可以是支持网络连接从而提供各种网络服务的硬件设备或软件。当设备为硬件时,其可以是各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机、台式计算机和服务器等等。这时,作为硬件设备,其可以实现成多个设备组成的分布式设备群,也可以实现成单个设备。当设备为软件时,可以安装在上述所列举的电子设备中。这时,作为软件,其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
在实践中,设备可以通过安装相应的客户端应用或服务端应用来提供相应的网络服务。设备在安装了客户端应用之后,其可以在网络通信中体现为客户端。相应地,在安装了服务端应用之后,其可以在网络通信中体现为服务端。
作为示例,在图1中,设备101体现为客户端,而设备102体现为服务端。具体地,设备101可以是安装有安卓应用的客户端,设备102可以是安卓应用的服务端。
需要说明的是,本申请实施例所提供的局部适配屏幕方法可以由设备101执行。
应该理解,图1中的网络和设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的网络和设备。
继续参考图2,其示出了根据本申请的局部适配屏幕方法的一个实施例的流程200。该局部适配屏幕方法包括以下步骤:
步骤201,响应于应用启动,获取当前屏幕的原始宽高像素。
在本实施例中,终端上安装有各种应用,当用户启动应用时,终端可以获取当前屏幕的原始宽高像素,并保存至内存。
其中,应用可以是终端上安装的任何应用。终端的屏幕的像素可以因不同品牌、不同型号而不同。通常,分辨率高的终端的屏幕的像素高。像素通常以宽度像素×高度像素的方式来表示。常见的像素如1920×1080、1280×720、1280×800、1024×768等等。
步骤202,若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例。
在本实施例中,终端可以计算当前屏幕的原始宽高像素比例,并与标准屏幕的宽高像素比例进行比较。若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,终端可以对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例。
其中,标准屏幕的像素可以是应用的UI设计的原型图的像素。例如,若原型图的宽高像素为1920×1080,那么标准屏幕的宽高像素,那么标准屏幕的宽高像素就是1920×1080。此时,标准屏幕的宽高像素比例就是1920/1080。若当前屏幕的原始宽高像素是1024×768,那么当前屏幕的原始宽高像素比例就是1024/768。由于1024/768不等于1920/1080,那么当前屏幕就不是标准屏幕。此时,将当前屏幕的原始宽度像素除以标准屏幕的宽度像素,即1024/1920为当前屏幕的标准宽度像素比例,同时,将当前屏幕的原始高度像素除以标准屏幕的高度像素,即768/1080为当前屏幕的标准高度像素比例。
在一些实施例中,若当前屏幕的原始宽高像素比例是标准屏幕的宽高像素比例,终端可以直接对待显示页面进行渲染显示,即可展现出与标准屏幕相同比例的页面。
步骤203,获取应用的待显示页面上的待适配视图的原始宽高像素。
在本实施例中,终端可以获取应用的待显示页面上的待适配视图的原始宽高像素。
其中,待显示页面可以是应用运行过程中需要显示的页面。例如,当用户点击应用的图标时,待显示页面就是应用的主页面。待适配试图(view)可以待显示页面与标准屏幕的宽高像素比例不适配的视图,如不进行适配而子当前屏幕上显示,会导致当前屏幕上部分显示出现变形。待适配试图可以是系统的所有视图,不局限于自定义视图。待适配试图是需要适配的单位,可以是待显示页面上的控件,也可以是整个页面。
步骤204,基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素。
在本实施例中,终端可以基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素。其中,比例变换可以是将待适配视图的标准宽度像素乘以当前屏幕的标准宽度像素比例,同时将待适配视图的标准高度像素乘以当前屏幕的标准高度像素比例比例变换得到的标准宽高像素可以适配当前屏幕,和标准屏幕展现一样的比例,使得页面不变形。
步骤205,将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。
在本实施例中,终端可以将待适配视图的标准宽高像素设置到待显示页面中,替换待适配试图的宽高像素。随后,对待显示页面进行渲染显示,即可展现出与标准屏幕相同比例的页面。
本申请实施例提供的局部适配屏幕方法,在应用启动时,若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例;之后获取应用的待显示页面上的待适配视图的原始宽高像素;然后基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素;最后将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。提供了一种灵活性高、稳定性高的屏幕适配方案,解决在不同屏幕密度终端上展示的应用页面的风格的统一。
继续参考图3,其示出了是根据本申请的局部适配屏幕方法的又一个实施例的流程300。该局部适配屏幕方法包括以下步骤:
步骤301,响应于应用启动,获取当前屏幕的原始宽高像素。
步骤302,若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例。
步骤303,获取应用的待显示页面上的待适配视图的原始宽高像素。
在本实施例中,步骤301-303具体操作已在图2所示的实施例中步骤201-203进行了详细的介绍,在此不再赘述。
步骤304,调用重置比例视图函数对待适配视图以及待适配视图的子视图集进行局部动态变换,得到待适配视图的标准宽高像素。
在本实施例中,终端可以调用重置比例视图函数resetViewWithScale(view)对待适配视图以及待适配视图的子视图集进行局部动态变换,得到待适配视图的标准宽高像素。仅对待适配视图以及待适配视图的子视图集进行局部动态变换,不影响待显示页面上的其他视图的宽高像素。
可替代的,终端也可以利用重置比例视图函数对待显示页面的所有视图进行局部动态变换。
步骤305,将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。
在本实施例中,步骤305具体操作已在图2所示的实施例中步骤205进行了详细的介绍,在此不再赘述。
从图3中可以看出,与图2对应的实施例相比,本实施例中的局部适配屏幕方法的流程300突出了局部动态变换步骤。由此,本实施例描述的方案仅对待适配视图以及待适配视图的子视图集进行局部动态变换,不影响待显示页面上的其他视图的宽高像素。提供了一种影响范围小、代码改动小、对原代码入侵性小的屏幕适配方案。
进一步参考图4,其示出了是根据本申请的局部适配屏幕方法的另一个实施例的流程400。该局部适配屏幕方法包括以下步骤:
步骤401,响应于应用启动,获取当前屏幕的原始宽高像素。
步骤402,若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例。
步骤403,获取应用的待显示页面上的待适配视图的原始宽高像素。
在本实施例中,步骤401-403具体操作已在图3所示的实施例中步骤301-303进行了详细的介绍,在此不再赘述。
步骤404,若待适配视图由子视图集组成,遍历待适配视图的子视图集,以及调用重置比例视图函数对待适配视图的子视图集进行递归变换。
在本实施例中,若待适配视图由子视图集组成,终端可以遍历待适配视图的子视图集,以及调用重置比例视图函数对待适配视图的子视图集进行递归变换。其中,每个子视图均调用重置比例视图函数进行变换。
步骤405,获取待适配视图的布局参数。
在本实施例中,终端可以获取适配视图的布局参数。其中,布局参数可以包括但不限于待适配视图的类型、宽高属性、文字大小、外边距大小、核心、填充等等。待适配视图的类型可以包括但不限于文字、图像等等。
步骤406,若基于待适配视图的布局参数确定待适配视图是文字视图,获取待适配视图的原始文字大小。
在本实施例中,终端可以从待适配视图的布局参数中提取待适配视图的类型。若待适配视图是文字视图,终端可以获取待适配视图的原始文字大小。
步骤407,计算当前屏幕的标准宽高像素比例与待适配视图的原始文字大小的乘积,得到待适配视图的标准文字大小。
在本实施例中,终端可以基于当前屏幕的标准宽高像素比例对待适配视图的原始文字大小进行比例变换,得到待适配视图的标准文字大小。具体的,终端可以计算当前屏幕的标准宽高像素比例与待适配视图的原始文字大小的乘积,得到待适配视图的标准文字大小。
步骤408,若基于待适配视图的布局参数确定待适配视图的宽度大于0,计算当前屏幕的标准宽高像素比例与待适配视图的原始宽度像素的乘积,得到待适配视图的标准宽度像素。
在本实施例中,终端可以从待适配视图的布局参数中提取待适配视图的宽度。若待适配视图的宽度大于0,终端可以基于当前屏幕的标准宽高像素比例对待适配视图的原始宽度像素进行比例变换,得到待适配视图的标准宽度像素。具体的,终端可以计算当前屏幕的标准宽高像素比例与待适配视图的原始宽度像素的乘积,得到待适配视图的标准宽度像素。
步骤409,若基于待适配视图的布局参数确定待适配视图的高度大于0,计算当前屏幕的标准宽高像素比例与待适配视图的原始高度像素的乘积,得到待适配视图的标准高度像素。
在本实施例中,终端可以从待适配视图的布局参数中提取待适配视图的高度。若待适配视图的高度大于0,终端可以基于当前屏幕的标准宽高像素比例对待适配视图的原始高度像素进行比例变换,得到待适配视图的标准高度像素。具体的,终端可以计算当前屏幕的标准宽高像素比例与待适配视图的原始高度像素的乘积,得到待适配视图的标准高度像素。
步骤410,基于待适配视图的布局参数对待适配视图的外边距大小进行适当缩放。
在本实施例中,终端可以从待适配视图的布局参数中提取待适配视图的外边距大小,并对待适配视图的外边距大小进行适当缩放。
步骤411,基于待适配视图的布局参数对待适配视图的核心进行变换。
在本实施例中,终端可以从待适配视图的布局参数中提取待适配视图的核心,并对待适配视图的核心进行变换。例如,若待适配视图的大小与当前屏幕的标准宽高像素比例的乘积在预设数值区间内,终端可以将乘积从浮点型转换为整数型。
步骤412,基于待适配视图的布局参数对待适配视图的填充进行适当缩放。
在本实施例中,终端可以从待适配视图的布局参数中提取待适配视图的填充,并对待适配视图的填充进行适当缩放。
步骤413,将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。
在本实施例中,步骤413具体操作已在图3所示的实施例中步骤305进行了详细的介绍,在此不再赘述。
从图4中可以看出,与图3对应的实施例相比,本实施例中的局部适配屏幕方法的流程400突出了局部动态变换步骤。由此,本实施例描述的方案针对视图的不同布局参数,对视图进行相应的变换,从而提供了一种适应范围广的屏幕适配方案。
为了便于理解,下面提供可以实现本申请实施例的局部适配屏幕方法的部分代码,具体如下:
Figure BDA0002703986250000111
Figure BDA0002703986250000121
Figure BDA0002703986250000131
Figure BDA0002703986250000141
Figure BDA0002703986250000151
下面参考图5,其示出了适于用来实现本申请实施例的计算机设备的计算机系统500的结构示意图。图5示出的计算机设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图5所示,计算机系统500包括中央处理单元(CPU)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505:包括键盘、鼠标等的输入部分506;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507;包括硬盘等的存储部分508;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器510上,以便于从其上读出的计算机程序根据需要被安装入存储部分508。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分509从网络上被下载和安装,和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时,执行本申请的方法中限定的上述功能。
需要说明的是,本申请的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码,程序设计语言包括面向目标的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或电子设备上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括第一获取单元、运算单元、第二获取单元、变换单元和第一渲染单元。其中,这些单元的名称在种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“响应于应用启动,获取当前屏幕的原始宽高像素的单元”。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的计算机设备中所包含的;也可以是单独存在,而未装配入该计算机设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该计算机设备执行时,使得该计算机设备:响应于应用启动,获取当前屏幕的原始宽高像素;若当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对当前屏幕的原始宽高像素和标准屏幕的宽高像素进行比例运算,生成当前屏幕的标准宽高像素比例;获取应用的待显示页面上的待适配视图的原始宽高像素;基于当前屏幕的标准宽高像素比例对待适配视图进行比例变换,得到待适配视图的标准宽高像素;将待适配视图的标准宽高像素设置到待显示页面中,以及对待显示页面进行渲染显示。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (11)

1.一种局部适配屏幕方法,包括:
响应于应用启动,获取当前屏幕的原始宽高像素;
若所述当前屏幕的原始宽高像素比例不是标准屏幕的宽高像素比例,对所述当前屏幕的原始宽高像素和所述标准屏幕的宽高像素进行比例运算,生成所述当前屏幕的标准宽高像素比例;
获取所述应用的待显示页面上的待适配视图的原始宽高像素;
基于所述当前屏幕的标准宽高像素比例对所述待适配视图进行比例变换,得到所述待适配视图的标准宽高像素;
将所述待适配视图的标准宽高像素设置到所述待显示页面中,以及对所述待显示页面进行渲染显示。
2.根据权利要求1所述的方法,其中,所述基于所述当前屏幕的标准宽高像素比例对所述待适配视图进行比例变换,包括:
调用重置比例视图函数对所述待适配视图以及所述待适配视图的子视图集进行局部动态变换。
3.根据权利要求2所述的方法,其中,所述调用重置比例视图函数对所述待适配视图以及所述待适配视图的子视图集进行局部动态变换,包括:
若所述待适配视图由子视图集组成,遍历所述待适配视图的子视图集,以及调用重置比例视图函数对所述待适配视图的子视图集进行递归变换。
4.根据权利要求3所述的方法,其中,所述调用重置比例视图函数对所述待适配视图以及所述待适配视图的子视图集进行局部动态变换,还包括:
获取所述待适配视图的布局参数;
若基于所述待适配视图的布局参数确定所述待适配视图是文字视图,获取所述待适配视图的原始文字大小;
计算所述当前屏幕的标准宽高像素比例与所述待适配视图的原始文字大小的乘积,得到所述待适配视图的标准文字大小。
5.根据权利要求4所述的方法,其中,所述调用重置比例视图函数对所述待适配视图以及所述待适配视图的子视图集进行局部动态变换,还包括:
若基于所述待适配视图的布局参数确定所述待适配视图的宽度大于0,计算所述当前屏幕的标准宽高像素比例与所述待适配视图的原始宽度像素的乘积,得到所述待适配视图的标准宽度像素;
若基于所述待适配视图的布局参数确定所述待适配视图的高度大于0,计算所述当前屏幕的标准宽高像素比例与所述待适配视图的原始高度像素的乘积,得到所述待适配视图的标准高度像素。
6.根据权利要求5所述的方法,其中,所述调用重置比例视图函数对所述待适配视图以及所述待适配视图的子视图集进行局部动态变换,还包括:
基于所述待适配视图的布局参数对所述待适配视图的外边距大小进行适当缩放;
基于所述待适配视图的布局参数对所述待适配视图的核心进行变换;
基于所述待适配视图的布局参数对所述待适配视图的填充进行适当缩放。
7.根据权利要求6所述的方法,其中,所述基于所述待适配视图的布局参数对所述待适配视图的核心进行变换,包括:
若所述待适配视图的大小与所述当前屏幕的标准宽高像素比例的乘积在预设数值区间内,将所述乘积从浮点型转换为整数型。
8.根据权利要求1所述的方法,其中,所述基于所述当前屏幕的标准宽高像素比例对所述待适配视图进行比例变换,包括:
利用重置比例视图函数对所述待显示页面的所有视图进行局部动态变换。
9.根据权利要求1-7之一所述的方法,其中,所述方法还包括:
若所述当前屏幕的原始宽高像素比例是标准屏幕的宽高像素比例,对所述待显示页面进行渲染显示。
10.一种计算机设备,包括:
一个或多个处理器;
存储装置,其上存储一个或多个程序;
当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如权利要求1-9中任一的方法。
11.一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现如权利要求1-9中任一的方法。
CN202011031901.9A 2020-09-27 2020-09-27 局部适配屏幕方法和设备 Pending CN112181568A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202011031901.9A CN112181568A (zh) 2020-09-27 2020-09-27 局部适配屏幕方法和设备
PCT/CN2021/119825 WO2022063158A1 (zh) 2020-09-27 2021-09-23 局部适配屏幕方法和设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011031901.9A CN112181568A (zh) 2020-09-27 2020-09-27 局部适配屏幕方法和设备

Publications (1)

Publication Number Publication Date
CN112181568A true CN112181568A (zh) 2021-01-05

Family

ID=73944117

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011031901.9A Pending CN112181568A (zh) 2020-09-27 2020-09-27 局部适配屏幕方法和设备

Country Status (2)

Country Link
CN (1) CN112181568A (zh)
WO (1) WO2022063158A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113535645A (zh) * 2021-03-11 2021-10-22 北京字跳网络技术有限公司 共享文档的展示方法、装置、电子设备及存储介质
CN113626126A (zh) * 2021-08-18 2021-11-09 平安普惠企业管理有限公司 应用程序启动页适配方法、装置、设备及介质
WO2022063158A1 (zh) * 2020-09-27 2022-03-31 上海连尚网络科技有限公司 局部适配屏幕方法和设备
CN114281458A (zh) * 2021-12-22 2022-04-05 珠海豹趣科技有限公司 一种程序界面的局部缩放方法及装置
CN114595022A (zh) * 2022-03-23 2022-06-07 平安普惠企业管理有限公司 图片动态适配移动端屏幕方法、装置、设备及存储介质

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030222889A1 (en) * 2002-03-26 2003-12-04 Kenneth Parulski Portable imaging display device employing an aspect ratio dependent user interface control window
US20040179213A1 (en) * 2003-03-11 2004-09-16 Tadashi Oba Computer supported plate making method
US6825860B1 (en) * 2000-09-29 2004-11-30 Rockwell Automation Technologies, Inc. Autoscaling/autosizing user interface window
US20060263758A1 (en) * 2005-05-06 2006-11-23 Crutchfield Corporation System and method of image display simulation
CN102314502A (zh) * 2011-09-01 2012-01-11 百度在线网络技术(北京)有限公司 一种用于在移动终端上显示网页主体内容的方法和设备
US20120099124A1 (en) * 2010-10-25 2012-04-26 Kyocera Mita Corporation Methods and Systems for Identifying and Changing Resolutions to Cause an Aspect Ratio of a Printed Image to Match an Aspect Ratio of Image Data
CN102662616A (zh) * 2012-03-28 2012-09-12 北京邮电大学 用于移动终端的屏幕图形自适应方法及系统
CN106406794A (zh) * 2016-09-14 2017-02-15 乐视控股(北京)有限公司 一种屏幕适配方法及其装置
CN108172200A (zh) * 2018-01-25 2018-06-15 腾讯科技(深圳)有限公司 一种应用中文本显示的方法及终端设备
CN109783181A (zh) * 2019-01-31 2019-05-21 掌阅科技股份有限公司 屏幕适配显示方法、电子设备及计算机存储介质
CN110865812A (zh) * 2019-10-24 2020-03-06 腾讯科技(深圳)有限公司 一种用户界面识别方法和装置
CN111190672A (zh) * 2019-12-20 2020-05-22 深圳市优必选科技股份有限公司 电子设备的ui界面适配方法、电子设备和存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110167403A1 (en) * 2009-12-04 2011-07-07 Jason Townes French Methods for platform-agnostic definitions and implementations of applications
CN102890632A (zh) * 2012-09-18 2013-01-23 深圳市融创天下科技股份有限公司 一种屏幕自适应方法、系统和终端设备
CN106484424A (zh) * 2016-10-18 2017-03-08 武汉斗鱼网络科技有限公司 一种获得与屏幕适配的控件的方法和系统
CN110083415A (zh) * 2019-03-25 2019-08-02 厦门网宿有限公司 设备屏幕适配方法、终端设备、及存储介质
CN110738598A (zh) * 2019-08-28 2020-01-31 咪咕文化科技有限公司 图像适配方法、电子设备及存储介质
CN112181568A (zh) * 2020-09-27 2021-01-05 上海连尚网络科技有限公司 局部适配屏幕方法和设备

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6825860B1 (en) * 2000-09-29 2004-11-30 Rockwell Automation Technologies, Inc. Autoscaling/autosizing user interface window
US20030222889A1 (en) * 2002-03-26 2003-12-04 Kenneth Parulski Portable imaging display device employing an aspect ratio dependent user interface control window
US20040179213A1 (en) * 2003-03-11 2004-09-16 Tadashi Oba Computer supported plate making method
US20060263758A1 (en) * 2005-05-06 2006-11-23 Crutchfield Corporation System and method of image display simulation
US20120099124A1 (en) * 2010-10-25 2012-04-26 Kyocera Mita Corporation Methods and Systems for Identifying and Changing Resolutions to Cause an Aspect Ratio of a Printed Image to Match an Aspect Ratio of Image Data
CN102314502A (zh) * 2011-09-01 2012-01-11 百度在线网络技术(北京)有限公司 一种用于在移动终端上显示网页主体内容的方法和设备
CN102662616A (zh) * 2012-03-28 2012-09-12 北京邮电大学 用于移动终端的屏幕图形自适应方法及系统
CN106406794A (zh) * 2016-09-14 2017-02-15 乐视控股(北京)有限公司 一种屏幕适配方法及其装置
CN108172200A (zh) * 2018-01-25 2018-06-15 腾讯科技(深圳)有限公司 一种应用中文本显示的方法及终端设备
CN109783181A (zh) * 2019-01-31 2019-05-21 掌阅科技股份有限公司 屏幕适配显示方法、电子设备及计算机存储介质
CN110865812A (zh) * 2019-10-24 2020-03-06 腾讯科技(深圳)有限公司 一种用户界面识别方法和装置
CN111190672A (zh) * 2019-12-20 2020-05-22 深圳市优必选科技股份有限公司 电子设备的ui界面适配方法、电子设备和存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
张金等: "文档图像屏幕适配方法中的行切问题研究", 《计算机应用与软件》 *

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022063158A1 (zh) * 2020-09-27 2022-03-31 上海连尚网络科技有限公司 局部适配屏幕方法和设备
CN113535645A (zh) * 2021-03-11 2021-10-22 北京字跳网络技术有限公司 共享文档的展示方法、装置、电子设备及存储介质
CN113535645B (zh) * 2021-03-11 2023-08-18 北京字跳网络技术有限公司 共享文档的展示方法、装置、电子设备及存储介质
CN113626126A (zh) * 2021-08-18 2021-11-09 平安普惠企业管理有限公司 应用程序启动页适配方法、装置、设备及介质
CN114281458A (zh) * 2021-12-22 2022-04-05 珠海豹趣科技有限公司 一种程序界面的局部缩放方法及装置
CN114595022A (zh) * 2022-03-23 2022-06-07 平安普惠企业管理有限公司 图片动态适配移动端屏幕方法、装置、设备及存储介质

Also Published As

Publication number Publication date
WO2022063158A1 (zh) 2022-03-31

Similar Documents

Publication Publication Date Title
CN112181568A (zh) 局部适配屏幕方法和设备
CN111459364B (zh) 图标更新方法、装置和电子设备
CN110874172B (zh) 放大app界面的方法、装置、介质及电子设备
CN110288625B (zh) 用于处理图像的方法和装置
US20230410380A1 (en) Method and apparatus for generating page
CN108595211B (zh) 用于输出数据的方法和装置
CN113031946A (zh) 一种渲染页面组件的方法和装置
CN113808231A (zh) 信息处理方法及装置、图像渲染方法及装置、电子设备
CN110263301B (zh) 用于确定文字的颜色的方法和装置
WO2019242409A1 (zh) 用于终端设备的二维码生成方法和装置
CN113760438A (zh) 网页应用的页面显示方法及装置
CN110442419B (zh) Android应用的界面布局方法及装置
CN112418249A (zh) 掩膜图像生成方法、装置、电子设备和计算机可读介质
CN116596748A (zh) 图像风格化处理方法、装置、设备、存储介质和程序产品
CN111324835A (zh) 渲染用户界面组件的方法、装置、电子设备、及存储介质
CN113553123B (zh) 数据处理方法、装置、电子设备及存储介质
CN112445394A (zh) 一种截图方法和装置
CN113961280B (zh) 视图的展示方法、装置、电子设备及计算机可读存储介质
CN115291993A (zh) 页面调整方法、装置、计算机系统及可读存储介质
CN111258582B (zh) 一种窗口渲染方法、装置、计算机设备及存储介质
CN113296771A (zh) 页面显示方法、装置、设备和计算机可读介质
CN111290812B (zh) 应用控件的显示方法、装置、终端及存储介质
CN113778566A (zh) 原生应用调用方法、装置、电子设备和计算机可读介质
CN112269957A (zh) 图片处理方法、装置、设备及存储介质
CN114428823B (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