CN117742707A - 零终端的应用界面的布局方法、零终端系统和电子设备 - Google Patents

Abstract

本公开提供一种零终端的应用界面的布局方法、零终端系统和电子设备，当服务器检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数，服务器根据第一界面布局参数，对目标应用的界面进行调整，重新布局目标应用的界面，得到符合当前第一分辨率的页面布局方式的第一界面。从而服务器可以将该第一界面发送给零终端，零终端显示符合当前的第一分辨率的第一界面，使得在零终端的分辨率变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

Description

零终端的应用界面的布局方法、零终端系统和电子设备

技术领域

本公开涉及云计算技术领域，尤其涉及零终端的应用界面的布局方法、零终端系统和电子设备。

背景技术

零终端，是指终端仅需要具有屏幕、简单的CPU和存储器、用于处理图像的图像接收和解码模块及反向控制处理模块即可。这种方案能够大大简化零终端的尺寸和配置。零终端的所有程序运行在云端服务器中，零终端通过访问云端服务器来使用相应的应用程序，并通过反向控制来对相应应用程序进行控制，而服务器会将实时处理画面发送给零终端，这样，对于零终端来说，就像在本地进行操作一样。

然而，用户接入不同的零终端，导致零终端的分辨率发生变化时，例如游戏等类型的应用程序的界面的显示无法进行很好的适配，影响了用户的使用体验。

发明内容

本公开实施例提供一种零终端的应用界面的布局方法、零终端系统和电子设备，能够解决零终端分辨率变化以后应用程序的界面无法很好适配的问题。所述技术方案如下：

根据本公开实施例的第一方面，提供一种零终端的应用界面的布局方法，包括：

当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数；

根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面。

在一个实施例中，所述第一界面布局参数包括：屏幕显示方式的参数、菜单位置的参数、菜单折叠情况的参数、背景显示比例的参数、图标大小的参数、图标位置的参数、按钮大小的参数和按钮位置的参数中的至少一种。

在一个实施例中，所述根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面，包括：

根据所述第一界面布局参数，对所述目标应用对应的反编译文件进行修改，得到修改后的反编译文件，所述反编译文件是对所述目标应用的前端界面资源进行反编译得到的；

对所述修改后的反编译文件进行编译，得到修改后的目标编译文件，所述目标编译文件用于被运行后显示所述第一界面。

在一个实施例中，所述当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数之前，还包括：

当检测到安装所述目标应用后，获取与当前的第二分辨率对应的目标应用的第二界面布局参数；

根据所述第二界面布局参数，布局所述目标应用的界面，得到第二界面。

在一个实施例中，所述当检测到安装所述目标应用后，获取与当前的第二分辨率对应的目标应用的第二界面布局参数之后，还包括：

安装所述目标应用的前端反编译程序；

在所述目标应用安装完成后，使用所述前端反编译程序对所述目标应用进行反编译，得到所述目标应用的反编译文件。

在一个实施例中，所述根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面之后，还包括：

向零终端发送所述目标编译文件，以使所述零终端在运行所述目标编译文件后显示所述第一界面。

根据本公开实施例的第二方面，提供一种零终端的应用界面的布局方法，包括：

接收服务器发送的第一界面，所述第一界面是所述服务器当检测到零终端的分辨率发生变化时，根据当前的第一分辨率对应的目标应用的第一界面布局参数，布局所述目标应用的界面得到的；

显示所述第一界面。

根据本公开实施例的第三方面，提供一种零终端系统，包括：零终端和服务器；

所述服务器用于当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数；

所述服务器根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面；

所述服务器向零终端发送所述第一界面；

所述零终端用于显示所述第一界面。

根据本公开实施例的第四方面，提供一种电子设备，包括处理器和存储器，存储器中存储有至少一条计算机指令，指令由处理器加载并执行以实现第一方面以及第一方面的任一实施例所描述的零终端的应用界面的布局方法中所执行的步骤。

根据本公开实施例的第五方面，提供一种电子设备，包括处理器和存储器，存储器中存储有至少一条计算机指令，指令由处理器加载并执行以实现第二方面以及第二方面的任一实施例所描述的零终端的应用界面的布局方法中所执行的步骤。

根据本公开实施例的第六方面，提供一种计算机可读存储介质，存储介质中存储有至少一条计算机指令，指令由处理器加载并执行以实现第一方面以及第一方面的任一实施例所描述的零终端的应用界面的布局方法中所执行的步骤。

根据本公开实施例的第七方面，提供一种计算机可读存储介质，存储介质中存储有至少一条计算机指令，指令由处理器加载并执行以实现第二方面以及第二方面的任一实施例所描述的零终端的应用界面的布局方法中所执行的步骤。

本公开实施例提供的零终端的应用界面的布局方法、零终端系统和电子设备，当服务器检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数，服务器根据第一界面布局参数，对目标应用的界面进行调整，重新布局目标应用的界面，得到符合当前第一分辨率的页面布局方式的第一界面。从而服务器可以将该第一界面发送给零终端，零终端显示符合当前的第一分辨率的第一界面，使得在零终端的分辨率变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1为本公开实施例提供的一种零终端系统的结构示意图；

图2为本公开实施例提供的一种零终端的应用界面的布局方法的流程示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开实施例提供的一种零终端的应用界面的布局方法可以应用在零终端系统，零终端系统可以包括：零终端和服务器，其中，服务器中可以运行一个或多个虚拟机。零终端通过与服务器中的一个虚拟机连接，从而与该虚拟机进行数据传输。

其中，服务器可以为一个服务器也可以为服务器集群，对此本公开不做限定。本公开中的服务器也可以称为云端服务器。

为了使零终端能够摆脱对某一种操作系统的依赖，同一时间使用来自不同操作系统架构下的应用程序，本公开实施例提供的零终端系统的服务器可以包括应用管理服务器和应用服务器。零终端与应用管理服务器连接，应用服务器与应用管理服务器连接。应用管理服务器与不同架构下的应用服务器相连接，从而应用管理服务器可以为连接的零终端提供不同架构下的应用虚拟化服务。应用管理服务器当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数；应用服务器根据第一界面布局参数，布局目标应用的界面，得到第一界面；并向应用管理服务器发送第一界面；应用管理服务器将第一界面发送给零终端。下面以图1所示实施例为例对本公开提供的一种零终端系统进行说明。

请参见图1，图1为本公开实施例提供的一种零终端系统的结构示意图，云端服务器中应用管理服务器和不同架构下的应用服务器相连接，从而为零终端提供不同架构下的应用虚拟化服务，在这种架构下，用户没有独享的桌面，但是为了给用户带来流畅和便捷的操作体验，必须由应用管理服务器为用户提供一套完整虚拟桌面，从而便于用户通过该桌面调用各种来自不同架构操作系统下的应用。其中应用管理服务器(AMS)用于管理和保存用户列表和用户的应用列表，及每个应用所对应的应用服务器ID和应用服务器(AS)中的应用ID；同时，AMS还用于保存每个应用的状态，例如当前打开、后台运行、已关闭等状态，AMS获取到应用服务器的应用界面信息，根据应用的状态整理后发送到客户端。AS中包含多种不同操作系统架构下的应用服务器比如，windows、linux、ios等；具体的，每个AS中安装有多个应用，AS会在本地保存每个应用可使用的权限用户列表。

当用户接入不同分辨率大小的零终端时，或者零终端的分辨率发生变化时，例如在接入屏幕可折叠的零终端，零终端屏幕折叠或者打开时，通常游戏等类型的应用界面只根据不同的分辨率进行了放大缩小，以适配不同分辨率进行显示，但是未对界面布局进行调整，例如横屏或者竖屏显示时，菜单是否折叠、按钮大小位置等的调整。

本公开实施例提供的零终端的应用界面的布局方法，当服务器检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数，服务器根据第一界面布局参数，对目标应用的界面进行调整，重新布局目标应用的界面，得到符合当前第一分辨率的页面布局方式的第一界面。从而服务器可以将该第一界面发送给零终端，零终端显示符合当前的第一分辨率的第一界面，使得在零终端的分辨率变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

下面以具体的实施例进行详细说明本公开提供的技术方案。

