CN114327335A - 一种界面处理方法及装置 - Google Patents
一种界面处理方法及装置 Download PDFInfo
- Publication number
- CN114327335A CN114327335A CN202111614695.9A CN202111614695A CN114327335A CN 114327335 A CN114327335 A CN 114327335A CN 202111614695 A CN202111614695 A CN 202111614695A CN 114327335 A CN114327335 A CN 114327335A
- Authority
- CN
- China
- Prior art keywords
- interface
- displayed
- image
- size
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 15
- 238000000034 method Methods 0.000 claims abstract description 52
- 238000012545 processing Methods 0.000 claims abstract description 40
- 230000009467 reduction Effects 0.000 claims description 72
- 238000004883 computer application Methods 0.000 abstract description 2
- 230000008569 process Effects 0.000 description 22
- 238000010586 diagram Methods 0.000 description 4
- 238000012423 maintenance Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012804 iterative process Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种界面处理方法及装置,涉及计算机应用领域。该方法包括:获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像;根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像;输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。本发明实现了在小屏幕的显示设备上显示与该显示设备的屏幕尺寸相匹配的界面,提升了用户的使用体验。
Description
技术领域
本发明涉及计算机应用领域,尤其涉及一种界面处理方法及装置。
背景技术
随着计算机的发展,计算机的屏幕尺寸越来越大,而计算机端的产品的产品界面的尺寸也趋向于越来越大,以容纳更多的内容,还可将重要的内容放大显示。但尺寸比较大的产品界面会造成在小屏幕的计算机上出现显示不全的情况,进而导致用户使用上的不方便。
目前解决尺寸比较大的产品界面在小屏幕的计算机上显示不全的问题的方案是,再设计一套产品,以使该产品的产品界面的尺寸能够适配小屏幕的计算机,这样的解决方案会引入以下问题:a.针对同一产品,需要维护两套尺寸不同的产品界面,造成维护成本过大的问题;b.产品研发迭代过程容易出现漏改的情况。
发明内容
有鉴于此,本发明实施例提供一种界面处理方法及装置,以使得在计算机上展示的产品的界面与计算机的屏幕尺寸相适配的前提下,解决现有技术中同一产品需要维护尺寸不同的产品界面所造成的维护成本高且迭代易出错的问题。
第一方面,本发明实施例提供一种界面处理方法,应用于电子设备,所述方法包括:
获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;
当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像;
根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像;
输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
可选地,根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像:
根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例,对所述界面图像进行缩小处理,以得到与所述屏幕尺寸相匹配的目标界面图像。
可选地,本实施例提供的界面处理方法,还包括:
接收用户基于所述目标界面图像输入的操作指令,并确定所述操作指令在所述目标界面图像中的位置;
根据所述位置,确定所述操作指令在所述待展示界面上的实际位置;
基于所述实际位置,在所述待展示界面上执行所述操作指令对应的操作。
可选地,本实施例提供的界面处理方法,还包括:
获得执行所述操作指令对应的操作的操作结果界面;
将所述操作结果界面作为所述待展示界面,并继续执行所述获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸的步骤。
可选地,根据所述位置,确定所述操作指令在所述待展示界面上的实际位置,包括:
根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例和所述位置,计算所述操作指令在所述待展示界面上的实际位置。
可选地,所述屏幕尺寸用屏幕高度和屏幕宽度表征,以及所述界面尺寸用界面高度和界面宽度表征;则
根据所述屏幕尺寸和所述界面尺寸,确定缩小比例,包括:
将所述屏幕高度与所述界面高度之间的比例,确定为缩小比例;和/或,
将所述屏幕宽度与所述界面宽度之间的比例,确定为缩小比例。
第二方面,本发明实施例提供一种界面处理装置,设置于电子设备中,所述装置包括:
尺寸获取单元,用于获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;
图像生成单元,用于当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像;
图像处理单元,用于根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像;
图像输出单元,用于输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
可选地,所述图像处理单元具体用于,根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例,对所述界面图像进行缩小处理,以得到与所述屏幕尺寸相匹配的目标界面图像。
可选地,本实施例提供的界面处理装置,还包括:
接收单元,用于接收用户基于所述目标界面图像输入的操作指令,并确定所述操作指令在所述目标界面图像中的位置;
位置确定单元,用于根据所述位置,确定所述操作指令在所述待展示界面上的实际位置;
执行单元,用于基于所述实际位置,在所述待展示界面上执行所述操作指令对应的操作。
可选地,本实施例提供的界面处理装置,还包括:
界面获得单元,用于获得执行所述操作指令对应的操作的操作结果界面;
所述尺寸获取单元,还用于将所述操作结果界面作为所述待展示界面,并继续获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸。
可选地,所述位置确定单元具体用于,根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例和所述位置,计算所述操作指令在所述待展示界面上的实际位置。
可选地,所述屏幕尺寸用屏幕高度和屏幕宽度表征,以及所述界面尺寸用界面高度和界面宽度表征;则
所述图像处理单元具体用于,将所述屏幕高度与所述界面高度之间的比例,确定为缩小比例;和/或,
将所述屏幕宽度与所述界面宽度之间的比例,确定为缩小比例。
可选地,所述屏幕尺寸用屏幕高度和屏幕宽度表征,以及所述界面尺寸用界面高度和界面宽度表征;则
所述位置确定单元具体用于,将所述屏幕高度与所述界面高度之间的比例,确定为缩小比例;和/或,
将所述屏幕宽度与所述界面宽度之间的比例,确定为缩小比例。
第三方面,本发明实施例提供一种电子设备,所述电子设备包括:壳体、处理器、存储器、电路板和电源电路,其中,电路板安置在壳体围成的空间内部,处理器和存储器设置在电路板上;电源电路,用于为上述电子设备的各个电路或器件供电;存储器用于存储可执行程序代码;处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,用于执行前述第一方面方法所述的界面展示方法。
第四方面,本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现前述第一方面所述的界面展示方法。
本发明实施例提供的一种界面处理方法及装置,电子设备获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;当确认界面尺寸大于屏幕尺寸时,则生成该待展示界面的界面图像;然后根据前述屏幕尺寸,对生成的界面图像进行处理,以得到与屏幕尺寸相匹配的目标界面图像;并输出该目标界面图像,以使得在目标显示设备上显示该目标界面图像。
前述方案在实现产品的界面与目标显示设备的屏幕尺寸相适配的前提下,解决了现有技术中同一产品需要维护尺寸不同的产品界面所造成的维护成本高且迭代易出错的问题。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例提供的界面处理方法流程图;
图2为本发明实施例提供的界面处理装置结构示意图;
图3为本发明实施例提供的一种电子设备结构示意图。
具体实施方式
下面结合附图对本发明实施例进行详细描述。
应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
下面结合附图1,详细说明本发明实施例提供的方案进行说明,图1为本发明实施例提供的界面处理方法流程图,在本发明实施例中实施主体为电子设备。该电子设备可为终端设备,例如,个人电脑、台式电脑等。该电子设备也可为服务器。如图1所示,本实施例的方法具体包括以下步骤:如图1所示,本实施例的方法具体包括以下步骤:
步骤110、获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸。
本步骤中,当需要将待展示界面展示给用户之前,会先按照待展示界面的界面尺寸绘制出该待展示界面。而该待展示界面的界面尺寸为产品设计时预先配置好的,因此,可以在该产品的配置信息中读取到待展示界面的界面尺寸,然后再基于该界面尺寸绘制该待展示界面。
此外,为了能够达到在目标显示设备上显示与目标显示设备的屏幕尺寸相匹配的待展示界面的目的,因此,电子设备在获取到界面尺寸的同时,会获取目标显示设备的屏幕尺寸。
可以理解的是,上述待展示界面可以为产品的应用界面,例如窗口界面等等。
可选地,在基于界面尺寸绘制待展示界面时,可以按照下述过程实施:按照界面尺寸创建窗口,并获得窗口句柄;根据窗口句柄可以得到设备环境句柄HDC,然后通过该HDC在该窗口上绘制待展示界面。上述HDC中“H”是Handle的缩写;DC是Device Contexts的缩写,是指设备上下文。
可选地,上述目标显示设备可以为电子设备,即电子设备上有显示屏,此时获取的目标显示设备的屏幕尺寸即为该电子设备上的显示屏的屏幕尺寸。
值得注意的是,上述目标显示设备可以为电子设备外接的显示设备,且上述目标显示设备的数量可以为至少一个。当目标显示设备为多个时,即电子设备连接多个目标显示设备,以实现在多个目标显示设备上显示待展示界面;在此基础上,本步骤中,电子设备需要获得各个目标显示设备的屏幕尺寸,然后针对每个目标显示设备的屏幕尺寸,并行地执行步骤120~步骤140。
步骤120、当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像。
本步骤中,当待展示界面的界面尺寸大于屏幕尺寸时,为了能够将待展示界面全部且完整地显示到目标显示设备的显示屏上,电子设备会基于该待展示界面生成待展示界面的界面图像。
在生成界面图像时,可以使用gdi+描述方式,将该待展示界面生成图片格式的界面图像。需要说明的是,上述gdi+是Windows的一个子***,主要用于负责在显示屏幕和打印设备输出有关信息,该gdi+实质上是一组通过C++实现的应用程序编程接口。
实际应用中,当电子设备创建多个进程来执行界面处理流程时,当由不同的进程执行步骤120和步骤130时,例如界面图像生成进程用于执行步骤120,而图像处理进程用于执行步骤130,则此时界面图像生成进程在生成待展示界面的界面图像后,可以将该界面图像存储到电子设备的内存中,以由图像处理进程从内存中读取该界面图像,以执行步骤130的处理过程。
值得注意的是,当待展示界面的界面尺寸不大于目标显示设备的屏幕尺寸时,则按照Windows中固定的尺寸进行显示。
步骤130、根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像。
本步骤中,电子设备可以基于该屏幕尺寸,对该界面图像进行缩小处理,以得到能够在目标显示设备的屏幕上全部显示的目标界面图像。
可选地,可以按照下述过程执行步骤130:根据屏幕尺寸和界面尺寸,确定缩小比例;根据上述缩小比例,对界面图像进行缩小处理,以得到与屏幕尺寸相匹配的目标界面图像。由此即可实现对界面图像的缩小处理,从而保证全部且完整的显示到目标显示设备上。
可选地,本实施例中,上述屏幕尺寸可以用屏幕高度和屏幕宽度来表征,以及上述待展示界面的界面尺寸可以用界面高度和界面宽度来表征。
在此基础上,可以按照下述方法确认待展示界面的界面尺寸大于屏幕尺寸:待展示界面的界面高度大于目标显示设备的屏幕高度,和/或,待展示界面的界面宽度大于目标显示设备的屏幕宽度。
此外,可以按照下述过程根据屏幕尺寸和界面尺寸,确定缩小比例:将屏幕高度与界面高度之间的比例,确定为缩小比例;和/或,将屏幕宽度与界面宽度之间的比例,确定为缩小比例。
具体地,预先可以计算出屏幕高度与界面高度之间的比例,以及屏幕宽度与界面宽度之间的比例。为了方便后续描述,可以将屏幕高度与界面高度之间的比例,记为第一缩小比例;将屏幕宽度与界面宽度之间的比例,记为第二缩小比例。
在此基础上,在对待展示界面的界面图像进行缩小处理时,可以将屏幕高度与界面图像的图像高度进行比较,当图像高度大于屏幕高度时,表明在竖直方向上目标显示设备的屏幕不可以容纳待展示界面的界面图像,此时则可以利用第一缩小比例对待展示界面的界面图像进行缩小处理;然后判断处理后的界面图像在竖直方向上是否可以全部显示在目标显示设备的屏幕上,即,判断处理后的界面图像的图像高度是否小于屏幕高度,当小于屏幕高度时,则表明处理后的界面图像在竖直方向上可以全部显示在目标显示设备的屏幕上;则此时再将屏幕宽度与界面图像的图像宽度进行比较,若图像宽度大于屏幕宽度,则表明在水平方向上目标显示设备的屏幕不可以容纳待展示界面的界面图像,则此时可以利用第二缩小比例对界面图像进行缩小处理,然后继续判断处理后的界面图像的图像宽度是否小于屏幕宽度,当小于屏幕宽度时,则表明处理后的界面图像在水平方向和竖直方向均可以完全显示在目标显示设备的屏幕上,则此时得到的界面图像即为目标界面图像。
此外,若处理后的界面图像的图像高度依然不小于屏幕高度,则此时继续利用第一缩小比例对前述界面图像进行缩小处理,直至处理后的界面图像的图像高度小于屏幕高度为止;此时再判断处理后的界面图像的图像宽度是否小于屏幕宽度,当小于屏幕宽度时,则将该处理后的界面图像确定为目标界面图像;若图像宽度不小于屏幕宽度,则利用第二缩小比例对处理后的界面图像进行缩小处理,得到处理后的界面图像,并继续判断处理后的界面图像的图像宽度是否小于屏幕宽度,当不小于屏幕宽度时,则继续利用第二缩小比例对前述处理后的界面图像进行缩小处理,直至处理后的界面图像的图像宽度小于屏幕宽度为止。
值得注意的是,在对待展示界面的界面图像进行缩小处理时,还可以先将待展示界面的界面图像的图像宽度与屏幕宽度进行比较,然后再比较界面图像的图像高度与屏幕高度,具体实施过程可以参与上述先将屏幕高度与界面高度进行比较,然后再比较界面宽度与屏幕宽度的实施过程,此处步骤一一详细描述。
需要说明的是,当待展示界面的界面图像的图像高度大于屏幕高度,但是图像宽度小于屏幕宽度时,则只需要利用第一缩小比例对界面图像进行处理,然后继续判断处理后的界面图像的图像高度是否小于屏幕高度,当大于屏幕宽度时,继续利用第一缩小比例对处理后的界面图像进行缩小处理,直至处理后的界面图像的图像高度小于屏幕高度为止,此时得到的界面图像即为目标界面图像。
同理,待展示界面的界面图像的图像宽度大于屏幕宽度,但是图像高度小于屏幕高度时,则此时只需要利用第二缩小比例对界面图像进行缩小处理,然后继续判断处理后的界面图像的图像宽度是否小于屏幕宽度,当大于屏幕宽度时,则继续利用第二缩小比例对处理后的图像进行缩小处理,直至处理后的界面图像的图像宽度小于屏幕宽度为止,此时得到的界面图像即为目标界面图像。
可选地,gdi+提供了缩放机制,在此基础上,电子设备可以调用该gdi+技术,以执行上述实施例描述的基于屏幕尺寸,对界面图像进行处理的过程。
需要说明的是,当由上述图像处理进程执行步骤130时,图像处理进程会从内存中读取步骤120生成的界面图像,然后按照上述描述对该界面图像进行缩小处理,从而得到上述目标界面图像。
步骤140、输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
本步骤中,当目标显示设备为电子设备时,则直接在该电子设备上显示该目标界面图像,这样既能保证目标界面图像能够适应该电子设备的屏幕,而且也保证了待展示界面上的内容完整的显示在该电子设备的屏幕上,以为用户提供较好的观看体验。在此基础上,用户就可以基于该目标界面图像获取自己所需的内容。
当目标显示设备为电子设备的外接设备时,电子设备可以将目标界面图像分别发送给对应的目标显示设备,从而实现在各个目标显示设备上显示与对应目标显示设备的屏幕相适应的目标界面图像,以更好地满足用户需求。
通过应用本发明实施例提供的一种界面处理方法,电子设备会获取待展示界面的界面尺寸和用于显示该待展示界面的目标显示设备的屏幕尺寸;当上述界面尺寸大于上述屏幕尺寸时,则生成该待展示界面的界面图像;然后根据上述屏幕尺寸,对界面图像进行处理,以得到与前述屏幕尺寸相匹配的目标界面图像;输出目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
前述方案在实现产品的界面与目标显示设备的屏幕尺寸相适配的前提下,解决了现有技术中同一产品需要维护尺寸不同的产品界面所造成的维护成本高且迭代易出错的问题。
当电子设备连接多个目标显示设备时,通过实施前述方案,不仅可以实现多屏幕显示,而且还可以实现在每个目标显示设备上显示的目标界面图像适配对应目标显示设备。
可选地,实际应用中,待展示界面一般情况下包括用户需要查看的内容,用户当查看到所要查看的内容后,可能会基于查看的内容执行进一步操作,有鉴于此,基于上述任一实施例,本实施例提供的界面处理方法,还包括:接收用户基于上述目标界面图像输入的操作指令,并确定上述操作指令在上述目标界面图像中的位置;根据上述位置,确定上述操作指令在上述待展示界面上的实际位置;基于上述实际位置,在上述待展示界面上执行上述操作指令对应的操作。
具体地,当用户基于目标界面图像期望执行某个操作时,则会针对该目标界面图像触发该操作的操作指令。基于此,电子设备就会接收到用户输入的操作指令,对于用户来说,用户理解的是对当前展示的界面的操作指令,但由于电子设备向用户展示的是待展示界面的目标界面图像,用户在目标界面图像上的操作位置,并不是真正的待展示界面的操作位置,因此需要将该操作指令转换到真正的待展示界面上,因此,本实施例提出在接收到用户输入的操作指令后,会通过位置转换,以将该操作指令转换到真正的待展示界面上,从而避免响应用户的操作指令出错的情况发生。具体来说,电子设备在接收到操作指令后,会确定用户输入的操作指令在目标界面图像中的位置,然后根据该位置,确定该操作指令在待展示界面中的实际位置,进而基于该实际位置执行上述操作指令对应的操作。
可选地,上述操作可以但不限于为点击、双击、拖动等等操作。以点击操作为例进行说明,当用户在目标界面图像中执行点击操作时,电子设备会确定该点击指令在目标界面图像中的位置,进而基于该位置确定该点击指令在待展示界面的实际位置,然后根据该实际位置执行该点击指令对应的操作,以响应用户的操作指令,从而实现界面响应的无缝对接。
需要说明的是,针对同一操作指令,当在不同的位置输入时,对应要执行的操作不同;且针对同一位置,当触发不同的操作指令时,对应要执行才操作也不同,具体要根据实际情况而定。
值得注意的是,用户针对目标界面图像执行的操作指令可能是目标界面图像的关闭指令,则当基于上述过程对应到待展示界面后,会针对该待展示界面执行关闭指令的关闭操作,从而无缝地实现了响应于用户的关闭操作的目的。
然而实际应用中,除关闭操作以外,用户针对目标界面图像输入的操作指令后,通过执行上述位置转换过程,在待展示界面上执行操作指令对应的操作后,可能存在需要将操作结果展示给用户的情况,有鉴于此,本实施例中提出,还可以执行下述过程:获得执行操作指令对应的操作的操作结果界面;将操作结果界面作为待展示界面,并继续执行步骤110~步骤140所示的过程。
具体地,当在待展示界面上实际位置执行操作指令对应的操作后,若触发产生新的界面,即操作结果界面,则将新的界面作为当前待展示界面,然后继续执行本申请任一实施例所提供的界面处理方法,以使得在目标显示设备上显示与其屏幕相匹配的待展示界面对应的目标界面图像,同时达到了与用户交互的效果,提高了用户基于目标显示设备获取到所需要信息的体验。
可选地,基于上述任一实施例,本实施例中,可以按照下述过程执行根据所述位置,确定所述操作指令在所述待展示界面上的实际位置的步骤:根据屏幕尺寸和界面尺寸,确定缩小比例;根据缩小比例和上述位置,计算上述操作指令在待展示界面上的实际位置。
具体地,上述操作指令在目标界面图像中的位置和上述实际位置可以用坐标值来表征。例如,上述操作指令在目标界面图像中的位置可以用横坐标值x0和纵坐标值y0来表征,上述操作指令在待展示界面中的实际位置可以用横坐标值x1和纵坐标值y1表征。则基于该位置和缩小比例确定操作指令在待展示界面上的实际位置时,可以利用该位置的坐标值与缩小比例,计算得到实际位置的坐标值。
具体来说,在利用第一缩小比例和/或第二缩小比例对界面图像进行缩小处理时,可以记录第一缩小比例的使用次数和第二缩小比例的使用次数,分别记为第一数值m和第二数值n,然后确定第一缩小比例的m次方与第二缩小比例的n次方的乘积,得到乘积值;将上述操作指令在目标界面图像中的位置的坐标值与上述乘积值的比值确定为上述操作指令在待展示界面的实际位置的坐标值。即,上述实际位置的横坐标值x1=x0/(第一缩小比例m*第二缩小比例n);上述实际位置的纵坐标值y1=y0/(第一缩小比例m*第二缩小比例n)。由此,可以准确地确定出操作指令在待展示界面上的实际位置,从而更好地实现响应于用户的操作指令的无缝对接。
需要说明的是,上述第一数值m和第二数值n的取值均为大于等于0的整数,以及m和n的具体取值可以根据实际情况来定。
值得注意的是,本实施例中,上述缩小比例的确定方法可以参考步骤130中涉及的缩小比例的确定方法,此处不再详细描述。
图2为本发明实施例提供的一种界面处理装置结构示意图,如图2所示,本实施例的界面处理装置可以包括:尺寸获取单元210、图像生成单元220、图像处理单元230和图像输出单元240,其中:
尺寸获取单元210,用于获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;
图像生成单元220,用于当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像;
图像处理单元230,用于根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像;
图像输出单元240,用于输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
可选地,所述图像处理单元230具体用于,根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例,对所述界面图像进行缩小处理,以得到与所述屏幕尺寸相匹配的目标界面图像。
可选地,所述装置还包括:接收单元(图中未示出),用于接收用户基于所述目标界面图像输入的操作指令,并确定所述操作指令在所述目标界面图像中的位置;
位置确定单元(图中未示出),用于根据所述位置,确定所述操作指令在所述待展示界面上的实际位置;
执行单元(图中未示出),用于基于所述实际位置,在所述待展示界面上执行所述操作指令对应的操作。
可选地,所述装置还包括:界面获得单元(图中未示出),用于获得执行所述操作指令对应的操作的操作结果界面;
所述尺寸获取单元(图中未示出),还用于将所述操作结果界面作为所述待展示界面,并继续获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸。
可选地,所述位置确定单元具体用于,根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例和所述位置,计算所述操作指令在所述待展示界面上的实际位置。
可选地,所述屏幕尺寸用屏幕高度和屏幕宽度表征,以及所述界面尺寸用界面高度和界面宽度表征;则
所述图像处理单元230具体用于,将所述屏幕高度与所述界面高度之间的比例,确定为缩小比例;和/或,
将所述屏幕宽度与所述界面宽度之间的比例,确定为缩小比例。
可选地,所述屏幕尺寸用屏幕高度和屏幕宽度表征,以及所述界面尺寸用界面高度和界面宽度表征;则
所述位置确定单元具体用于,将所述屏幕高度与所述界面高度之间的比例,确定为缩小比例;和/或,
将所述屏幕宽度与所述界面宽度之间的比例,确定为缩小比例。
需要说明的是,本实施例的装置,可以用于执行图1所示方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
相应地,本发明实施例提供的一种界面处理装置还可用另一种结构实现。图3为本发明提供的一个电子设备实施例的结构示意图,可以实现本发明图1所示实施例的流程,如图3所示,上述电子设备可以包括:壳体31、处理器32、存储器33、电路板34和电源电路35,其中,电路板34安置在壳体31围成的空间内部,处理器32和存储器33设置在电路板34上;电源电路35,用于为上述电子设备的各个电路或器件供电;存储器33用于存储可执行程序代码;处理器32通过读取存储器33中存储的可执行程序代码来运行与可执行程序代码对应的程序,用于执行前述实施例所述的方法。
处理器32对上述步骤的具体执行过程以及处理器32通过运行可执行程序代码来进一步执行的步骤,可以参见本发明图1所示实施例的描述,在此不再赘述。
该电子设备:提供计算服务的设备,电子设备的构成包括处理器、硬盘、内存、***总线等,电子设备和通用的计算机架构类似,但是由于需要提供高可靠的服务,因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。
需要说明的是,在本文中,诸如术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。
尤其,对于装置实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在流程图中表示或在此以其他方式描述的逻辑和/或步骤,例如,可以被认为是用于实现逻辑功能的可执行指令的定序列表,可以具体实现在任何计算机可读介质中,以供指令执行***、装置或设备(如基于计算机的***、包括处理器的***或其他可以从指令执行***、装置或设备取指令并执行指令的***)使用,或结合这些指令执行***、装置或设备而使用。就本说明书而言,"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行***、装置或设备或结合这些指令执行***、装置或设备而使用的装置。
计算机可读介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(RAM),只读存储器(ROM),可擦除可编辑只读存储器(EPROM或闪速存储器),光纤装置,以及便携式光盘只读存储器(CDROM)。另外,计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。
在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行***执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
为了描述的方便,描述以上装置是以功能分为各种单元/模块分别描述。当然,在实施本发明时可以把各单元/模块的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
Claims (10)
1.一种界面处理方法,其特征在于,应用于电子设备,所述方法包括:
获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;
当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像;
根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像;
输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
2.根据所述权利要求1所述的方法,其特征在于,根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像:
根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例,对所述界面图像进行缩小处理,以得到与所述屏幕尺寸相匹配的目标界面图像。
3.根据所述权利要求1所述的方法,其特征在于,还包括:
接收用户基于所述目标界面图像输入的操作指令,并确定所述操作指令在所述目标界面图像中的位置;
根据所述位置,确定所述操作指令在所述待展示界面上的实际位置;
基于所述实际位置,在所述待展示界面上执行所述操作指令对应的操作。
4.根据所述权利要求1所述的方法,其特征在于,还包括:
获得执行所述操作指令对应的操作的操作结果界面;
将所述操作结果界面作为所述待展示界面,并继续执行所述获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸的步骤。
5.根据权利要求3所述的方法,其特征在于,根据所述位置,确定所述操作指令在所述待展示界面上的实际位置,包括:
根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例和所述位置,计算所述操作指令在所述待展示界面上的实际位置。
6.根据权利要求2或5所述的方法,其特征在于,所述屏幕尺寸用屏幕高度和屏幕宽度表征,以及所述界面尺寸用界面高度和界面宽度表征;则
根据所述屏幕尺寸和所述界面尺寸,确定缩小比例,包括:
将所述屏幕高度与所述界面高度之间的比例,确定为缩小比例;和/或,
将所述屏幕宽度与所述界面宽度之间的比例,确定为缩小比例。
7.一种界面处理装置,其特征在于,设置于电子设备中,所述装置包括:
尺寸获取单元,用于获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸;
图像生成单元,用于当所述界面尺寸大于所述屏幕尺寸时,则生成所述待展示界面的界面图像;
图像处理单元,用于根据所述屏幕尺寸,对所述界面图像进行处理,以得到与所述屏幕尺寸相匹配的目标界面图像;
图像输出单元,用于输出所述目标界面图像,以使得在所述目标显示设备上显示所述目标界面图像。
8.根据所述权利要求7所述的装置,其特征在于,所述图像处理单元具体用于,根据所述屏幕尺寸和所述界面尺寸,确定缩小比例;
根据所述缩小比例,对所述界面图像进行缩小处理,以得到与所述屏幕尺寸相匹配的目标界面图像。
9.根据所述权利要求7所述的装置,其特征在于,所述装置还包括:
接收单元,用于接收用户基于所述目标界面图像输入的操作指令,并确定所述操作指令在所述目标界面图像中的位置;
位置确定单元,用于根据所述位置,确定所述操作指令在所述待展示界面上的实际位置;
执行单元,用于基于所述实际位置,在所述待展示界面上执行所述操作指令对应的操作。
10.根据所述权利要求7所述的装置,其特征在于,所述装置还包括:
界面获得单元,用于获得执行所述操作指令对应的操作的操作结果界面;
所述尺寸获取单元,还用于将所述操作结果界面作为所述待展示界面,并继续获取待展示界面的界面尺寸和用于显示所述待展示界面的目标显示设备的屏幕尺寸。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111614695.9A CN114327335B (zh) | 2021-12-27 | 2021-12-27 | 一种界面处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111614695.9A CN114327335B (zh) | 2021-12-27 | 2021-12-27 | 一种界面处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114327335A true CN114327335A (zh) | 2022-04-12 |
CN114327335B CN114327335B (zh) | 2024-04-02 |
Family
ID=81012899
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111614695.9A Active CN114327335B (zh) | 2021-12-27 | 2021-12-27 | 一种界面处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114327335B (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6028643A (en) * | 1997-09-03 | 2000-02-22 | Colorgraphic Communications Corporation | Multiple-screen video adapter with television tuner |
CN103823620A (zh) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | 一种屏幕适配的方法和装置 |
CN105282321A (zh) * | 2015-08-28 | 2016-01-27 | 上海健保科技有限公司 | 一种应用软件用户界面与显示设备的适配方法 |
CN107506163A (zh) * | 2017-08-31 | 2017-12-22 | 努比亚技术有限公司 | 调整屏幕显示的方法、终端及计算机可读存储介质 |
CN108334391A (zh) * | 2017-12-31 | 2018-07-27 | 广州金十信息科技有限公司 | 一种多***显示适配方法、电子设备及存储介质 |
US20190266705A1 (en) * | 2018-02-28 | 2019-08-29 | Microsoft Technology Licensing, Llc | Adaptive interface transformation across display screens |
CN110989880A (zh) * | 2019-11-22 | 2020-04-10 | 珠海豹趣科技有限公司 | 一种界面元素处理方法、装置及可读存储介质 |
CN111399956A (zh) * | 2020-03-12 | 2020-07-10 | 北京字节跳动网络技术有限公司 | 应用于显示设备的内容展示方法、装置和电子设备 |
CN113778589A (zh) * | 2021-08-20 | 2021-12-10 | 广州虎牙科技有限公司 | 屏幕适配方法、服务器、智能终端、电子设备及存储介质 |
-
2021
- 2021-12-27 CN CN202111614695.9A patent/CN114327335B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6028643A (en) * | 1997-09-03 | 2000-02-22 | Colorgraphic Communications Corporation | Multiple-screen video adapter with television tuner |
CN103823620A (zh) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | 一种屏幕适配的方法和装置 |
US20170069297A1 (en) * | 2014-03-04 | 2017-03-09 | Feitian Technologies Co., Ltd. | Screen adaptation method and apparatus |
CN105282321A (zh) * | 2015-08-28 | 2016-01-27 | 上海健保科技有限公司 | 一种应用软件用户界面与显示设备的适配方法 |
CN107506163A (zh) * | 2017-08-31 | 2017-12-22 | 努比亚技术有限公司 | 调整屏幕显示的方法、终端及计算机可读存储介质 |
CN108334391A (zh) * | 2017-12-31 | 2018-07-27 | 广州金十信息科技有限公司 | 一种多***显示适配方法、电子设备及存储介质 |
US20190266705A1 (en) * | 2018-02-28 | 2019-08-29 | Microsoft Technology Licensing, Llc | Adaptive interface transformation across display screens |
CN111727424A (zh) * | 2018-02-28 | 2020-09-29 | 微软技术许可有限责任公司 | 跨显示屏的自适应界面转换 |
CN110989880A (zh) * | 2019-11-22 | 2020-04-10 | 珠海豹趣科技有限公司 | 一种界面元素处理方法、装置及可读存储介质 |
CN111399956A (zh) * | 2020-03-12 | 2020-07-10 | 北京字节跳动网络技术有限公司 | 应用于显示设备的内容展示方法、装置和电子设备 |
CN113778589A (zh) * | 2021-08-20 | 2021-12-10 | 广州虎牙科技有限公司 | 屏幕适配方法、服务器、智能终端、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114327335B (zh) | 2024-04-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107204023B (zh) | 避免绘制在canvas画布中的图形失真的方法和装置 | |
CN112115678B (zh) | 信息展示方法及装置、存储介质及电子设备 | |
US11551392B2 (en) | Graphic drawing method and apparatus, device, and storage medium | |
US9177405B2 (en) | Image processing apparatus, computer program product, and image processing system | |
US9703466B2 (en) | Method, device and terminal for implementing rotation of floating window | |
CN109634579A (zh) | 代码生成方法、装置、计算机装置及存储介质 | |
CN112925463A (zh) | 信息流的发布处理方法、装置、介质及电子设备 | |
CN114356479B (zh) | 一种页面渲染方法及装置 | |
CN113688341B (zh) | 动态图片分解方法、装置、电子设备及可读存储介质 | |
CN114296857A (zh) | 界面的调整方法、装置、电子设备及可读介质 | |
CN109165372A (zh) | 一种网页加载方法、装置、设备及存储介质 | |
CN114327335B (zh) | 一种界面处理方法及装置 | |
EP2608003A1 (en) | Method and device for movement of image object | |
CN113676677B (zh) | 动态图片合成方法、装置、电子设备及可读存储介质 | |
CN115272051A (zh) | 用于实现图像扭曲的方法、装置及计算机可读存储介质 | |
CN113626120A (zh) | 确定显示页面的方法、装置、电子设备及存储介质 | |
CN113613043A (zh) | 屏幕显示和图像处理方法以及嵌入式设备和云服务器 | |
CN113420581A (zh) | 书面文档图像的校正方法、装置、电子设备及可读介质 | |
CN112799621A (zh) | 批注显示方法和*** | |
CN111583351B (zh) | 图片生成方法以及装置 | |
EP4300979A1 (en) | Display method, terminal, and storage medium | |
CN114995738B (zh) | 一种变换方法、装置、电子设备、存储介质及程序产品 | |
CN110147260B (zh) | 实现场景过渡动画的方法、介质、装置和计算设备 | |
CN113342243B (zh) | 输入方法及输入装置、计算机可读存储介质及电子设备 | |
CN113840165B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |