CN116637368A - 一种游戏界面的调整方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种游戏界面的调整方法、装置、设备及存储介质，涉及界面优化领域。该方案中，基于预设事件的触发，获取窗口的尺寸信息；根据尺寸信息生成显示参数；将显示参数发送至云游戏服务器，以使云游戏服务器根据显示参数生成游戏显示画面，并将游戏显示画面发送给窗口。本申请中，可以实时根据窗口的尺寸信息对游戏显示画面进行适应性的调整，从而在终端设备的屏幕尺寸存在差异或者游戏玩家的操作存在差异时，均可以自适应调整游戏界面，以提高游戏玩家玩游戏的体验感。

Description

一种游戏界面的调整方法、装置、设备及存储介质

技术领域

本申请涉及界面优化领域，特别涉及一种游戏界面的调整方法、装置、设备及存储介质。

背景技术

移动端实现游戏界面自适应调整的方式为：根据移动端中设置的重力传感器确定用户手持移动端的方向，进而根据确定的方向自适应调整移动端的游戏界面的方向。如移动端为手机时，游戏界面可以自适应调整为横屏或者竖屏。

随着游戏应用的不断发展，越来越多的云游戏被开发出来，其主要应用于web端等场景中，而PC端中无法通过重力传感器实现对游戏界面的自适应调整，但web端的显示区域的尺寸因PC端屏幕尺寸的差异或者游戏玩家的操作差异而存在差异。为了提高游戏玩家通过web端玩游戏的体验感，需要提供一种游戏界面的调整方法，以使游戏界面的显示区域在web端可以自适应调整。

发明内容

本申请的目的是提供一种游戏界面的调整方法、装置、设备及存储介质，可以实时根据窗口的尺寸信息对游戏显示画面进行适应性的调整，从而在终端设备的屏幕尺寸存在差异或者游戏玩家的操作存在差异时，均可以自适应调整游戏界面，以提高游戏玩家玩游戏的体验感。

为解决上述技术问题，本申请提供了一种游戏界面的调整方法，应用于终端设备中的插件，包括：

基于预设事件的触发，获取窗口的尺寸信息；

根据所述尺寸信息生成显示参数；

将所述显示参数发送至云游戏服务器，以使所述云游戏服务器根据所述显示参数生成游戏显示画面，并将所述游戏显示画面发送给所述窗口。

优选地，基于预设事件的触发，获取窗口的尺寸信息，包括：

监听游戏事件，并在所述游戏事件为游戏启动事件时，获取所述窗口的尺寸信息。

优选地，基于预设事件的触发，获取窗口的尺寸信息，包括：

监听所述窗口的操作事件，在所述操作事件为改变所述窗口的尺寸信息的事件时，获取所述窗口的尺寸信息。

优选地，根据所述尺寸信息生成显示参数，包括：

根据所述窗口的宽度信息和高度信息计算所述游戏界面显示的宽高比。

优选地，根据所述窗口的宽度信息和高度信息计算所述游戏界面显示的宽高比之后，还包括：

确定计算出的所述游戏界面显示的宽高比是否小于预设宽高比；

若小于，则确定所述游戏显示画面为竖屏显示画面；否则，确定所述游戏显示画面为横屏显示画面；

其中，所述竖屏显示画面的画面宽度撑满所述窗口的宽度且所述竖屏显示画面的画面高度根据所述竖屏显示画面的画面宽度自适应调整；所述横屏显示画面的画面高度撑满所述窗口的高度且画面宽度根据所述横屏显示画面的画面高度自适应调整。

优选地，根据所述显示参数生成游戏显示画面，还包括：

在判定所述宽高比小于所述预设宽高比时，根据所述预设宽高比、所述窗口的宽度信息和高度信息确定所述游戏显示画面的宽度为与所述宽度信息对应的最大值，并根据确定的游戏显示画面的宽度和所述预设宽高比调整所述游戏显示画面的高度；

在判定所述宽高比不小于所述预设宽高比时，根据所述预设宽高比、所述窗口的宽度信息和高度信息确定所述游戏显示画面的高度为与所述高度信息对应的最大值，并根据确定的游戏显示画面的高度和所述预设宽高比调整所述游戏界面的宽度。

