CN116010008A - 按钮调整方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本公开提供了一种按钮调整方法、装置、计算机设备及存储介质，其中，该方法包括：响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

Description

按钮调整方法、装置、计算机设备及存储介质

技术领域

本公开涉及计算机应用技术领域，具体而言，涉及一种按钮调整方法、装置、计算机设备及存储介质。

背景技术

用户界面(User Interface，UI)是指对软件的人机交互、操作逻辑、界面美观的整体设计，是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。以游戏的用户界面为例，为了实现和用户之间的人机交互，在游戏的用户界面中，通常会设置多个按钮，用于触发在游戏中的不同交互操作，例如技能按钮，能够在游戏中控制虚拟对象释放游戏技能，社交功能按钮能够在游戏中实现各种社交功能。

一般游戏会提供一个默认的UI布局，而用户可以根据自己的实际体验需求对默认的UI布局进行调整，例如可以根据手部的操作习惯调整不同按钮的位置等。

发明内容

本公开实施例至少提供一种按钮调整方法、装置、计算机设备及存储介质。

第一方面，本公开实施例提供了一种按钮布局调整方法，包括：

响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

一种可选的实施方式中，所述预设操作包括：滑动操作；所述操作信息包括：所述滑动操作的滑动轨迹；所述布局更新信息包括：所述操作按5钮在所述用户界面中的布局位置；和/或，所述预设操作包括：点击操作；

所述操作信息包括：所述点击操作的点击面积；所述布局更新信息包括：

所述操作按钮的目标尺寸；所述基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息，包括：基于所述滑动操作的操作轨迹，确定

所述操作按钮在所述用户界面中的布局位置；和/或，基于所述点击面积，0确定所述操作按钮的目标尺寸。

一种可选的实施方式中，所述基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置，包括：基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域；基于所述操作按钮在所述

用户界面中的布局方式，确定各个所述操作按钮分别在所述布局区域中的5布局位置。

一种可选的实施方式中，所述基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域，包括：确定所述滑动轨迹和所述操作按钮所在默认区域的相对位置关系；响应于所述相对位置关系指示所述滑动轨

迹位于所述默认区域外，基于所述滑动轨迹所在的位置，确定所述布局区0域；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离小于或者等于所述预设距离阈值，将所述默认区域确定为所述布局区域；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域

的边界之间的距离大于所述预设距离阈值，基于所述滑动轨迹所在的位置，5确定所述布局区域。

一种可选的实施方式中，所述基于所述滑动轨迹所在的位置，确定所述布局区域，包括：基于所述滑动轨迹，确定所述布局区域的边界，并基于所述边界，确定所述布局区域。

一种可选的实施方式中，所述基于所述点击面积，确定所述操作按钮的目标尺寸，包括：基于所述点击面积、以及与多个第一预设面积区间分别对应的缩放比例，确定与所述点击面积对应的目标缩放比例；基于所述目标缩放比例、和所述操作按钮的默认尺寸，确定所述操作按钮的目标尺寸。

一种可选的实施方式中，所述布局更新信息还包括：不同操作按钮之间的目标间隔距离；所述方法还包括：基于所述操作信息，确定不同操作按钮之间的目标间隔距离。

一种可选的实施方式中，所述基于所述操作信息，确定不同操作按钮之间的目标间隔距离，包括：基于所述点击操作的点击面积；以及与多个第二预设面积区间分别对应的距离调整比例，确定与所述点击面积对应的目标距离调整比例；基于所述目标距离调整比例、和不同操作按钮之间的默认距离，确定所述不同操作按钮之间的目标间隔距离。

一种可选的实施方式中，所述基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局，包括：获取所述目标应用程序的用户界面中各个操作按钮在所述第一设备的所述第一布局信息；基于所述第一布局信息、所述第一设备的第一屏幕参数、以及所述第二设备的第二屏幕参数，确定所述操作按钮在所述第二设备的第二布局信息；基于所述第二布局信息、以及所述布局更新信息，确定所述操作按钮在所述第二设备中的布局。

第二方面，本公开实施例还提供一种按钮布局调整装置，包括：

显示模块，用于响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；响应模块，用于响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；确定模块，用于基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；调整模块，用于基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

一种可能的实施方式中，所述预设操作包括：滑动操作；所述操作信息包括：所述滑动操作的滑动轨迹；所述布局更新信息包括：所述操作按钮在所述用户界面中的布局位置；和/或，所述预设操作包括：点击操作；所述操作信息包括：所述点击操作的点击面积；所述布局更新信息包括：所述操作按钮的目标尺寸；所述确定模块，在基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息时，用于：基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置；和/或，基于所述点击面积，确定所述操作按钮的目标尺寸。

一种可能的实施方式中，所述确定模块，在基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置时，用于：基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域；基于所述操作按钮在所述用户界面中的布局方式，确定各个所述操作按钮分别在所述布局区域中的布局位置。

一种可能的实施方式中，所述确定模块，在基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域时，用于：确定所述滑动轨迹和所述操作按钮所在默认区域的相对位置关系；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域外，基于所述滑动轨迹所在的位置，确定所述布局区域；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离小于或者等于所述预设距离阈值，将所述默认区域确定为所述布局区域；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离大于所述预设距离阈值，基于所述滑动轨迹所在的位置，确定所述布局区域。

一种可能的实施方式中，所述确定模块，在基于所述滑动轨迹所在的位置，确定所述布局区域时，用于：基于所述滑动轨迹，确定所述布局区域的边界，并基于所述边界，确定所述布局区域。

一种可能的实施方式中，所述确定模块，在基于所述点击面积，确定所述操作按钮的目标尺寸时，用于：基于所述点击面积、以及与多个第一预设面积区间分别对应的缩放比例，确定与所述点击面积对应的目标缩放比例；基于所述目标缩放比例、和所述操作按钮的默认尺寸，确定所述操作按钮的目标尺寸。

一种可能的实施方式中，所述布局更新信息还包括：不同操作按钮之间的目标间隔距离；所述确定模块，还用于：基于所述操作信息，确定不同操作按钮之间的目标间隔距离。

一种可能的实施方式中，所述确定模块，在基于所述操作信息，确定不同操作按钮之间的目标间隔距离时，用于：基于所述点击操作的点击面积；以及与多个第二预设面积区间分别对应的距离调整比例，确定与所述点击面积对应的目标距离调整比例；基于所述目标距离调整比例、和不同操作按钮之间的默认距离，确定所述不同操作按钮之间的目标间隔距离。

所述调整模块，在基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局时，用于：获取所述目标应用程序的用户界面中各个操作按钮在所述第一设备的所述第一布局信息；基于所述第一布局信息、所述第一设备的第一屏幕参数、以及所述第二设备的第二屏幕参数，确定所述操作按钮在所述第二设备的第二布局信息；基于所述第二布局信息、以及所述布局更新信息，确定所述操作按钮在所述第二设备中的布局。

第三方面，本公开可选实现方式还提供一种计算机设备，处理器、存储器，所述存储器存储有所述处理器可执行的机器可读指令，所述处理器用于执行所述存储器中存储的机器可读指令，所述机器可读指令被所述处理器执行时，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。

第四方面，本公开可选实现方式还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被运行时执行上述第一方面，或第一方面中任一种可能的实施方式中的步骤。

本公开实施例在登录目标用用程序的终端设备从第一设备切换至第二设备的情况下，利用接收到的用户对用户界面的操作信息，确定多个按钮中的操作按钮的布局区域、以及操作按钮的目标尺寸，以基于确定的布局区域和目标尺寸，调整操作按钮在用户界面中的布局，从而使得调整后的用户界面能够在新的设备中更加适配用户的操作习惯，提升用户界面布局调整方式的便捷性。

另外，在登录目标应用程序的终端设备从第一设备切换至第二设备的情况下，第二设备还可以读取目标应用程序的用户界面中各个操作按钮在所述第一设备的第一布局信息，然后基于所述第一布局信息、所述第一设备的第一屏幕参数、以及所述第二设备的第二屏幕参数，确定所述操作按钮在所述第二设备的第二布局信息，并根据该第二布局信息，调整操作按钮在第二设备中的布局，从而能够快速将操作按钮在用户界面中的布局移植到新的第二设备中，无需用户在新切换的设备上重复按钮位置的调整过程，方便用户的使用。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，而非限制本公开的技术方案。

为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合附图，作详细说明如下。

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本公开一些实施例所提供的按钮布局调整方法的流程图；

图2示出了本公开一些实施例所提供的在用户界面中显示操作提示信息的具体示例；

图3示出了本公开一些实施例所提供的确定操作按钮在用户界面中的布局位置的具体方法的流程图；

图4示出了本公开一些实施例所提供的基于滑动轨迹确定布局区域的具体示例；

图5示出了本公开一些实施例所提供的确定操作按钮的目标尺寸的具体方法的流程图；

图6示出了本公开一些实施例所提供的基于布局更新信息以及所第一布局信息，确定操作按钮在所述用户界面的布局具体方法的流程图；

图7示出了本公开一些实施例所提供的操作按钮在第一设备中的布局、和调整后在第二设备中的布局的具体示例；

图8示出了本公开一些实施例所提供的按钮布局调整装置的示意图；

图9示出了本公开一些实施例所提供的计算机设备的示意图。

具体实施方式

为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。

经研究发现，当前对操作按钮在用户界面中的布局进行调整时，通常是通过用户界面中设置的特定按钮，触发进入到按钮布局的调整状态；在该调整状态下，当用户触发用户界面中的操作按钮时，终端设备不会响应对操作按钮的触发操作；在该调整状态下，用户能够通过将按钮拖动至用户界面的不同位置，以调整按钮在用户界面中的位置。但同一用户在不同设备登录同一应用程序时，由于不同设备的显示屏幕存在较大的尺寸、和分辨率的差异，无法直接对用户自己调整的UI布局进行移植，造成在用户切换设备登录应用程序后，按钮在在用户界面中的布局会恢复至默认设置，需要用户在新切换的设备上重复上述按钮位置的调整过程，调整过程较为繁琐，造成用户体验感较差的问题。

基于上述研究，本公开提供了一种按钮布局调整方法，在登录目标用用程序的终端设备从第一设备切换至第二设备的情况下，利用接收到的用户对用户界面的操作信息，确定多个按钮中的操作按钮的布局更新信息，以基于确定布局更新信息、以及操作按钮在第一设备中的第一布局信息，确定操作按钮在用户界面中的布局，从而使得调整后的用户界面能够在新的设备中复用第一设备中的布局情况的同时，更加适配用户对新的设备的操作习惯，提升用户界面布局调整方式的便捷性。

针对以上方案所存在的缺陷，均是发明人在经过实践并仔细研究后得出的结果，因此，上述问题的发现过程以及下文中本公开针对上述问题所提出的解决方案，都应该是发明人在本公开过程中对本公开做出的贡献。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

为便于对本实施例进行理解，首先对本公开实施例所公开的一种按钮布局调整方法进行详细介绍，本公开实施例所提供的按钮布局调整方法的执行主体一般为具有一定计算能力的计算机设备，该计算机设备例如包括：终端设备或服务器或其它处理设备，终端设备可以为用户设备(User Equipment，UE)、移动设备、用户终端、终端、蜂窝电话、无绳电话、个人数字助理(Personal Digital Assistant，PDA)、手持设备、计算设备、车载设备、可穿戴设备等。在一些可能的实现方式中，该按钮布局调整方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。

本公开实施例提供的按钮布局调整方法，可以用于多种应用程序，如游戏、社交、娱乐等，具体可以根据实际的需要进行设定应用的应用程序类型，本公开实施例不做限定。

下面对本公开实施例提供的按钮布局调整方法加以说明。

参见图1所示，为本公开实施例提供的按钮布局调整方法的流程图，所述方法包括步骤S101～S104，其中：

S101：响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同。

在具体实施中，第一设备，例如是用户登录目标应用程序所使用的历史终端设备；第二设备，例如是用户登录目标应用程序所使用的当前终端设备。屏幕参数，例如包括：屏幕尺寸、和/或屏幕分辨率。

一种可能的实施方式中，在用户在使用第二设备登录目标应用程序时，第二设备会检测用户是否登录过目标应用程序；如果否，则意味着并无目标应用程序在其他终端设备的登录记录，因此，也就不会存在第一设备。在该种情况下，可以在第二终端的显示屏幕中显示用户界面的默认布局。另外，还可以在终端设备的用户界面中为用户显示是否进行调整UI布局的控制按钮；用户可以通过该控制按钮，触发UI布局的调整。其中，在控制按钮被触发后，第二设备在用户界面中显示提示信息，以指示用户对用户界面进行预设操作。这样，使得用户在首次登录目标应用程序时，可以自主的选择是否要调整UI布局。

另外，若检测到用户通过第一设备登录过目标应用程序，则会检测用户是否首次使用该第二设备登录目标应用程序，若检测到用户首次使用该第二设备登录目标应用程序，则可以自动触发本公开实施例提供的按钮布局调整方法，确定第二终端设备的显示屏幕中显示的用户界面的布局。

在用户界面中显示的操作提示信息，例如可以包括：文字提示信息、语音提示信息、以及图示提示信息中的至少一种。

如图2所示，提供了一种通过用户界面显示操作提示信息的具体示例，在图2中a所示，在用户界面中显示文字提示信息“请以舒适的方式持握设备，并在用户界面中显示手指的推荐位置。用户可以基于该操作提示信息，按照一定的方式握持第二设备。如在该示例中，提示用户双手持握终端设备的两侧，并将拇指置于终端设备的显示屏幕上方。

如图2中b所示，在用户界面中显示文字提示信息“在屏幕中按照指示的方向进行滑动操作”，同时，还显示有图示提示，在该图示提示中，示出了滑动操作的滑动方向。

在图2中c所示，在用户界面中显示位姿提示信息“请在屏幕中进行点击操作”，同时，还显示有图示提示，在该图示提示中，显示点击操作的提示动画。

承接上述S101，本公开实施例提供的按钮布局调整方法还包括：

S102：响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息。

S103：基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息。

在具体实施中，所述预设操作包括：滑动操作；所述操作信息包括：所述滑动操作的滑动轨迹；所述布局更新信息包括：所述操作按钮在所述用户界面中的布局位置。

在确定操作按钮在用户界面中的布局位置时，例如可以基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置。

参见图3所示，提供一种基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置的具体方式，包括：

S301：基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域。

此处，在一般情况下，用户在持握终端设备时，通常的持握姿势都是从终端设备的两侧或者单侧的某个位置持握设备，并将拇指置于终端设备的显示屏幕上方，以通过拇指对用户界面中的操作按钮进行交互操作。而不同用户的手部条件不同，如不同用户的手指长度有所区别；且不同用户的持握姿势、以及持握位置可能会有所区别，进而造成不同在持握终端设备后，通过拇指和操作按钮进行交互时，操作的操作舒适区域不同。

在操作舒适区域内，用户能够灵活触发位于该操作舒适区域的操作按钮；而用户想要触发位于操作舒适区域外的操作按钮，则需要以更大的角度弯曲拇指、或者更改持握的姿势。

例如用户手持终端设备两侧的中下部，操作舒适区域也位于终端设备两侧靠近下边缘的区域。但若操作按钮过分的靠近终端设备的下边缘，则用户需要以更大的角度弯曲拇指，才能够用拇指触发到该操作按钮；若操作按钮过分的靠近终端设备的上边缘、或者靠近远离持握的一侧的边缘，则用户需要更改持握姿势，以能“够到”操作按钮。

为了能够使得确定的布局区域能够和用户的使用习惯匹配，且能够位于用户的操作舒适区域内，本公开实施例中，会基于用户在持握设备时所做出的滑动操作的滑动轨迹，为用户确定操作按钮在用户界面中的布局区域；将操作按钮布局在该布局区域内，方便用户对操作按钮的触发。

其中，操作按钮，例如包括：用户界面中多个操作按钮中的部分按钮；以将该按钮布局调整方法应用于游戏为例，在游戏对应的用户界面中的操作按钮，包括了用于释放技能的技能按钮、用于触发游戏内功能交互的交互按钮，以及用于控制虚拟对象在游戏对应的虚拟场景内移动的移动按钮。其中，由于技能按钮和移动按钮是用户经常会用到的按钮，因此，可以将技能按钮和移动按钮作为操作按钮，布局在操作舒适区域内，方便用户控制游戏中的虚拟对象进行技能的释放、以及控制虚拟对象的移动。

另外，也可以根据实际的应用需求，从用户界面的多个操作按钮中确定操作按钮，本公开实施例不做限定。

具体地，在基于滑动轨迹确定所述操作按钮在所述用户界面中的布局区域时，例如可以采用下述方式：

确定所述滑动轨迹和所述操作按钮所在默认区域的相对位置关系。响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域外，基于所述滑动轨迹所在的位置，确定所述布局区域；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离小于或者等于所述预设距离阈值，将所述默认区域确定为所述布局区域；响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离大于所述预设距离阈值，基于所述滑动轨迹所在的位置，确定所述布局区域。

在具体实施中，默认区域，例如是为操作按钮设置的标准区域；在用户不调节操作按钮在用户界面中布局的情况下，操作按钮按照预设的布局方式，在该默认区域内布局。

在本公开实施例中，滑动轨迹和默认区域的相对位置关系，例如包括：滑动轨迹位于默认区域外、滑动轨迹位于默认区域内中任一种。

其中，在滑动轨迹位于默认区域外的时候，则意味着用户的操作舒适区域要较之默认区域，更靠近滑动轨迹所在的位置，而对于默认区域远离滑动轨迹所在的一侧的操作按钮，需要用户以更大的角度弯曲拇指，操作不易；同时，滑动轨迹位于默认区域内，但过于远离默认区域的边界，也即，对于较为靠近默认区域边界的操作按钮的操作也会有很大的不便，需要用户更改握持终端设备的姿势，以增加拇指在终端设备的显示界面的覆盖范围，才可以触发到靠近默认区域边界的操作按钮。因此，在本公开实施例中，针对上述两种情况，都会基于滑动轨迹所在的位置，确定布局区域。其中，相对位置关系指示所述滑动轨迹位于所述默认区域内、但和所述默认区域的边界之间的距离大于预设距离阈值的情况，也即滑动轨迹虽然位于默认区域内，但过于远离默认区域边界的情况。

如图4所示，示出了一种基于相对位置关系，确定操作按钮的布局区域的具体示例，如图4中a所示，示出一种操作按钮在用户界面中的默认区域M1的具体示例；其中，在滑动操作的操作轨迹M2位于默认区域外的情况下，基于滑动轨迹确定的布局区域如图4中b所示，较之图4中a所示，布局区域较之默认区域更大。

此外，如图4中c所示，滑动操作的操作轨迹M3位于默认区域内，但和默认区域的边界之间的距离L1小于预设距离阈值L，此时，基于滑动轨迹确定的布局区域也如图4中d所示，该确定的布局区域M2较之默认区域更小。

而相对位置关系指示所述滑动轨迹和所述默认区域的边界之间的距离大于或者等于所述预设距离阈值的情况下，则意味着默认区域即用户的操作舒适区域，可以直接将该默认区域确定为操作按钮的布局区域。

在基于滑动轨迹所在的位置，确定布局区域时，例如可以基于所述滑动轨迹，确定所述布局区域的边界，并基于所述边界，确定所述布局区域。

其中，可以直接将滑动轨迹确定为布局区域的边界，也可以在距离滑动轨迹预设距离范围内，确定布局区域的边界；另外，还可以在滑动轨迹上确定多个位置点，基于该多个位置点确定布局区域的边界，在该种情况下，布局区域的边界和滑动轨迹并不完全重叠。具体的确定方式可以根据实际的需要确定边界的具体确定方式。

在确定了操作按钮在用户界面中的布局区域后，还包括：

S302：基于所述操作按钮在所述用户界面中的布局方式，确定各个所述操作按钮分别在所述布局区域中的布局位置。

其中，操作按钮在用户界面中的布局方式，例如包括：在默认区域中的布局位置。

在根据上述布局方式，确定各个操作按钮分别在布局区域中的布局位置时，例如可以基于默认区域在用户界面中的位置，确定默认区域和布局区域之间的位置映射关系，该位置映射关系，用于描述默认区域中的各个位置点，在布局区域中对应的位置点。

然后，根据操作按钮在默认区域中的布局位置以及上述位置映射关系，确定操作按钮在布局区域中的布局位置。

此外，在另一实施例中，所述预设操作还可以包括：点击操作；所述操作信息包括：所述点击操作的点击面积；所述布局更新信息包括：所述操作按钮的目标尺寸。

在确定操作按钮的目标尺寸时，例如可以基于所述点击面积，确定所述操作按钮的目标尺寸。

参见图5所示，本公开实施例还提供一种基于所述点击面积，确定所述操作按钮的目标尺寸的具体方式，包括：

S501：基于所述点击面积、以及与多个第一预设面积区间分别对应的缩放比例，确定与所述点击面积对应的目标缩放比例。

S502：基于所述目标缩放比例、和所述操作按钮的默认尺寸，确定所述操作按钮的目标尺寸。

在具体实施中，用户在进行点击操作时的点击面积越大，意味着其在点击操作按钮时，所需要的操作按钮的目标尺寸越大；而用户在进行点击操作的点击面积越小，则意味着，只要操作按钮具有较小的目标尺寸，就能够满足用户的点击操作。

而用户界面中，操作按钮的尺寸越大，越会遮挡用户界面中显示的其他内容，例如在用户界面中的显示的虚拟对象、和虚拟场景。因此，需要在用户在触发操作按钮时所需要的点击面积、以及减小对用户界面中展示的其他的内容的遮挡程度之间进行平衡，进而，在本公开实施例中，会确定与点击面积对应的多个第一预设面积区间；每个预设面积区间对应一缩放比例，用于对操作按钮进行面积的缩小、或者放大处理。

然后将点击面积落入的第一预设面积区间对应的缩放比例，确定为和点击面积对应的目标缩放比例，然后按照目标缩放比例，对操作按钮的默认尺寸进行缩小或者放大处理，以得到操作按钮的目标尺寸。

在本公开另一实施例中，所述布局更新信息还包括：不同操作按钮之间的目标间隔距离；按钮布局调整方法还包括：基于所述操作信息，确定不同操作按钮之间的目标间隔距离。

在具体实施中，在点击面积较大的情况下，意味着其在点击操作按钮时，所需要的操作按钮之间的目标间隔距离也越大；而用户在进行点击操作的点击面积越小，则意味着，只要不同操作按钮具有较小的目标间隔距离，就能够满足用户的点击操作。而不同操作按钮之间的目标间隔距离大到一定程度或者小到一定程度，都会对操作的便捷性造成影响。例如，若不同操作按钮之间的目标间隔距离过大，则会导致在触发不同操作按钮时，手指需要移动更大的距离，操作不方便；若不同操作按钮之间的目标间隔距离过下，则会导致在触发某个操作按钮时，可能会误触发到另一操作按钮。

进而，可以采用下述方式确定不同操作按钮之间的目标间隔距离，以保证不同操作按钮之间的距离能够既满足使用需求，又不会影响操作的便捷性：

基于所述点击操作的点击面积；以及与多个第二预设面积区间分别对应的距离调整比例，确定与所述点击面积对应的目标距离调整比例；

基于所述目标距离调整比例、和不同操作按钮之间的默认距离，确定所述不同操作按钮之间的目标间隔距离。

此处，可以确定与点击面积对应的多个第二预设面积区间；该第二预设面积区间和上述第一预设面积区间可以相同，也可以不同，具体根据实际的应用需求来确定。每个第二预设面积区间对应一距离调整比例；将点击面积落入的第二预设面积区间对应的距离调整比例，确定为目标距离调整比例，并基于目标距离调整比例和不同操作按钮之间的默认距离，确定不同操作按钮之间的目标间隔距离。

这里，在调整不同操作按钮之间的默认距离时，例如针对同一布局区域内的不同操作按钮进行调整；而对于位于不同布局区域内的不同操作按钮，则无需调整两者的目标间隔距离。

承接上述S103，本公开实施例提供的按钮布局调整方法，还包括下述S104：

S104：基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

在具体实施中，确定操作按钮在用户界面的布局的过程，即为将布局更新信息、和第一布局信息进行整合，以能够在第二设备中复用第一设备的UI布局的情况下，又能够根据用户对第二设备的使用习惯，进一步调整UI布局至和用户使用习惯匹配的过程。

如图6所示，在本公开另一实施例中，还提供一种确定按钮在用户界面的布局的具体方式，包括：

S601：获取所述目标应用程序的用户界面中各个操作按钮在所述第一设备的第一布局信息。

在具体实施中，操作按钮在第一设备中的第一布局信息，例如包括：用户在使用第一设备登录目标应用程序时，对操作按钮的默认布局进行修改后得到的布局信息；该修改例如是采用上述实施例进行修改的，也可以采用现有的布局修改方式进行修改的。第一设备在在对操作按钮在用户界面中的布局进行了修改后，会生成相应的第一布局信息，并存储至目标应用程序对应的服务器中，或者存储到第一设备中。

在登录目标应用程序的终端设备从第一设备切换至第二设备时，第二设备可以从服务器中获取第一布局信息，或者直接通过第一设备和第二设备之间进行数据传输，获得第一设备传输的第一布局信息。

其中，第一布局信息例如包括下述至少一种：操作按钮在用户界面中的位置坐标、操作按钮所在的位置和用户界面的边界位置之间的比例关系、以及不同操作按钮之间的相对位置关系。

S602：基于所述第一布局信息、所述第一设备的第一屏幕参数、以及所述第二设备的第二屏幕参数，确定所述操作按钮在所述第二设备的第二布局信息。

在具体实施中，第一设备的第一屏幕参数，例如包括：第一设备的显示屏幕的第一屏幕尺寸、以及第一屏幕分辨率。第二设备的第二屏幕参数例如包括：第二设备的显示屏幕的第二屏幕尺寸、以及第二屏幕分辨率。

在基于第一布局信息、第一屏幕参数、以及第二屏幕参数，确定第二布局信息的时候，例如可以采用下述方式：

基于第一屏幕尺寸、和第二屏幕尺寸，确定用户界面的横向尺寸调整比例、以及纵向尺寸调整比例；

以及，基于第一屏幕分辨率和第二屏幕分辨率，建立用户界面在第一设备进行显示和第二设备进行显示时的位置映射关系；该位置映射关系，用于描述用户界面在第一设备显示时的第一坐标点和在第二设备显示时的第二坐标点之间的对应关系；

基于横向尺寸调整比例、纵向尺寸调整比例、位置映射关系、以及第一布局信息，确定各个操作按钮在第二设备显示的用户界面中的第二布局信息。

S603：基于所述第二布局信息、以及所述布局更新信息，确定所述操作按钮在所述第二设备中的布局。

此处，基于第二布局信息和布局更新信息，确定操作按钮在第二设备中的布局，例如包括：基于布局更新信息对第二布局信息进行调整，以得到操作按钮在第二设备中的布局。

这样，通过上述方式，可以迅速将操作按钮在第一设备中的布局方式移植到第二终端设备，无需用户在新切换的设备上重复按钮布局的调整过程，方便用户的使用。