请参见图2，图2为本公开实施例提供的一种零终端的应用界面的布局方法的流程示意图，本实施例提供的方法由服务器执行，该服务器可以是上述实施例中的零终端系统中的服务器。本实施例提供的方法可以包括以下步骤。

步骤201、当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数。

其中，目标应用可以是当前零终端打开运行的应用程序，该应用程序可以是在零终端界面顶层显示的应用或者顶层显示的多个应用之一，也可以是在零终端打开以后，在后台运行的应用程序。

可选的，该目标应用可以是游戏类型的应用。

其中，第一界面布局参数是与第一分辨率对应的，目标应用的界面上所有显示的菜单、组件等的布局的参数。

可选的，第一界面布局参数可以包括：屏幕显示方式的参数、菜单位置的参数、菜单折叠情况的参数、背景显示比例的参数、图标大小的参数、图标位置的参数、按钮大小的参数和按钮位置的参数中的至少一种。

其中，屏幕显示方式的参数是指横屏显示方式的参数或者竖屏显示方式的参数。

步骤202、根据第一界面布局参数，布局目标应用的界面，得到第一界面。

本实施例，当服务器检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数，服务器根据第一界面布局参数，对目标应用的界面进行调整，重新布局目标应用的界面，得到符合当前第一分辨率的页面布局方式的第一界面。从而服务器可以将该第一界面发送给零终端，零终端显示符合当前的第一分辨率的第一界面，使得在零终端的分辨率变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

在一些实施例中，步骤202可以通过如下步骤2021-步骤2023实现。

步骤2021、根据第一界面布局参数，对目标应用对应的反编译文件进行修改，得到修改后的反编译文件。

其中，反编译文件是对目标应用的前端界面资源进行反编译得到的。通常反编译文件是一种由编程语言构成的文件，反编译的过程是与编译编程语言构成的文件相反的过程，可以将编译完成的目标应用还原回编译前的编程语言构成的文件的形式。

步骤2022、对修改后的反编译文件进行编译，得到修改后的目标编译文件。

其中，所述目标编译文件用于被运行后显示所述第一界面。

本实施例，通过对目标应用对应的反编译文件中的对应界面布局参数进行修改，然后再对修改后的反编译文件进行编译，从而得到的修改后的编译文件，目标编译文件用于被运行后显示所述第一界面，该第一界面是根据变化后的当前的第一分辨率对应的第一界面布局参数布局得到的。通过上述方案使得在零终端的屏幕分辨率发生变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

在一些实施例中，在步骤202之前还可以包括如下步骤203和步骤204。

步骤203、当检测到安装目标应用后，获取与当前的第二分辨率对应的目标应用的第二界面布局参数。

其中，第二界面布局参数是与第二分辨率对应的，与目标应用的界面上所有显示的菜单、组件等的布局相关的参数。

可选的，第二界面布局参数可以包括：屏幕显示方式的参数、菜单位置的参数、菜单折叠情况的参数、背景显示比例的参数、图标大小的参数、图标位置的参数、按钮大小的参数和按钮位置的参数中的至少一种。

其中，屏幕显示方式的参数是指横屏显示方式的参数或者竖屏显示方式的参数。

步骤204、根据第二界面布局参数，布局目标应用的界面，得到第二界面。

本实施例，在用户第一次安装目标应用程序时，服务器获取当前的第二分辨率对应的目标应用的第二界面布局参数，服务器根据第二界面布局参数，布局目标应用的界面，得到符合当前第二分辨率的页面布局方式的第二界面。从而服务器可以将该第二界面发送给零终端，零终端显示符合当前的第二分辨率的第二界面，使得在零终端初次安装目标应用程序时，能够快速显示符合当前分辨率的目标应用的页面，提高了用户体验。

在一些实施例中，步骤203之后还可以包括如下步骤205和步骤206。

步骤205、安装目标应用的前端反编译程序。

其中，前端反编译程序是指用于对安装好的目标应用程序进行反编译的程序。

步骤206、在目标应用安装完成后，使用前端反编译程序对目标应用进行反编译，得到目标应用对应的反编译文件。

本实施例，在初次安装目标应用时，服务器相应安装该目标应用的前端反编译程序。从而在初次安装完成目标应用以后，使用该前端反编译程序对目标应用进行反编译，得到反编译文件，从而在分辨率变化时，直接修改目标应用对应的反编译文件中相应的界面布局参数。使得在零终端的分辨率变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

在一些实施例中，在步骤202之后还可以包括如下步骤207。

步骤207、向零终端发送目标编译文件，以使零终端在运行目标编译文件后显示第一界面。

本实施例，通过向零终端发送目标编译文件，零终端就可以运行该目标编译文件后显示该第一界面。使得在零终端的分辨率变化时，能够快速自适应调整符合当前分辨率的目标应用的页面布局方式，提高了用户体验。

下面结合图1所示的零终端系统，示例性的介绍一种零终端的应用界面的布局方法。

零终端与AMS建立连接后，如果没有状态为“当前打开”的应用，则AMS直接绘制用户主界面，并将绘制好的主界面图像发送给零终端；AMS读取当前零终端所对应的各个应用的使用状态，若有状态为“当前打开”的应用，则AMS将相应AS的界面发送给零终端；

实际实现时，零终端上一般将一个或多个(支持同时显示多个应用界面的场景)应用画面在最顶层进行显示，或者直接显示主界面。在显示主界面时，有可能当前没有任何应用运行，也有可能有一个或多个应用在后台运行；另外，用户也可以通过预设的操作方式(比如，点击home键等等)将画面从应用画面切换到主界面。

基于上述显示处理逻辑，下面以跨平台游戏类应用为例，对本发明所提供的针对零终端的应用界面布局方案作如下说明：

步骤1、当移动零终端登录AMS时，AMS获取移动零终端的分辨率和屏幕尺寸，并启动监听程序对分辨率的变化进行监听；

步骤2、当用户安装游戏类应用时，AS在本地建立游戏应用的模板，应用模板为当前AS操作系统下与分辨率适配的界面显示效果，包含菜单位置、菜单是否折叠，菜单图标大小，背景显示比例，组件大小及排布等在开发语言中对对象、变量等对应不同的分辨率适配不同的参数值进行设置。

对于不同的操作系统，开发语言不同，对象、变量及参数值也不相同，例如Android使用C#、IOS使用c/c++语言，使用统一的参数进行设置。“使用统一的参数进行设置”这一步骤包含相同分辨率在不同的系统中使用的参数值使界面及元素显示效果相同，步骤5中会举例说明。

步骤3、当用户安装游戏类应用时，在当前AS系统下安装此游戏的前端反编译程序，游戏应用安装完成后，将游戏前端资源反编译为相应系统的开发语言。

步骤4、当用户接入的零终端分辨率改变时，AMS获取新的分辨率，将新分辨率发送到AS，AS同样创建分辨率监听程序，获取到改变后的分辨率。

步骤5、AS根据改变后的分辨率适配相应的本地游戏应用中的参数，修改步骤3中反编译后的程序。举例说明用户在不同的零终端打开不同AS系统的界面，当零终端的分辨率都变化时，例如从pc屏幕缩小为手机屏幕大小时，游戏中的菜单由打开改为折叠效果，在反编译后的c#或者c/c++中找到gameMenu类，并将值gameMenu.display设为0。

修改完成后，重新编译生成新的游戏程序。

步骤6、AS将根据分辨率适配重新编译得到的游戏界面发送到客户端。

本实施例，提供了一种跨平台应用虚拟化架构下零终端的游戏类应用界面自适应分辨率的显示方案，其能够根据接入零终端的分辨率，确定显示的菜单效果及布局，游戏内图标、按钮的大小位置等。根据接入的零终端的分辨率大小不同，不仅对游戏界面元素的显示大小进行缩放，还会对界面布局进行调整，以便在不同的分辨率下都能达到良好的用户体验。

本公开实施例提供一种电子设备，包括处理器和存储器，存储器中存储有至少一条计算机指令，指令由处理器加载并执行以实现上述任一实施例中所描述的零终端的应用界面的布局方法中服务器所执行的步骤。

本公开实施例提供另一种电子设备，包括处理器和存储器，存储器中存储有至少一条计算机指令，指令由处理器加载并执行以实现上述任一实施例中所描述的零终端的应用界面的布局方法中零终端所执行的步骤。

基于上述任一实施例中所描述的零终端的应用界面的布局方法，本公开实施例还提供一种计算机可读存储介质，例如，非临时性计算机可读存储介质可以是只读存储器(英文：Read Only Memory，ROM)、随机存取存储器(英文：Random Access Memory，RAM)、CD-ROM、磁带、软盘和光数据存储装置等。该存储介质上存储有计算机指令，用于执行上述任一实施例中所描述的零终端的应用界面的布局方法中服务器所执行的步骤，此处不再赘述。

基于上述任一实施例中所描述的零终端的应用界面的布局方法，本公开实施例还提供一种计算机可读存储介质，例如，非临时性计算机可读存储介质可以是只读存储器(英文：Read Only Memory，ROM)、随机存取存储器(英文：Random Access Memory，RAM)、CD-ROM、磁带、软盘和光数据存储装置等。该存储介质上存储有计算机指令，用于执行上述任一实施例中所描述的零终端的应用界面的布局方法中零终端所执行的步骤，此处不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

本领域技术人员在考虑说明书及实践这里公开的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

Claims (10)

1.一种零终端的应用界面的布局方法，其特征在于，包括：

当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数；

根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面。

2.根据权利要求1所述的方法，其特征在于，所述第一界面布局参数包括：屏幕显示方式的参数、菜单位置的参数、菜单折叠情况的参数、背景显示比例的参数、图标大小的参数、图标位置的参数、按钮大小的参数和按钮位置的参数中的至少一种。

3.根据权利要求1所述的方法，其特征在于，所述根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面，包括：

根据所述第一界面布局参数，对所述目标应用对应的反编译文件进行修改，得到修改后的反编译文件，所述反编译文件是对所述目标应用的前端界面资源进行反编译得到的；

对所述修改后的反编译文件进行编译，得到修改后的目标编译文件，所述目标编译文件用于被运行后显示所述第一界面。

4.根据权利要求3所述的方法，其特征在于，所述当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数之前，还包括：

当检测到安装所述目标应用后，获取与当前的第二分辨率对应的目标应用的第二界面布局参数；

根据所述第二界面布局参数，布局所述目标应用的界面，得到第二界面。

5.根据权利要求4所述的方法，其特征在于，所述当检测到安装所述目标应用后，获取与当前的第二分辨率对应的目标应用的第二界面布局参数之后，还包括：

安装所述目标应用的前端反编译程序；

在所述目标应用安装完成后，使用所述前端反编译程序对所述目标应用进行反编译，得到所述目标应用的反编译文件。

6.根据权利要求3所述的方法，其特征在于，所述根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面之后，还包括：

向零终端发送所述目标编译文件，以使所述零终端在运行所述目标编译文件后显示所述第一界面。

7.一种零终端的应用界面的布局方法，其特征在于，包括：

接收服务器发送的第一界面，所述第一界面是所述服务器当检测到零终端的分辨率发生变化时，根据当前的第一分辨率对应的目标应用的第一界面布局参数，布局所述目标应用的界面得到的；

显示所述第一界面。

8.一种零终端系统，其特征在于，包括：零终端和服务器；

所述服务器用于当检测到零终端的分辨率发生变化时，获取当前的第一分辨率对应的目标应用的第一界面布局参数；

所述服务器根据所述第一界面布局参数，布局所述目标应用的界面，得到第一界面；

所述服务器向零终端发送所述第一界面；

所述零终端用于显示所述第一界面。

9.一种电子设备，其特征在于，包括处理器和存储器，所述存储器中存储有至少一条计算机指令，所述指令由所述处理器加载并执行以实现权利要求1至权利要求6任一项，或者权利要求7所述的零终端的应用界面的布局方法中所执行的步骤。

10.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条计算机指令，所述指令由处理器加载并执行以实现权利要求1至权利要求6任一项，或者权利要求7所述的零终端的应用界面的布局方法中所执行的步骤。