优选地，根据所述显示参数生成游戏显示画面，包括：

根据所述显示参数对所述游戏显示画面的视频流图层进行调整；

根据调整后的视频流图层、UI图层中各UI按键与所述视频流图层的位置对应关系对所述UI图层进行调整。

优选地，根据调整后的视频流图层、UI图层中各UI按键与所述视频流图层的位置对应关系对所述UI图层进行调整，包括：

根据调整后的视频流图层、所述UI图层中各所述UI按键与所述视频流图层的相对横坐标百分比和相对纵坐标百分比对所述UI图层进行调整。

优选地，根据所述显示参数生成游戏显示画面，还包括：

控制所述UI图层上的各所述UI按键的尺寸与所述窗口的尺寸同比例变化。

为解决上述技术问题，本申请还提供了一种游戏界面的调整装置，应用于终端设备中的插件，包括：

尺寸信息获取单元，用于基于预设事件的触发，获取窗口的尺寸信息；

显示参数生成单元，用于根据所述尺寸信息生成显示参数；

游戏显示画面生成单元，用于将所述显示参数发送至云游戏服务器，以使所述云游戏服务器根据所述显示参数生成游戏显示画面，并将所述游戏显示画面发送给所述窗口。

为解决上述技术问题，本申请还提供了一种电子设备，所述电子设备包括处理器和存储器，其中：

所述存储器用于存储计算机程序；

所述计算机程序由所述处理器加载并执行以实现如上述所述的游戏界面的调整方法。

为解决上述技术问题，本申请还提供了一种计算机可读存储介质，用于存储计算机可执行指令，所述计算机可执行指令被处理器加载并执行时，实现如上述所述的游戏界面的调整方法。

本申请提供了一种游戏界面的调整方法，涉及界面优化领域。该方案中，基于预设事件的触发，获取窗口的尺寸信息；根据尺寸信息生成显示参数；将显示参数发送至云游戏服务器，以使云游戏服务器根据显示参数生成游戏显示画面，并将游戏显示画面发送给窗口。本申请中，可以实时根据窗口的尺寸信息对游戏显示画面进行适应性的调整，从而在终端设备的屏幕尺寸存在差异或者游戏玩家的操作存在差异时，均可以自适应调整游戏界面，以提高游戏玩家玩游戏的体验感。

本申请还提供了一种游戏界面的调整装置、设备及存储介质，与上述描述的游戏界面的调整方法具有相同的有益效果。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对现有技术和实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请提供的一种游戏界面的调整方法的流程示意图；

图2为本申请提供的一种游戏界面的调整方法的具体流程示意图；

图3为本申请提供的一种游戏界面的调整装置的结构框图；

图4为本申请提供的一种电子设备的结构框图。

具体实施方式

本申请的核心是提供一种游戏界面的调整方法、装置、设备及存储介质，可以实时根据窗口的尺寸信息对游戏显示画面进行适应性的调整，从而在终端设备的屏幕尺寸存在差异或者游戏玩家的操作存在差异时，均可以自适应调整游戏界面，以提高游戏玩家玩游戏的体验感。

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

请参照图1，图1为本申请提供的一种游戏界面的调整方法的流程示意图，该方法应用于终端设备中的插件，包括：

S11：基于预设事件的触发，获取窗口的尺寸信息；

具体地，本申请要解决的技术问题为：在web端玩游戏时，由于不同终端设备的尺寸不同，游戏界面的显示可能会出现截断或被缩小的情况，影响玩家的体验感。因此需要一种方法来获取窗口的尺寸信息，以便根据实际情况进行游戏界面的调整。

本申请的设计思路为：通过监听预设事件(如窗口变化事件)，获取窗口的尺寸信息，包括宽度和高度。

本实施例中，获取窗口尺寸信息是基于预设事件进行触发的，避免了冗余或频繁的获取操作；其中，获取到的窗口尺寸信息可以包含宽度和高度，并存储在变量中，以用于后续的参数生成。

例如，当玩家在web端游戏界面中调整了浏览器窗口的大小，窗口的尺寸信息发生了变化，此时获取新的窗口尺寸信息，以备后续游戏界面的调整。