如图7所示的示例中，在图7中a所示的示例中，提供一种操作按钮在第一设备中的布局的具体示例；在该示例中，操作按钮包括：4个技能按钮S1～S5、以及摇杆S6，S1～S6在对应第一设备中对应的布局区域M4中的布局方式如图7中a所示。在图7中b所示的示例中，提供一种基于布局更新信息对第二布局信息进行调整，以得到操作按钮在第二设备中的布局的具体示例，其中，第二设备的屏幕尺寸大于第一设备的屏幕尺寸；基于滑动轨迹确定的布局区域M3大于默认区域，且各个操作按钮的目标尺寸S1默认尺寸；且将S1～S6的位置基在第二设备中布局区域M3所在的位置进行调整后，布局如图7中b所示。

本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。

基于同一发明构思，本公开实施例中还提供了与按钮布局调整方法对应的按钮布局调整装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述按钮布局调整方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。

参照图8所示，为本公开实施例提供的一种按钮布局调整装置的示意图，所述装置包括：

显示模块81，用于响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；

响应模块82，用于响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；

确定模块83，用于基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；

调整模块84，用于基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

一种可能的实施方式中，所述预设操作包括：滑动操作；所述操作信息包括：所述滑动操作的滑动轨迹；所述布局更新信息包括：所述操作按钮在所述用户界面中的布局位置；和/或，所述预设操作包括：点击操作；所述操作信息包括：所述点击操作的点击面积；所述布局更新信息包括：所述操作按钮的目标尺寸；

所述确定模块83，在基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息时，用于：

基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置；和/或，

基于所述点击面积，确定所述操作按钮的目标尺寸。

所述确定模块83，在基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息时，用于：

基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置；以及

基于所述点击面积，确定所述操作按钮的目标尺寸；

所述布局更新信息包括：所述布局位置以及所述目标尺寸。

一种可能的实施方式中，所述确定模块83，在基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置时，用于：

基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域；

基于所述操作按钮在所述用户界面中的布局方式，确定各个所述操作按钮分别在所述布局区域中的布局位置。

一种可能的实施方式中，所述确定模块83，在基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域时，用于：

确定所述滑动轨迹和所述操作按钮所在默认区域的相对位置关系；

响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域外，基于所述滑动轨迹所在的位置，确定所述布局区域；

响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离小于或者等于所述预设距离阈值，将所述默认区域确定为所述布局区域；

响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离大于所述预设距离阈值，基于所述滑动轨迹所在的位置，确定所述布局区域。

一种可能的实施方式中，所述确定模块83，在基于所述滑动轨迹所在的位置，确定所述布局区域时，用于：

基于所述滑动轨迹，确定所述布局区域的边界，并基于所述边界，确定所述布局区域。

一种可能的实施方式中，所述确定模块83，在基于所述点击面积，确定所述操作按钮的目标尺寸时，用于：

基于所述点击面积、以及与多个第一预设面积区间分别对应的缩放比例，确定与所述点击面积对应的目标缩放比例；

基于所述目标缩放比例、和所述操作按钮的默认尺寸，确定所述操作按钮的目标尺寸。

一种可能的实施方式中，所述布局更新信息还包括：不同操作按钮之间的目标间隔距离；所述确定模块83，还用于：基于所述操作信息，确定不同操作按钮之间的目标间隔距离。

一种可能的实施方式中，所述确定模块83，在基于所述操作信息，确定不同操作按钮之间的目标间隔距离时，用于：

基于所述点击操作的点击面积；以及与多个第二预设面积区间分别对应的距离调整比例，确定与所述点击面积对应的目标距离调整比例；

基于所述目标距离调整比例、和不同操作按钮之间的默认距离，确定所述不同操作按钮之间的目标间隔距离。

所述调整模块84，在基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局时，用于：

获取所述目标应用程序的用户界面中各个操作按钮在所述第一设备的所述第一布局信息；

基于所述第一布局信息、所述第一设备的第一屏幕参数、以及所述第二设备的第二屏幕参数，确定所述操作按钮在所述第二设备的第二布局信息；

基于所述第二布局信息、以及所述布局更新信息，确定所述操作按钮在所述第二设备中的布局。

关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。

本公开实施例还提供了一种计算机设备，如图9所示，为本公开实施例提供的计算机设备结构示意图，包括：

处理器91和存储器92；所述存储器92存储有处理器91可执行的机器可读指令，处理器91用于执行存储器92中存储的机器可读指令，所述机器可读指令被处理器91执行时，处理器91执行下述步骤：

响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；

响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；

基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；

基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

上述存储器92包括内存921和外部存储器922；这里的内存921也称内存储器，用于暂时存放处理器91中的运算数据，以及与硬盘等外部存储器922交换的数据，处理器91通过内存921与外部存储器922进行数据交换。

上述指令的具体执行过程可以参考本公开实施例中所述的按钮布局调整方法的步骤，此处不再赘述。

本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的按钮布局调整方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。