S12：根据尺寸信息生成显示参数；

具体地，本步骤旨在获取到窗口的尺寸信息之后，需要根据这些信息生成显示参数，用于向云游戏服务器发送请求，以便生成游戏显示画面。具体思路为：根据窗口尺寸信息，生成显示参数，显示参数可以包括窗口宽度、窗口高度和像素比等信息，以便在云游戏服务器端生成游戏显示画面时进行精准调整。

通过对窗口尺寸信息的处理，可以生成精准的显示参数，用于向云游戏服务器发送请求，提高游戏显示画面的质量和稳定性，从而增加玩家的游戏体验感。

S13：将显示参数发送至云游戏服务器，以使云游戏服务器根据显示参数生成游戏显示画面，并将游戏显示画面发送给窗口。

具体地，在生成游戏显示画面之前，需要将上一步骤中生成的显示参数发送至云游戏服务器，以便云游戏服务器生成适合当前窗口的游戏显示画面。

本实施例中，将生成的显示参数通过网络协议发送至云游戏服务器，以便云游戏服务器根据显示参数对象生成游戏显示画面，并将其返回给窗口，以供玩家进行游戏。

综上，本申请提供的游戏界面的调整方法、装置、设备及存储介质，中，基于预设事件的触发，获取窗口的尺寸信息；根据尺寸信息生成显示参数；将显示参数发送至云游戏服务器，以使云游戏服务器根据显示参数生成游戏显示画面，并将游戏显示画面发送给窗口。本申请中，可以实时根据窗口的尺寸信息对游戏显示画面进行适应性的调整，从而在终端设备的屏幕尺寸存在差异或者游戏玩家的操作存在差异时，均可以自适应调整游戏界面，以提高游戏玩家玩游戏的体验感。

在上述实施例的基础上：

请参照图2，图2为本申请提供的一种游戏界面的调整方法的具体流程示意图。

作为一种优选的实施例，基于预设事件的触发，获取窗口的尺寸信息，包括：

监听游戏事件，并在游戏事件为游戏启动事件时，获取窗口的尺寸信息。

本实施例要解决的技术问题：何时获取窗口的尺寸信息以便生成对应的显示参数，从而使云游戏服务器能够生成适合窗口尺寸的游戏显示画面。

具体地，在游戏启动时，需要确定游戏需要显示的画面大小，因此，将预设时间设定为游戏启动事件。在游戏启动事件被触发时，可以通过调用操作系统提供的API获取所述窗口的尺寸信息。这些尺寸信息可以包括窗口的宽度、高度以及像素密度等，可以用于计算需要生成的游戏画面的分辨率等显示参数。

例如，在一个具体实施例中，游戏启动时，游戏画面以窗口尺寸为准，也即，默认游戏启动时的游戏画面与窗口尺寸相同。这会导致游戏画面无法适应不同大小、不同分辨率的屏幕，导致画面变形、失真等问题，影响了游戏体验。在另一个具体实施例中，游戏启动时，游戏画面尺寸与窗口尺寸呈固定比例显示，此时，窗口的四周会有留白。

本实施例中的实现方式简单高效，能够准确获取窗口的尺寸信息，并生成对应的显示参数，以便云游戏服务器生成适合窗口尺寸的游戏显示画面。

综上，本实施例中的实现方式能够提高云游戏的用户体验，使得游戏画面更符合用户的需求和喜好，以及更好地适应不同窗口尺寸的显示需求，从而提高云游戏的可用性和用户满意度。

作为一种优选的实施例，基于预设事件的触发，获取窗口的尺寸信息，包括：

监听窗口的操作事件，在操作事件为改变窗口的尺寸信息的事件时，获取窗口的尺寸信息。

本实施例旨在提供另一种能够自动获取和应用窗口尺寸信息的方式，以确保游戏画面能够适应窗口大小并提高游戏体验。