本公开实施例还提供一种计算机程序产品，该计算机程序产品承载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中所述的按钮布局调整方法的步骤，具体可参见上述方法实施例，在此不再赘述。

其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。

可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。

Claims (12)

1.一种按钮布局调整方法，其特征在于，包括：

响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；

响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；

基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；

基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

2.根据权利要求1所述的方法，其特征在于，所述预设操作包括：滑动操作；所述操作信息包括：所述滑动操作的滑动轨迹；所述布局更新信息包括：所述操作按钮在所述用户界面中的布局位置；和/或，所述预设操作包括：点击操作；所述操作信息包括：所述点击操作的点击面积；所述布局更新信息包括：所述操作按钮的目标尺寸；

所述基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息，包括：

基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置；和/或，

基于所述点击面积，确定所述操作按钮的目标尺寸。

3.根据权利要求2所述的方法，其特征在于，所述基于所述滑动操作的操作轨迹，确定所述操作按钮在所述用户界面中的布局位置，包括：

基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域；

基于所述操作按钮在所述用户界面中的布局方式，确定各个所述操作按钮分别在所述布局区域中的布局位置。

4.根据权利要求3所述的方法，其特征在于，所述基于所述滑动轨迹，确定所述操作按钮在所述用户界面中的布局区域，包括：

确定所述滑动轨迹和所述操作按钮所在默认区域的相对位置关系；

响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域外，基于所述滑动轨迹所在的位置，确定所述布局区域；

响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离小于或者等于所述预设距离阈值，将所述默认区域确定为所述布局区域；

响应于所述相对位置关系指示所述滑动轨迹位于所述默认区域内，且所述滑动轨迹和所述默认区域的边界之间的距离大于所述预设距离阈值，基于所述滑动轨迹所在的位置，确定所述布局区域。

5.根据权利要求4所述的方法，其特征在于，所述基于所述滑动轨迹所在的位置，确定所述布局区域，包括：

基于所述滑动轨迹，确定所述布局区域的边界，并基于所述边界，确定所述布局区域。

6.根据权利要求2-5任一项所述的方法，其特征在于，所述基于所述点击面积，确定所述操作按钮的目标尺寸，包括：

基于所述点击面积、以及与多个第一预设面积区间分别对应的缩放比例，确定与所述点击面积对应的目标缩放比例；

基于所述目标缩放比例、和所述操作按钮的默认尺寸，确定所述操作按钮的目标尺寸。

7.根据权利要求2-5任一项所述的方法，其特征在于，所述布局更新信息还包括：不同操作按钮之间的目标间隔距离；

所述方法还包括：基于所述操作信息，确定不同操作按钮之间的目标间隔距离。

8.根据权利要求7所述的方法，其特征在于，所述基于所述操作信息，确定不同操作按钮之间的目标间隔距离，包括：

基于所述点击操作的点击面积；以及与多个第二预设面积区间分别对应的距离调整比例，确定与所述点击面积对应的目标距离调整比例；

基于所述目标距离调整比例、和不同操作按钮之间的默认距离，确定所述不同操作按钮之间的目标间隔距离。

9.根据权利要求1所述的方法，其特征在于，所述基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局，包括：

获取所述目标应用程序的用户界面中各个操作按钮在所述第一设备的所述第一布局信息；

基于所述第一布局信息、所述第一设备的第一屏幕参数、以及所述第二设备的第二屏幕参数，确定所述操作按钮在所述第二设备的第二布局信息；

基于所述第二布局信息、以及所述布局更新信息，确定所述操作按钮在所述第二设备中的布局。

10.一种按钮布局调整装置，其特征在于，包括：

显示模块，用于响应于登录目标应用程序的终端设备从第一设备切换至第二设备，在第二设备的用户界面中显示操作提示信息；所述操作提示信息用于指示用户对所述用户界面进行预设操作；所述第二设备与第一设备的屏幕参数不同；

响应模块，用于响应于接收到对所述用户界面的预设操作，获取所述预设操作的操作信息；

确定模块，用于基于所述操作信息，确定所述用户界面中的操作按钮的布局更新信息；

调整模块，用于基于所述布局更新信息以及所述操作按钮在第一设备中的第一布局信息，确定所述操作按钮在所述用户界面的布局。

11.一种计算机设备，其特征在于，包括：处理器、存储器，所述存储器存储有所述处理器可执行的机器可读指令，所述处理器用于执行所述存储器中存储的机器可读指令，所述机器可读指令被所述处理器执行时，所述处理器执行如权利要求1至9任一项所述的按钮布局调整方法的步骤。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被计算机设备运行时，所述计算机设备执行如权利要求1至9任一项所述的按钮布局调整方法的步骤。

Images