具体地，在窗口尺寸发生变化时，游戏画面的尺寸也需要相适应的进行调整以适应窗口尺寸的变化，以提高用户体验。因此，本实施例可以利用插件的事件监听机制监听窗口的操作事件，并检查该事件是否为改变窗口尺寸事件；如果是，获取窗口的尺寸信息，并根据该信息生成显示参数，并将参数发送至云游戏服务器，以便服务器根据显示参数生成游戏画面并发送至窗口。

例如，用户在使用该插件玩游戏的时候，可以通过拖拽或调整窗口大小的方式改变插件窗口的尺寸，当窗口尺寸发生变化时，插件能够自动获取窗口尺寸信息，并将尺寸信息发送至云游戏服务器，云游戏服务器依据这些信息生成适应当前窗口的游戏画面，用户无需手动重新调整游戏画面大小，提高了游戏体验。在一个具体实施例中，游戏画面的显示方式为完全铺满整个窗口时，若窗口发生改变，则对应的游戏画面也以完全铺满的方式自适应调整。在另一个具体实施例中，游戏画面的显示方式为游戏画面尺寸与窗口尺寸呈固定比例时，若窗口发生变化，则对应的游戏画面按照固定比例自适应调整。

综上，本实施例中的方法能够自动获取窗口尺寸信息，并生成适应窗口尺寸的显示参数，通过将参数发送至云游戏服务器，能够自动适应不同大小的插件窗口，并提高云游戏的游戏画面适应性和用户体验。

作为一种优选的实施例，根据尺寸信息生成显示参数，包括：

根据窗口的宽度信息和高度信息计算游戏界面显示的宽高比。

具体地，在云游戏场景下，用户本地窗口的大小与云服务器上游戏画面的分辨率并不总是一致的。如游戏画面的显示方式为完全铺满整个窗口时，则会导致游戏画面比例变形，如游戏画面单纯地按照和窗口呈固定比例的改变，那么可能会存在游戏画面过小，进而浪费窗口的显示空间的问题。那么如何根据用户本地窗口的尺寸信息和游戏画面的宽高比来生成适合用户窗口的游戏显示参数，是本实施例要解决的关键问题。

因此，本实施例在用户本地窗口的尺寸发生变化或者启动游戏时，通过监听窗口的预设事件来获取当前的窗口尺寸信息。一旦获取到窗口的尺寸信息，就根据宽高比算法，将尺寸信息转化为适合该窗口的游戏显示参数。

此外，除了通过监听预设事件的方式来获取窗口的尺寸信息之外，还可以使用定时器以每隔预设时间或者实时响应窗口大小改变事件，保证游戏画面显示的适应性。

例如，用户打开了一个宽度为1280像素、高度为720像素的窗口，游戏画面大小为16:9。我们可以通过以上尺寸信息计算出适合该窗口的游戏画面显示宽高比，得到显示参数。

综上，通过本实施例中的方式，可以实现准确地计算出适合用户本地窗口的游戏显示参数，并将该参数发送至云游戏服务器，有效避免因窗口尺寸与游戏画面分辨率不一致而导致的画面失真问题，从而生成适应性良好、画面清晰的游戏显示画面。该方法实现简单、效果显著，有利于提高用户的游戏体验和满意度。

作为一种优选的实施例，根据窗口的宽度信息和高度信息计算游戏界面显示的宽高比之后，还包括：

确定计算出的游戏界面显示的宽高比是否小于预设宽高比；

若小于，则确定游戏显示画面为竖屏显示画面；否则，确定游戏显示画面为横屏显示画面；

其中，竖屏显示画面的画面宽度撑满窗口的宽度且竖屏显示画面的画面高度根据竖屏显示画面的画面宽度自适应调整；横屏显示画面的画面高度撑满窗口的高度且画面宽度根据横屏显示画面的画面高度自适应调整。

具体地，如何确定预设宽高比，以及如何判断计算出来的游戏界面显示的宽高比是否小于预设宽高比，从而决定游戏显示画面的方向是本实施例要解决的技术问题。

本实施例中，在插件中设置一个预设宽高比的参数，通过插件获取窗口尺寸信息，并计算出窗口宽高比，根据预设宽高比和实际窗口宽高比进行比较判断，从而确定游戏显示画面的方向。具体地，如果实际窗口宽高比小于预设宽高比，则确定游戏显示画面为竖屏显示画面；否则，确定游戏显示画面为横屏显示画面。对于竖屏显示画面，画面宽度应该与窗口宽度相等，而画面高度应该根据画面宽度进行适当缩放，以保持画面的比例不变。对于横屏显示画面，画面高度应该与窗口高度相等，而画面宽度应该根据画面高度进行适当缩放，同时保持画面的比例不变。

利用本实施例中的方式，除了能够实现游戏画面的自适应调整，从而适应不同设备和场景下的需求，还可以避免出现在游戏画面完全铺满整个窗口时导致的游戏画面比例变形的问题，还可以避免出现在游戏画面单纯地按照和窗口呈固定比例的改变时存在的游戏画面过小，进而浪费窗口的显示空间的问题。

例如，预设宽高比为16:9，或者可以比较窗口的宽度是否不小于宽度*1.77。

此外，还可以加入手动调整游戏显示画面方向的功能，让用户能够根据自己的需求进行选择。

综上，采用本实施例中的方法可以使得游戏画面更加适配不同大小和方向的窗口，提高了用户体验。同时，该方法还可以减少游戏画面变形、锯齿等问题的出现，使得游戏画面更加清晰平滑。

作为一种优选的实施例，根据显示参数生成游戏显示画面，还包括：

在判定宽高比小于预设宽高比时，根据预设宽高比、窗口的宽度信息和高度信息确定游戏显示画面的宽度为与宽度信息对应的最大值，并根据确定的游戏显示画面的宽度和预设宽高比调整游戏显示画面的高度；

在判定宽高比不小于预设宽高比时，根据预设宽高比、窗口的宽度信息和高度信息确定游戏显示画面的高度为与高度信息对应的最大值，并根据确定的游戏显示画面的高度和预设宽高比调整游戏界面的宽度。

具体地，在终端设备中，不同的插件需要根据窗口尺寸进行自适应调整游戏界面。然而，对于不同尺寸的窗口进行适配仍然是一个难点，因为屏幕宽高比和分辨率不同，可能会导致游戏画面的失真或拉伸等问题。

本实施例中，具体需要根据窗口大小和预设宽高比计算出最合适的游戏界面宽度和高度，并进行相应的调整。具体而言，当窗口宽高比小于预设宽高比时，为了保证游戏画面的完整性和可玩性，应该通过找到与宽度信息对应的最大值，来确定游戏显示画面的宽度，并根据预设宽高比调整游戏显示画面的高度。当窗口宽高比不小于预设宽高比时，应该通过找到与高度信息对应的最大值，来确定游戏显示画面的高度，并根据预设宽高比调整游戏界面的宽度。

假设，窗口的预设宽高比为16/9，横屏显示画面情况下，高度为100％，即高度撑满整个游戏窗口，宽度按照上述比例自适配缩放，左右留白。竖屏显示画面情况下，宽度100％，高度自适配，上下留白

在一个具体实施例中，假设窗口最初的尺寸A的宽度为800，高度为500，预设宽高比为16:9，此时，尺寸A的宽高比为：800：500＝8:5，比较尺寸A的宽高比与预设宽高比：8:5＜16:9，此时，在窗口尺寸A下，游戏显示画面为竖屏显示画面，游戏显示画面的宽度为窗口宽度的最大值(也即500)，游戏显示画面的高度为：500*9/16＝281.25。

在某一次窗口尺寸改变事件中，将窗口由尺寸A拉成尺寸B，如尺寸B的宽度为1000，高度为800，此时计算窗口的尺寸B的宽高比为：1000:800＝5:4；比较尺寸B的宽高比和预设宽高比：5:4<16:9，此时，在窗口尺寸由尺寸A改变为尺寸B的过程中，游戏显示画面仍为竖屏显示画面，在尺寸B下，游戏显示画面的宽度为800，游戏显示画面的高度为800*9/16＝450。

在另一次窗口尺寸改变事件中，将窗口由尺寸B拉为尺寸C，如尺寸C的宽度为1280，高度为720，此时计算窗口的尺寸C的宽高比为：1280:720＝16:9；比较尺寸C的宽高比和预设宽高比：16:9＝16:9，此时，在窗口尺寸由尺寸B改变为尺寸C的过程中，游戏显示画面由竖屏显示画面调整为横屏显示画面，在尺寸C下，游戏显示画面的高度为尺寸C对应的高度的最大值(也即720)，游戏显示画面的宽度为1280*9/16＝720。

通过以上步骤，我们可以根据窗口的宽高比和游戏内画面的宽高比确定游戏显示画面的横竖，并根据显示画面的横竖自适应调整画面的宽高。

除了基于窗口尺寸的自适应调整外，还可以考虑根据不同的终端设备类型和屏幕分辨率进行适配。例如，可以针对终端设备的小屏幕和大屏幕，分别设置不同的预设宽高比和显示参数。

综上，通过本实施例中的自适应调整功能，游戏界面可以根据窗口尺寸进行自动调整，使得游戏画面能够在终端设备上呈现出最佳的效果。用户可以在不同的终端设备上获得相似的游戏体验，并提高游戏的用户体验。

作为一种优选的实施例，根据显示参数生成游戏显示画面，包括：

根据显示参数对游戏显示画面的视频流图层进行调整；

根据调整后的视频流图层、UI图层中各UI按键与视频流图层的位置对应关系对UI图层进行调整。

具体地，由于不同终端设备的硬件性能、屏幕尺寸等因素的差异，会导致游戏画面的显示效果存在很大的差异性，对游戏操作和用户体验造成影响。如何在云游戏中实现游戏画面的动态调整，以适应不同终端设备的显示效果，成为了云游戏开发的一个重要问题。

本实施例中，根据显示参数对游戏显示画面的视频流图层进行调整。即将窗口尺寸信息转换为比例因子，再将比例因子应用于视频流图层的宽高尺寸，从而实现对视频流图层的缩放或剪裁，以保持显示效果的一致性。比如，在16:9的屏幕比例下，如果窗口的宽高分别为1280和720，那么比例因子分别为1和0.5625，视频流图层的宽高尺寸需要乘以这两个比例因子。同时，为了避免缩放或剪裁过度导致游戏画面失真，还需结合对应设备的硬件性能和显示效果等因素做出适当的调整。

对于UI图层的处理，需要根据UI图层中各UI按键与视频流图层的位置对应关系来进行调整。根据视频流图层和UI图层中各UI按键的位置关系进行调整。即根据游戏画面中的各个元素，如按钮、角色等在不同设备上的位置进行调整，以保持游戏操作的一致性和用户的良好体验。具体方式可以为：在UI图层中添加一个UI坐标系，根据该坐标系与视频流图层的位置关系计算出各UI按键在游戏画面中的位置，并进行相应的调整。比如，如果某个按钮在UI图层中的位置为(100,100)，而在游戏画面中的位置需要偏移(50,50)，则需要将按钮的坐标调整为(150,150)。此外，还需考虑到UI图层与视频流图层之间的交互，确保游戏操作的稳定性和畅顺性。

本实施例中的方式，可以实现对云游戏画面的动态调整，使其能够适应各种终端设备的屏幕尺寸、分辨率和屏幕比例等因素的差异，减少游戏画面的失真和UI操作的不稳定性，保证了游戏的流畅度和稳定性，从而提高了云游戏的兼容性和用户体验。

作为一种优选的实施例，根据调整后的视频流图层、UI图层中各UI按键与视频流图层的位置对应关系对UI图层进行调整，包括：

根据调整后的视频流图层、UI图层中各UI按键与视频流图层的相对横坐标百分比和相对纵坐标百分比对UI图层进行调整。

在云游戏中，由于游戏画面在云端生成，需要将游戏画面和UI图层进行合并显示，因此需要寻找一种自动化的UI调整方法，使得UI图层与游戏画面完美融合。

首先，根据窗口的尺寸信息，计算出游戏画面的图层尺寸，并将此信息发送至云游戏服务器。游戏服务器根据此信息生成游戏画面的视频流图层。根据视频流图层的位置和各UI按键的相对位置关系，计算出每个UI按键相对于视频流图层的横向和纵向的百分比。然后，根据横向和纵向的百分比和UI按键的自身尺寸，计算出UI按键在视频流图层中的位置，并将此信息发送回窗口端。窗口端收到此信息后，自动调整UI图层中每个UI按键的位置，并将UI图层与视频流图层一起显示。

具体地，可以是将UI按键的位置信息保存在UI图层中，并将UI图层所在的区域匹配到游戏画面的视频流图层上。根据UI按键的相对位置和视频流图层的位置关系，计算出UI按键在视频流图层中的实际位置，并将其显示在屏幕上。

本实施例中，采用自动化UI调整方法，可以降低游戏开发和适配的成本，同时提高用户体验。在云游戏中，自动化调整UI图层可以保证游戏画面和UI按键的整体协调，提高游戏的流畅度和美观度。同时，自动化调整还可以提高屏幕适配的效率和准确性，提高游戏的普及度。

作为一种优选的实施例，根据显示参数生成游戏显示画面，还包括：

控制UI图层上的各UI按键的尺寸与窗口的尺寸同比例变化。

具体地，在游戏界面调整中，UI图层中各个UI按键的尺寸与窗口大小的适配是一个重要的问题。传统的方法是将UI图层中各个UI按键的尺寸设定为固定值，但这种方法会导致不同分辨率终端设备上的游戏显示效果不同，影响游戏体验。

因此，本实施例中还可以通过调整UI按键的尺寸和布局来实现UI按键的自动调整。根据UI按键在不同尺寸设备上的显示情况，可以通过算法自动计算出每个UI按键在不同尺寸设备上的最佳尺寸，并进行自动调整。同时，也可以通过人工标记UI按键的重要程度和位置关系等信息，以实现更精细化的自动化调整。

本实施例中，通过控制UI图层上的各UI按键的尺寸与窗口的尺寸同比例变化的方法。具体实现方式可以为，在生成显示参数时，同时获取窗口的尺寸信息，并计算UI图层上各UI按键的缩放比例，以实现在不同分辨率终端设备上游戏界面的自适应显示。

除了上述方法之外，还可以采用动态布局的方式对UI图层进行自适应调整。具体实现方式是，根据UI按键的相对位置和大小，自动计算每个UI按键的位置和大小，使其与窗口大小保持比例关系。这种方法可以有效地解决不同分辨率终端设备上游戏界面显示不同的问题。

综上，本实施例可以使UI图层中各个UI按键的尺寸自适应窗口大小，解决了传统游戏界面调整中UI图层尺寸固定、适配不良的问题，使游戏界面在不同分辨率终端设备上显示效果更加统一和优化，提升了游戏体验。

为解决上述技术问题，本申请还提供了一种游戏界面的调整装置，请参照图3，图3为本申请提供的一种游戏界面的调整装置的结构框图，该装置应用于终端设备中的插件，包括：

尺寸信息获取单元31，用于基于预设事件的触发，获取窗口的尺寸信息；

显示参数生成单元32，用于根据尺寸信息生成显示参数；

游戏显示画面生成单元33，用于将显示参数发送至云游戏服务器，以使云游戏服务器根据显示参数生成游戏显示画面，并将游戏显示画面发送给窗口。

对于游戏界面的调整装置的介绍请参照上述实施例，本申请在此不再赘述。

为解决上述技术问题，本申请还提供了一种电子设备，请参照图4，图4为本申请提供的一种电子设备的结构框图，该电子设备包括处理器42和存储器41，其中：

存储器41用于存储计算机程序；

计算机程序由处理器42加载并执行以实现如上述的游戏界面的调整方法。

对于电子设备的介绍请参照上述实施例，本申请在此不再赘述。

为解决上述技术问题，本申请还提供了一种计算机可读存储介质，用于存储计算机可执行指令，计算机可执行指令被处理器加载并执行时，实现如上述的游戏界面的调整方法。

对于计算机可读存储介质的介绍请参照上述实施例，本申请在此不再赘述。

还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的状况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其他实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (12)

1.一种游戏界面的调整方法，其特征在于，应用于终端设备中的插件，包括：

基于预设事件的触发，获取窗口的尺寸信息；

根据所述尺寸信息生成显示参数；

将所述显示参数发送至云游戏服务器，以使所述云游戏服务器根据所述显示参数生成游戏显示画面，并将所述游戏显示画面发送给所述窗口。

2.如权利要求1所述的游戏界面的调整方法，其特征在于，基于预设事件的触发，获取窗口的尺寸信息，包括：

监听游戏事件，并在所述游戏事件为游戏启动事件时，获取所述窗口的尺寸信息。

3.如权利要求1所述的游戏界面的调整方法，其特征在于，基于预设事件的触发，获取窗口的尺寸信息，包括：

监听所述窗口的操作事件，在所述操作事件为改变所述窗口的尺寸信息的事件时，获取所述窗口的尺寸信息。

4.如权利要求1所述的游戏界面的调整方法，其特征在于，根据所述尺寸信息生成显示参数，包括：

根据所述窗口的宽度信息和高度信息计算所述游戏界面显示的宽高比。

5.如权利要求4所述的游戏界面的调整方法，其特征在于，根据所述窗口的宽度信息和高度信息计算所述游戏界面显示的宽高比之后，还包括：

确定计算出的所述游戏界面显示的宽高比是否小于预设宽高比；

若小于，则确定所述游戏显示画面为竖屏显示画面；否则，确定所述游戏显示画面为横屏显示画面；

其中，所述竖屏显示画面的画面宽度撑满所述窗口的宽度且所述竖屏显示画面的画面高度根据所述竖屏显示画面的画面宽度自适应调整；所述横屏显示画面的画面高度撑满所述窗口的高度且画面宽度根据所述横屏显示画面的画面高度自适应调整。

6.如权利要求5所述的游戏界面的调整方法，其特征在于，根据所述显示参数生成游戏显示画面，还包括：

在判定所述宽高比小于所述预设宽高比时，根据所述预设宽高比、所述窗口的宽度信息和高度信息确定所述游戏显示画面的宽度为与所述宽度信息对应的最大值，并根据确定的游戏显示画面的宽度和所述预设宽高比调整所述游戏显示画面的高度；

在判定所述宽高比不小于所述预设宽高比时，根据所述预设宽高比、所述窗口的宽度信息和高度信息确定所述游戏显示画面的高度为与所述高度信息对应的最大值，并根据确定的游戏显示画面的高度和所述预设宽高比调整所述游戏界面的宽度。

7.如权利要求1-6任一项所述的游戏界面的调整方法，其特征在于，根据所述显示参数生成游戏显示画面，包括：

根据所述显示参数对所述游戏显示画面的视频流图层进行调整；

根据调整后的视频流图层、UI图层中各UI按键与所述视频流图层的位置对应关系对所述UI图层进行调整。

8.如权利要求7所述的游戏界面的调整方法，其特征在于，根据调整后的视频流图层、UI图层中各UI按键与所述视频流图层的位置对应关系对所述UI图层进行调整，包括：

根据调整后的视频流图层、所述UI图层中各所述UI按键与所述视频流图层的相对横坐标百分比和相对纵坐标百分比对所述UI图层进行调整。

9.如权利要求7所述的游戏界面的调整方法，其特征在于，根据所述显示参数生成游戏显示画面，还包括：

控制所述UI图层上的各所述UI按键的尺寸与所述窗口的尺寸同比例变化。

10.一种游戏界面的调整装置，其特征在于，应用于终端设备中的插件，包括：

尺寸信息获取单元，用于基于预设事件的触发，获取窗口的尺寸信息；

显示参数生成单元，用于根据所述尺寸信息生成显示参数；

游戏显示画面生成单元，用于将所述显示参数发送至云游戏服务器，以使所述云游戏服务器根据所述显示参数生成游戏显示画面，并将所述游戏显示画面发送给所述窗口。

11.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，其中：

所述存储器用于存储计算机程序；

所述计算机程序由所述处理器加载并执行以实现如权利要求1至9任一项所述的游戏界面的调整方法。

12.一种计算机可读存储介质，其特征在于，用于存储计算机可执行指令，所述计算机可执行指令被处理器加载并执行时，实现如权利要求1至9任一项所述的游戏界面的调整方法。