CN115970263A - 控件的调整方法、装置以及电子终端 - Google Patents

控件的调整方法、装置以及电子终端 Download PDF

Info

Publication number
CN115970263A
CN115970263A CN202310117283.7A CN202310117283A CN115970263A CN 115970263 A CN115970263 A CN 115970263A CN 202310117283 A CN202310117283 A CN 202310117283A CN 115970263 A CN115970263 A CN 115970263A
Authority
CN
China
Prior art keywords
target
control
distance
controls
control group
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
CN202310117283.7A
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.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network 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 Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN202310117283.7A priority Critical patent/CN115970263A/zh
Publication of CN115970263A publication Critical patent/CN115970263A/zh
Priority to PCT/CN2023/104550 priority patent/WO2024152522A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/20—Input arrangements for video game devices
    • A63F13/21—Input arrangements for video game devices characterised by their sensors, purposes or types
    • A63F13/214—Input arrangements for video game devices characterised by their sensors, purposes or types for locating contacts on a surface, e.g. floor mats or touch pads
    • A63F13/2145—Input arrangements for video game devices characterised by their sensors, purposes or types for locating contacts on a surface, e.g. floor mats or touch pads the surface being also a display device, e.g. touch screens
    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/20—Input arrangements for video game devices
    • A63F13/22—Setup operations, e.g. calibration, key configuration or button assignment
    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/40—Processing input control signals of video game devices, e.g. signals generated by the player or derived from the environment
    • A63F13/42—Processing input control signals of video game devices, e.g. signals generated by the player or derived from the environment by mapping the input signals into game commands, e.g. mapping the displacement of a stylus on a touch screen to the steering angle of a virtual vehicle
    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/80—Special adaptations for executing a specific game genre or game mode
    • A63F13/837—Shooting of targets

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开提供了一种控件的调整方法、装置以及电子终端，涉及界面交互技术领域，缓解了目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。该方法包括：响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；确定所述目标边距调整趋向对应的目标移动方向；将所述目标控件组包含的全部目标控件向所述目标移动方向移动。

Description

控件的调整方法、装置以及电子终端
技术领域
本公开涉及界面交互技术领域，尤其是涉及一种控件的调整方法、装置以及电子终端。
背景技术
目前，射击类手游需要操作的按钮通常较多，不同玩家由于操作习惯和手指大小的差异，对于操作按钮通常会有自定义位置、透明度和大小的需求。
目前自定义按钮位置的主流方案是通过手动调整的方式，即先按住要调整的按钮，然后拖动到自己想调整的位置上。这种手动调整方法虽然能满足调整按钮位置的需求，但对于一些需求快速调整多个操作按钮位置的场景会不够便捷，导致目前对图形用户界面中多个按钮位置的调整操作便捷度较低。
发明内容
本公开的目的在于提供一种控件的调整方法、装置以及电子终端，以缓解目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。
第一方面，本公开实施例提供了一种控件的调整方法，通过终端设备提供图形用户界面，所述图形用户界面中包含至少一控件组，每个所述控件组包含多个控件，所述控件组对应有边距，所述边距用于表示所述控件组与所述图形用户界面的边界之间的距离；所述方法包括：
响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
确定所述目标边距调整趋向对应的目标移动方向；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
第二方面，提供了一种控件的调整装置，其特征在于，通过终端设备提供图形用户界面，所述图形用户界面中包含至少一控件组，每个所述控件组包含多个控件，所述控件组对应有边距，所述边距用于表示所述控件组与所述图形用户界面的边界之间的距离；包括：
第一确定模块，用于响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
第二确定模块，用于确定所述目标边距调整趋向对应的目标移动方向；
移动模块，用于将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
第三方面，本公开实施例又提供了一种电子终端，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的第一方面所述方法。
第四方面，本公开实施例又提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可运行指令，所述计算机可运行指令在被处理器调用和运行时，所述计算机可运行指令促使所述处理器运行上述的第一方面所述方法。
本公开实施例带来了以下有益效果：
本公开实施例提供的一种控件的调整方法、装置以及电子终端，能够响应于针对至少一控件组中目标控件组对应的目标边距的第一调整操作，确定第一调整操作对应的目标边距调整趋向，每种边距调整趋向对应一种移动方向，确定目标边距调整趋向对应的目标移动方向，将目标控件组包含的全部目标控件向目标移动方向移动，本方案中，通过调整目标控件组对应的目标边距的某种边距调整趋向，能够将该目标控件组中所有的控件统一向这种边距调整趋向对应的方向移动，能够快捷的调整多个控件的位置，使玩家选择的目标控件组中的多个控件能够整体移动，提供了可以快捷调整多个控件位置的交互方式，实现了在自定义控件位置时玩家能够一次性对多个控件一起调整位置，降低了玩家调整多个控件位置的操作成本，满足了不同类型玩家对控件布局偏好需求，缓解了目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。
为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本公开具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了本公开实施例提供的应用场景示意图；
图2示出了本公开实施例提供的一种手机的结构示意图；
图3示出了本公开实施例提供的一种触控终端的使用场景示意图；
图4为本公开实施例提供的控件的调整方法的流程示意图；
图5示出了本公开实施例提供一种显示图形用户界面的终端设备示意图；
图6示出了本公开实施例提供另一种显示图形用户界面的终端设备示意图；
图7示出了本公开实施例提供另一种显示图形用户界面的终端设备示意图；
图8示出了本公开实施例提供另一种显示图形用户界面的终端设备示意图；
图9为本公开实施例提供的一种控件的调整装置的结构示意图；
图10示出了本公开实施例所提供的一种电子设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合附图对本公开的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
本公开实施例中所提到的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括其他没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
目前，射击类手游需要操作的按钮通常较多，不同玩家由于操作习惯和手指大小的差异，对于操作按钮通常会有自定义位置、透明度和大小的需求。目前自定义按钮位置的主流方案是通过手动调整的方式，即先按住要调整的按钮，然后拖动到玩家想要调整的位置上。手动调整虽然能满足调整按钮位置的需求，但对于一些想快速调整所有操作按钮位置的场景会不够便捷。
例如，玩家在平板电脑上玩游戏时，根据适配规则，两侧的按钮会向屏幕中间靠拢，导致玩家需要把两侧的按钮都往左侧或右侧移动一下才能更好的点击按钮。对于手指较大的玩家，需要增大按钮之间的距离以避免误触，因此需要统一调整所有操作按钮之间的间距。
如果采用手动调整的方式解决上诉问题，一方面会很繁琐，需要一个一个调整每个按钮的位置，另一方面，难以精准调整每个按钮的位置以及所有按钮之间的间距都等比放大或缩小。
由此可见，目前对图形用户界面中多个按钮位置的调整操作便捷度较低。
基于此，本公开实施例提供了一种控件的调整方法、装置以及电子终端，通过该方法可以缓解目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。
在本公开其中一种实施例中的控件的调整方法可以运行于本地终端设备或者是服务器。当控件的调整方法运行于服务器时，该方法则可以基于云交互系统来实现与执行，其中，云交互系统包括服务器和客户端设备。
在一可选的实施方式中，云交互系统下可以运行各种云应用，例如：云游戏。以云游戏为例，云游戏是指以云计算为基础的游戏方式。在云游戏的运行模式下，游戏程序的运行主体和游戏画面呈现主体是分离的，控件的调整方法的储存与运行是在云游戏服务器上完成的，客户端设备的作用用于数据的接收、发送以及游戏画面的呈现，举例而言，客户端设备可以是靠近用户侧的具有数据传输功能的显示设备，如，移动终端、电视机、计算机、掌上电脑等；但是进行信息处理的为云端的云游戏服务器。在进行游戏时，玩家操作客户端设备向云游戏服务器发送操作指令，云游戏服务器根据操作指令运行游戏，将游戏画面等数据进行编码压缩，通过网络返回客户端设备，最后，通过客户端设备进行解码并输出游戏画面。
在一可选的实施方式中，以游戏为例，本地终端设备存储有游戏程序并用于呈现游戏画面。本地终端设备用于通过图形用户界面与玩家进行交互，即，常规的通过电子设备下载安装游戏程序并运行。该本地终端设备将图形用户界面提供给玩家的方式可以包括多种，例如，可以渲染显示在终端的显示屏上，或者，通过全息投影提供给玩家。举例而言，本地终端设备可以包括显示屏和处理器，该显示屏用于呈现图形用户界面，该图形用户界面包括游戏画面，该处理器用于运行该游戏、生成图形用户界面以及控制图形用户界面在显示屏上的显示。
在一种可能的实施方式中，本公开实施例提供了一种控件的调整方法，通过终端设备提供图形用户界面，其中，终端设备可以是前述提到的本地终端设备，也可以是前述提到的云交互系统中的客户端设备。
例如，如图1所示，图1为本公开实施例提供的应用场景示意图。该应用场景可以包括触控终端(例如，手机102)和服务器101，该触控终端可以通过有线网络或无线网络与服务器101进行通信。其中触控终端用于运行虚拟桌面，通过该虚拟桌面，可以与服务器101进行交互，以实现对服务器101中的内容进行控制等等。
本实施例的触控终端以手机102为例进行说明。手机102包括射频(RadioFrequency，简称RF)电路110、存储器120、触摸屏130、处理器140等部件。本领域技术人员可以理解，图2中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。本领领域技术人员可以理解触摸屏130属于用户界面(User Interface，简称UI)，且手机102可以包括比图示或者更少的用户界面。
RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(Global System of Mobilecommunication，简称GSM)、通用分组无线服务(General Packet Radio Service，简称GPRS)、码分多址(Code Division Multiple Access，简称CDMA)、宽带码分多址(WidebandCode Division Multiple Access，简称WCDMA)、长期演进(Long Term Evolution，简称LTE)、电子邮件、短消息服务(Short Messaging Service，简称SMS)等。
存储器120可用于存储软件程序以及模块，处理器140通过运行存储在存储器120的软件程序以及模块，从而执行手机102的各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据手机102的使用所创建的数据等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
触摸屏130可用于显示图形用户界面和接收用户针对图形用户界面的操作。具体的触摸屏130可包括显示面板和触控面板。其中显示面板可以采用液晶显示器(LiquidCrystal Display，简称LCD)、有机发光二极管(Organic Light-Emitting Diode，简称OLED)等形式来配置。触控面板可收集用户在其上或附近的接触或者非接触操作(例如，如图3所示，用户使用手指103、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成预先设定的操作指令。另外，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位、姿势，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成处理器能够处理的信息，再送给处理器140，并能接收处理器140发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板，也可以采用未来发展的任何技术实现触控面板。进一步的，触控面板可覆盖显示面板，用户可以根据显示面板显示的图形用户界面，在显示面板上覆盖的触控面板上或者附近进行操作，触控面板检测到在其上或附近的操作后，传送给处理器140以确定用户输入，随后处理器140响应于用户输入在显示面板上提供相应的视觉输出。另外，触控面板与显示面板可以作为两个独立的部件来实现也可以集成而来实现。
处理器140是手机102的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行手机102的各种功能和处理数据，从而对手机进行整体监控。
下面结合附图对本公开实施例进行进一步地介绍。
图4为本公开实施例提供的一种控件的调整方法的流程示意图。其中，该方法可以应用于可呈现图形用户界面的终端设备(例如图2所示的手机102)，通过终端设备提供图形用户界面，图形用户界面中包含至少一控件组，控件组中包含多个控件，控件组对应有边距，边距用于表示控件组与图形用户界面的边界之间的距离。如图4所示，该方法包括：
步骤S410，响应于针对至少一控件组中目标控件组对应的目标边距的第一调整操作，确定第一调整操作对应的目标边距调整趋向。
其中，每种边距调整趋向对应一种移动方向。例如，缩短的边距调整趋向对应向图形用户界面中央位置的移动方向，又例如，拉长的边距调整趋向对应向图形用户界面边界处的移动方向。
在一种可选的实施方式中，如图5所示，本公开实施例中的控件(即按钮)可以是图形用户界面上比较大的区域范围，也可以是图形用户界面上比较小的区域范围。控件可以是方形、矩形、框型，也可以是其它形状(比如，圆形等)。图形用户界面所呈现的内容可以包含控件的全部，也可以是内容热区的局部。例如，当某个控件在图形用户界面中被放大显示时，在终端设备的图形用户界面上显示内容热区的局部内容。控件可以显示在图形用户界面中左上方、右上方或者其它位置，本示例性实施例不作限制。
具体而言，通过终端设备提供一图形用户界面，图形用户界面包括至少一个功能控件，例如，攻击控件、移动控件、射击控件、道具释放控件、瞄准控件等等。响应针对移动控件的触控操作，控制虚拟角色在游戏场景中移动；响应针对射击控件的触控操作，控制虚拟角色朝瞄准方向进行射击；响应针对道具释放控件的触控操作，控制虚拟角色朝瞄准方向投掷虚拟道具；响应针对瞄准控件的触控操作，控制虚拟对象调整瞄准方向，等等。
需要说明的是，控件组可以位于图形用户界面中的任意位置。例如，控件组的数量有两个，分别位于图形用户界面中的左侧与右侧，这两个控件组对应的两个边距分别是左侧的控件组与图形用户界面左侧边界的距离，以及右侧的控件组与图形用户界面右侧边界的距离。
步骤S420，确定目标边距调整趋向对应的目标移动方向。
示例性的，目标边距调整趋向为左侧边距缩短，则对应的目标移动方向为左控件组向左；目标边距调整趋向为右侧边距缩短，则对应的目标移动方向为右控件组向右；目标边距调整趋向为左侧边距拉长，则对应的目标移动方向为左控件组向右；目标边距调整趋向为右侧边距拉长，则对应的目标移动方向为左控件组向左。
当然，移动方向不仅可以包含左右方向的移动，还可以包含上下等方向的移动。例如，目标边距调整趋向为上侧边距缩短，则对应的目标移动方向为上控件组向上；目标边距调整趋向为下侧边距拉长，则对应的目标移动方向为下控件组向上。
步骤S430，将目标控件组包含的全部目标控件向目标移动方向移动。
示例性的，将上控件组包含的全部目标控件向下移动，将左控件组包含的全部目标控件向右移动，将右控件组包含的全部目标控件向左移动等等，可以存在多种控件移动方式。
本公开实施例中，通过调整目标控件组对应的目标边距的某种边距调整趋向，能够将该目标控件组中所有的控件统一向这种边距调整趋向对应的方向移动，能够快捷的调整多个控件的位置，使玩家选择的目标控件组中的多个控件能够整体移动，提供了可以快捷调整多个控件位置的交互方式，实现了在自定义控件位置时玩家能够一次性对多个控件一起调整位置，降低了玩家调整多个控件位置的操作成本，满足了不同类型玩家对控件布局偏好需求，提高了对图形用户界面中多个控件位置的调整操作的便捷度。
下面对上述步骤进行详细介绍。
在一些实施例中，玩家可以将不同侧控件组中的控件向多种方向移动，便于游戏过程中对位于界面不同侧的角色控制按键的操作。作为一个示例，至少一控件组包括：位于相对于图形用户界面的参考线第一侧区域内的第一控件组，以及相对于参考线第二侧区域内的第二控件组；边距调整趋向包括如下至少一种：第一控件组的边距调整缩短、第一控件组的边距调整拉长、第二控件组的边距调整缩短、第二控件组的边距调整拉长；其中，第一控件组的边距调整拉长以及第二控件组的边距调整拉长均对应向参考线的移动方向，第一控件组的边距调整缩短以及第二控件组的边距调整缩短均对应向与参考线相反的移动方向。
在实际应用中，参考线可以位于图形用户界面中的任意位置，本公开实施例中对参考线的位置不做限定。
作为一种示例，参考线可以为图形用户界面的中线。例如，参考线为将图形用户界面的上下侧均等分的中线，则不同侧的区域包含相对于图形用户界面上侧区域以及下侧区域，且上侧区域和下侧区域的区域尺寸相同；又例如，如图5所示，参考线501为将图形用户界面的左右侧均等分的中线，则不同侧的区域包含相对于图形用户界面左侧区域以及右侧区域，且左侧区域和右侧区域的区域尺寸相同，如图5中的图形用户界面被分为尺寸相同的第一侧区域502和第二侧区域503，第一侧区域502内的第一控件组包含两个第一控件504，第二侧区域503内的第二控件组包含五个第二控件505。
在实际应用中，上述步骤S410中的目标控件组可以为第一控件组，即待调整控件为第一控件组中的两个第一控件504；上述步骤S410中的目标控件组也可以为第二控件组，即待调整控件为第二控件组中的五个第二控件505。
作为另一种示例，参考线可以为图形用户界面中偏离中间位置的非中线。例如，参考线为将图形用户界面分为上下侧但较为接近上侧的中线，则不同侧的区域包含相对于图形用户界面上侧区域以及下侧区域，且上侧区域的尺寸小于下侧区域的尺寸；又例如，参考线为将图形用户界面分为左右侧但较为接近右侧的中线，则不同侧的区域包含相对于图形用户界面左侧区域以及右侧区域，且右侧区域的尺寸小于左侧区域的尺寸。
对于图形用户界面中的左侧区域和右侧区域，示例性的，如图5所示，将操作控件分为左侧和右侧两部分，分别对这两部分进行整体移动。若玩家要将左侧控件整体向屏幕中间移动，则可以点击界面中标注的“拉长”控件；同理，若玩家要将右侧控件整体向右侧移动，则点击右侧边距的“缩短”控件。通常游戏过程中对虚拟角色的控制按键一般位于界面中的左右两侧，通过将左右两侧的控件组中的控件向左右这两种方向移动，便于游戏过程中对位于界面左右侧的角色控制按键的操作。
通过将不同侧的控件组中的控件向不同方向移动，玩家可以将不同侧控件组中的控件向多种方向移动，便于游戏过程中对位于界面不同侧的角色控制按键的灵活操作。
在一些实施例中，在响应调整操作时，可以先确定调整的目标控件组中所包含的目标控件。作为一个示例，上述步骤S410中响应于针对至少一控件组中目标控件组对应的目标边距的第一调整操作的过程可以包括如下步骤：
步骤S412，获取第一调整操作，根据第一调整操作确定目标调整区域；
步骤S414，确定位于目标调整区域内的控件。
对于上述步骤S412，其中，图形用户界面中包括根据参考线确定的至少两个区域，目标调整区域为至少两个区域中的其中一区域。需要说明的是，参考线为图形用户界面中的线。
对于上述步骤S414，其中，位于目标调整区域内的控件为目标控件组。在实际应用中，在响应调整操作时可以确定出位于目标调整区域内的目标控件组中的所有控件，即调整操作的调整对象控件。
本公开实施例中，通过先确定调整操作对应的目标调整区域，然后再确定位于该目标调整区域内的目标控件组，能够使移动的对象更加精确，避免由于位于不同区域中的控件组的混淆而移动错误的控件。
基于上述位于不同区域的控件组，在手动单独调整某控件后可以重新确定不同控件组所包含的全部控件。作为一个示例，在上述步骤S410之前，该方法还可以包括以下步骤：
步骤n)，响应于针对第一侧区域内的第三控件的拖拽操作，根据拖拽操作将第三控件从第一侧区域内移动至第二侧区域内；
步骤o)，基于移动后的至少一第三控件，确定图形用户界面中第一控件组包含的全部控件以及第二控件组包含的全部控件。
对于上述步骤n)，需要说明的是，其中的拖拽操作为从第一侧区域拖拽至第二侧区域的操作。例如，拖拽操作为从参考线的左侧区域拖拽至参考线的右侧区域的操作，或，从参考线的右侧区域拖拽至参考线的左侧区域的操作。
对于上述步骤o)，移动后的第三控件属于第二控件组。示例性的，若步骤n)中的拖拽操作为从参考线的左侧区域拖拽至参考线的右侧区域的操作，则移动后的第一控件属于右侧控件组；若步骤n)中的拖拽操作为从参考线的右侧区域拖拽至参考线的左侧区域的操作，则移动后的第一控件属于左侧控件组。
本公开实施例中，对于位于不同区域的控件组，在手动单独调整某控件后可以重新确定不同控件组各自包含的全部控件，如重新获取位于图形用户界面中左侧区域或右侧区域的全部控件位置，即重新确定左控件组包含的控件以及右控件组包含的控件，然后对左控件组或右控件组进行整体调整。进而可以在整体调整前确定界面中控件的更加精确的位置，避免手动单独调整某个控件影响后续整体位置调整对象的准确度。
在一些实施例中，每次控件组中控件移动的距离可以是固定距离，便于玩家提前预估每次调整操作对应的调整结果。作为一个示例，上述步骤S430可以包括如下步骤：
步骤a)，将目标控件组包含的全部目标控件向目标移动方向移动一个指定距离。
可选的，玩家每点击一次左侧边距拉长控件，左侧控件组中的控件均向图形用户界面中央位置移动一个指定距离D。如果玩家点击两次右侧边距缩短控件，右侧控件组中的控件均向右移动两个指定距离即2*D，以此类推。
通过使每次控件组中控件移动的距离都是固定距离，便于玩家提前预估每次调整操作对应的调整结果。
在一些实施例中，可以利用一些图形用户界面参数计算出每次边距调整操作对应的移动距离，使每次移动的距离能够适应于不同的图形用户界面情况。作为一个示例，上述步骤S430可以包括如下步骤：
步骤b)，根据图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离；
步骤c)，将目标控件组包含的全部目标控件向目标移动方向移动一个控件移动距离。
对于上述步骤b)，其中的预设中央极限位置表示控件相对于图形用户界面的中央预设第一最短距离对应的极限位置，预设边界极限位置表示控件相对于边界预设第二最短距离对应的极限位置。
通过利用图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置等界面参数计算出每次调整操作对应的移动距离，使每次移动的距离能够适应于不同的图形用户界面情况。
基于上述步骤b)和步骤c)，可以通过统一的移动距离计算公式，实现对所有操作控件位置的精确调整。作为一个示例，上述步骤b)可以包括如下步骤：
通过公式D＝[X(1-m1)/2-X(1-m2)/2]/100确定控件移动距离。
其中，D表示控件移动距离，X表示图形用户界面的水平分辨率，m1表示控件相对于图形用户界面的中央预设第一最短距离对应的极限位置，m2表示控件相对于边界预设第二最短距离对应的极限位置。
对于每个控件的上述移动距离计算公式中的参数，可选的，其中的X可以为手机屏幕的水平分辨率，m1可以是控件往中间移动所能到达的极限位置，以占X的百分比表示，m2可以是控件往边界移动所能到达的极限位置，同样也能够以占X的百分比表示。
本公开实施例中，通过统一的移动距离计算公式，实现了对所有操作控件位置的调整数据更加精确。
在一些实施例中，在玩家调整边距的同时还可以实时的展示出边距调整结果，以便于玩家随时能够确定当前边距调整情况。作为一个示例，该方法还可以包括以下步骤：
步骤d)，响应于针对目标控件组对应的目标边距的第一调整操作，在图形用户界面中显示按照目标边距调整趋向调整后的目标边距的提示信息。
如图6所示，在调整位置时，可以显示某特定颜色的边距线以帮助玩家预览调整的距离，即在设置界面实时预览控件位移后的实际效果。通过在玩家调整边距的同时能够实时的展示出边距调整结果，便于玩家随时能够确定当前边距调整情况。
基于上述步骤d)，上述目标边距可以通过目标控件组中最边上的目标控件位置来提示。作为一个示例，上述步骤d)可以包括以下步骤：
步骤d1)，响应于针对目标控件组对应的目标边距的第一调整操作，确定按照目标边距调整趋向调整后的第一目标控件与边界之间的第一目标边距。
步骤d2)，在图形用户界面中显示用于表示第一目标边距的提示线。
对于上述步骤d1)，其中，第一目标控件为目标控件组中与边界最近的目标控件。
在实际应用中，如图6所示，目标边距的提示信息可以是最边上的控件与边界之间的第一目标边距的提示线601，例如，通过边距指示线的形式表示第一目标边距的提示线。通过目标控件组中最边上的目标控件和边界之间的距离来表示目标边距，能够使目标边距的数据更加精确，以更加适合的第一目标边距来表示目标控件组和边界之间的距离。
在一些实施例中，在控件移动至边界极限时也可以提供给玩家一定的提示，避免玩家对位置调整的无效操作。作为一个示例，该方法还可以包括以下步骤：
步骤e)，响应于目标控件组对应的目标边距小于预设距离，停止移动目标控件，并在图形用户界面中显示目标控件移动至边界的提示信息。
示例性的，如图7所示，当某个控件到达屏幕边界时，则无法继续移动，并在边界处显示较为明显颜色区域701的提醒。通过在控件移动至边界极限时提供给玩家一定的提示，能够避免玩家对位置调整的无效操作。
在一些实施例中，玩家不仅可以对多个控件的位置进行统一调整，还可以对多个控件之间的间距进行调整，以进一步提高控件调整效率。作为一个示例，该方法还可以包括以下步骤：
步骤f)，响应于针对图形用户界面中多个控件之间的间距的第二调整操作，确定第二调整操作对应的间距调整趋向；
步骤g)，根据间距调整趋向确定每个控件的单独移动方向；
步骤h)，按照每个控件对应的单独移动方向移动控件。
通过对多个控件之间的间距进行调整的功能，能够进一步降低玩家调整多个控件位置的操作成本，满足了不同类型玩家对控件布局偏好需求，进一步提高了控件调整效率。
基于上述步骤f)、步骤g)和步骤h)，对控件间距的调整可以通过间距调整收缩和间距调整拉伸来实现，使玩家对控件间距的调整更加高效。
作为一个示例，间距调整趋向包括多个控件之间的间距调整收缩、间距调整拉伸；上述步骤g)可以包括如下步骤：
步骤i)，如果间距调整趋向为间距调整拉伸，则确定每个控件的单独移动方向为朝向边界，以扩大多个控件之间的间距。
作为另一个示例，上述步骤g)还可以包括如下步骤：
步骤j)，如果间距调整趋向为间距调整收缩，则确定每个控件的单独移动方向为朝向图形用户界面的中央，以缩小多个控件之间的间距。
示例性的，玩家可以通过点击控件间距的“收缩”和“拉伸”控件来调整多个控件之间的间距。例如，点击“收缩”控件则可以按照从边界向中间的方向缩小所有操作控件之间的距离，点击“拉伸”控件则可以按照从中间向边界的方向扩大所有操作控件之间的距离。
本公开实施例中，对控件间距的调整可以通过间距调整收缩和间距调整拉伸来实现，进而使玩家对控件间距的调整更加高效。
基于上述步骤f)、步骤g)和步骤h)，可以利用一些控件位置参数以及界面参数计算出每次间距调整操作对应各个控件分别移动的距离，使每次移动的距离能够针对不同位置的控件适应于不同的图形用户界面情况。作为一个示例，上述步骤h)还可以包括如下步骤：
步骤k)，根据图形用户界面的水平分辨率、预设控件间最大间距、控件的当前位置，确定每个控件的单独移动距离；
步骤l)，按照每个控件对应的单独移动方向移动控件一个单独移动距离。
通过控件位置参数计算出每次间距调整操作对应各个控件分别移动的距离，使每次调整移动的距离能够针对不同位置的控件，使不同控件的间距调整更具控件自身的针对性，通过界面参数的计算能够适应于不同的图形用户界面情况。
基于上述步骤k)和步骤l)，可以通过统一的移动距离计算公式，实现对所有操作控件之间间距的精确调整。作为一个示例，上述步骤k)还可以包括如下步骤：
步骤m)，通过公式d＝X(m％+(1-m％)s％)确定每个控件的单独移动距离。
其中，d表示单独移动距离，X表示图形用户界面的水平分辨率，m表示预设控件间最大间距，s表示控件的当前位置。
对于间距调整时每个控件移动距离的上述计算公式，可选的，其中的m％可以表示每个控件能够拉伸的最大距离占总水平分辨率(X)的百分比。本公开实施例中，通过统一的移动距离计算公式，实现了对所有操作控件之间间距的精确调整。
在一些实施例中，本公开实施例中的调整可以针对整个界面中的部分属性的控件。作为一个示例，图形用户界面中的每个控件对应有控件属性；该方法还可以包括以下步骤：
步骤p)，响应于针对目标控件属性的选择操作，将目标控件属性对应的控件确定为第一调整操作和/或第一调整操作对应调整的控件。
对于控件属性，可以是针对某方面控件功能的属性，例如，如图8所示，多种属性的控件可以包含并列关系的“战斗按钮设置”控件801和“通用布局设置”控件802。通过针对部分属性控件的调整而不是全部控件的调整，能够使本公开实施例中的调整更具针对性，使调整对象更加灵活。
图9提供了一种控件的调整装置的结构示意图。通过终端设备提供图形用户界面，所述图形用户界面中包含至少一控件组，每个所述控件组包含多个控件，所述控件组对应有边距，所述边距用于表示所述控件组与所述图形用户界面的边界之间的距离。如图9所示，控件的调整装置900包括：
第一确定模块901，用于响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
第二确定模块902，用于确定所述目标边距调整趋向对应的目标移动方向；
移动模块903，用于将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
通过上述方式，通过调整目标控件组对应的目标边距的某种边距调整趋向，能够将该目标控件组中所有的控件统一向这种边距调整趋向对应的方向移动，能够快捷的调整多个控件的位置，使玩家选择的目标控件组中的多个控件能够整体移动，提供了可以快捷调整多个控件位置的交互方式，实现了在自定义控件位置时玩家能够一次性对多个控件一起调整位置，降低了玩家调整多个控件位置的操作成本，满足了不同类型玩家对控件布局偏好需求，缓解了目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。
在一个可行的实施方案中，所述至少一控件组包括：位于相对于所述图形用户界面的参考线第一侧区域内的第一控件组，以及相对于所述参考线第二侧区域内的第二控件组；
所述边距调整趋向包括如下至少一种：所述第一控件组的边距调整缩短、所述第一控件组的边距调整拉长、所述第二控件组的边距调整缩短、所述第二控件组的边距调整拉长；
其中，所述第一控件组的边距调整拉长以及所述第二控件组的边距调整拉长均对应向所述参考线的移动方向，所述第一控件组的边距调整缩短以及所述第二控件组的边距调整缩短均对应向与所述参考线相反的移动方向。
在一个可行的实施方案中，第一确定模块具体用于：获取第一调整操作，根据所述第一调整操作确定目标调整区域，其中，所述图形用户界面中包括根据参考线确定的至少两个区域，所述目标调整区域为所述至少两个区域中的其中一区域；
确定位于所述目标调整区域内的控件，其中，所述位于所述目标调整区域内的控件为目标控件组。
在一个可行的实施方案中，移动模块具体用于：
所述将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个指定距离。
在一个可行的实施方案中，移动模块还用于：
根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离；其中，所述预设中央极限位置表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，所述预设边界极限位置表示所述控件相对于所述边界预设第二最短距离对应的极限位置；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个所述控件移动距离。
在一个可行的实施方案中，移动模块具体用于：
通过公式D＝[X(1-m1)/2-X(1-m2)/2]/100确定控件移动距离；其中，D表示控件移动距离，X表示所述图形用户界面的水平分辨率，m1表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，m2表示所述控件相对于所述边界预设第二最短距离对应的极限位置。
在一个可行的实施方案中，该装置还包括：
显示模块，用于响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息。
在一个可行的实施方案中，显示模块具体用于：
响应于针对所述目标控件组对应的目标边距的第一调整操作，确定按照所述目标边距调整趋向调整后的第一目标控件与所述边界之间的第一目标边距；其中，所述第一目标控件为所述目标控件组中与所述边界最近的目标控件；
在所述图形用户界面中显示用于表示所述第一目标边距的提示线。
在一个可行的实施方案中，显示模块还用于：
响应于所述目标控件组对应的目标边距小于预设距离，停止移动所述目标控件，并在所述图形用户界面中显示所述目标控件移动至所述边界的提示信息。
在一个可行的实施方案中，该装置还包括：
第三确定模块，用于响应于针对所述图形用户界面中多个所述控件之间的间距的第二调整操作，确定所述第二调整操作对应的间距调整趋向；根据所述间距调整趋向确定每个所述控件的单独移动方向；按照每个所述控件对应的所述单独移动方向移动所述控件。
在一个可行的实施方案中，所述间距调整趋向包括多个所述控件之间的间距调整收缩、间距调整拉伸；第三确定模块具体用于：
如果所述间距调整趋向为所述间距调整拉伸，则确定每个所述控件的单独移动方向为朝向所述边界，以扩大多个所述控件之间的间距。
在一个可行的实施方案中，第三确定模块还用于：
如果所述间距调整趋向为所述间距调整收缩，则确定每个所述控件的单独移动方向为朝向所述图形用户界面的中央，以缩小多个所述控件之间的间距。
在一个可行的实施方案中，第三确定模块具体用于：
根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离；
按照每个所述控件对应的所述单独移动方向移动所述控件一个所述单独移动距离。
在一个可行的实施方案中，第三确定模块还用于：
通过公式d＝X(m％+(1-m％)s％)确定每个所述控件的单独移动距离；其中，d表示单独移动距离，X表示所述图形用户界面的水平分辨率，m表示预设控件间最大间距，s表示所述控件的当前位置。
在一个可行的实施方案中，还包括：
移动模块，用于响应于针对所述第一侧区域内的第三控件的拖拽操作，根据所述拖拽操作将所述第三控件从所述第一侧区域内移动至所述第二侧区域内；其中，所述拖拽操作为从所述第一侧区域拖拽至所述第二侧区域的操作；
第四确定模块，用于基于移动后的至少一所述第三控件，确定所述图形用户界面中所述第一控件组包含的全部控件以及所述第二控件组包含的全部控件；移动后的所述第三控件属于所述第二控件组。
在一个可行的实施方案中，所述图形用户界面中的每个所述控件对应有控件属性；还包括：
第五确定模块，用于响应于针对目标控件属性的选择操作，将所述目标控件属性对应的控件确定为所述第一调整操作和/或所述第一调整操作对应调整的控件。
本公开实施例提供的控件的调整装置，与上述实施例提供的控件的调整方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。
图10示出了本公开实施例所提供的一种电子设备的结构示意图，包括：处理器1001、存储介质1002和总线1003，所述存储介质1002存储有所述处理器1001可执行的机器可读指令，当电子设备运行如实施例中的一种控件的调整方法时，所述处理器1001与所述存储介质1002之间通过总线1003通信，所述处理器1001执行所述机器可读指令，所述处理器1001方法项的前序部分，以执行以下步骤：
响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
确定所述目标边距调整趋向对应的目标移动方向；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
通过上述方式，调整目标控件组对应的目标边距的某种边距调整趋向，能够将该目标控件组中所有的控件统一向这种边距调整趋向对应的方向移动，能够快捷的调整多个控件的位置，使玩家选择的目标控件组中的多个控件能够整体移动，提供了可以快捷调整多个控件位置的交互方式，实现了在自定义控件位置时玩家能够一次性对多个控件一起调整位置，降低了玩家调整多个控件位置的操作成本，满足了不同类型玩家对控件布局偏好需求，缓解了目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。
在一个可行的实施方案中，所述至少一控件组包括：位于相对于所述图形用户界面的参考线第一侧区域内的第一控件组，以及相对于所述参考线第二侧区域内的第二控件组；
所述边距调整趋向包括如下至少一种：所述第一控件组的边距调整缩短、所述第一控件组的边距调整拉长、所述第二控件组的边距调整缩短、所述第二控件组的边距调整拉长；
其中，所述第一控件组的边距调整拉长以及所述第二控件组的边距调整拉长均对应向所述参考线的移动方向，所述第一控件组的边距调整缩短以及所述第二控件组的边距调整缩短均对应向与所述参考线相反的移动方向。
在一个可行的实施方案中，所述处理器1001在执行响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作时，具体用于：获取第一调整操作，根据所述第一调整操作确定目标调整区域，其中，所述图形用户界面中包括根据参考线确定的至少两个区域，所述目标调整区域为所述至少两个区域中的其中一区域；确定位于所述目标调整区域内的控件，其中，所述位于所述目标调整区域内的控件为目标控件组。
在一个可行的实施方案中，所述处理器1001在执行将所述目标控件组包含的全部目标控件向所述目标移动方向移动时，具体用于：
所述将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个指定距离。
在一个可行的实施方案中，所述处理器1001在执行将所述目标控件组包含的全部目标控件向所述目标移动方向移动时，具体用于：
根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离；其中，所述预设中央极限位置表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，所述预设边界极限位置表示所述控件相对于所述边界预设第二最短距离对应的极限位置；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个所述控件移动距离。
在一个可行的实施方案中，所述处理器1001在执行根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离时，具体用于：
通过公式D＝[X(1-m1)/2-X(1-m2)/2]/100确定控件移动距离；其中，D表示控件移动距离，X表示所述图形用户界面的水平分辨率，m1表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，m2表示所述控件相对于所述边界预设第二最短距离对应的极限位置。
在一个可行的实施方案中，所述处理器还用于：
响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息。
在一个可行的实施方案中，所述处理器在执行响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息时，具体用于：
响应于针对所述目标控件组对应的目标边距的第一调整操作，确定按照所述目标边距调整趋向调整后的第一目标控件与所述边界之间的第一目标边距；其中，所述第一目标控件为所述目标控件组中与所述边界最近的目标控件；
在所述图形用户界面中显示用于表示所述第一目标边距的提示线。
在一个可行的实施方案中，所述处理器还用于：
响应于所述目标控件组对应的目标边距小于预设距离，停止移动所述目标控件，并在所述图形用户界面中显示所述目标控件移动至所述边界的提示信息。
在一个可行的实施方案中，所述处理器还用于：
响应于针对所述图形用户界面中多个所述控件之间的间距的第二调整操作，确定所述第二调整操作对应的间距调整趋向；
根据所述间距调整趋向确定每个所述控件的单独移动方向；
按照每个所述控件对应的所述单独移动方向移动所述控件。
在一个可行的实施方案中，所述处理器1001在执行间距调整趋向包括多个所述控件之间的间距调整收缩、间距调整拉伸；所述根据所述间距调整趋向确定每个所述控件的单独移动方向时，具体用于：
如果所述间距调整趋向为所述间距调整拉伸，则确定每个所述控件的单独移动方向为朝向所述边界，以扩大多个所述控件之间的间距。
在一个可行的实施方案中，所述处理器1001在执行根据所述间距调整趋向确定每个所述控件的单独移动方向时，具体用于：
如果所述间距调整趋向为所述间距调整收缩，则确定每个所述控件的单独移动方向为朝向所述图形用户界面的中央，以缩小多个所述控件之间的间距。
在一个可行的实施方案中，所述处理器1001在执行按照每个所述控件对应的所述单独移动方向移动所述控件时，具体用于：
根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离；
按照每个所述控件对应的所述单独移动方向移动所述控件一个所述单独移动距离。
在一个可行的实施方案中，所述处理器1001在执行根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离时，具体用于：
通过公式d＝X(m％+(1-m％)s％)确定每个所述控件的单独移动距离；其中，d表示单独移动距离，X表示所述图形用户界面的水平分辨率，m表示预设控件间最大间距，s表示所述控件的当前位置。
在一个可行的实施方案中，在响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作之前，所述处理器还用于：
响应于针对所述第一侧区域内的第三控件的拖拽操作，根据所述拖拽操作将所述第三控件从所述第一侧区域内移动至所述第二侧区域内；其中，所述拖拽操作为从所述第一侧区域拖拽至所述第二侧区域的操作；
基于移动后的至少一所述第三控件，确定所述图形用户界面中所述第一控件组包含的全部控件以及所述第二控件组包含的全部控件；移动后的所述第三控件属于所述第二控件组。
在一个可行的实施方案中，所述图形用户界面中的每个所述控件对应有控件属性；所述处理器还用于：
响应于针对目标控件属性的选择操作，将所述目标控件属性对应的控件确定为所述第一调整操作和/或所述第一调整操作对应调整的控件。
在实际应用中，存储器1001可能包含高速随机存取存储器(Random AccessMemory，简称RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口1004(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。
总线1003可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图10中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。
其中，存储器1001用于存储程序，所述处理器1002在接收到执行指令后，执行所述程序，前述本公开任一实施例揭示的过程定义的装置所执行的方法可以应用于处理器1002中，或者由处理器1002实现。
处理器1002可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器1002中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器1002可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DigitalSignal Processing，简称DSP)、专用集成电路(Application Specific IntegratedCircuit，简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本公开实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器1001，处理器1002读取存储器1001中的信息，结合其硬件完成上述方法的步骤。
本公开实施例还提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行，所述处理器执行以下步骤：
响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
确定所述目标边距调整趋向对应的目标移动方向；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
在一个可行的实施方案中，所述至少一控件组包括：位于相对于所述图形用户界面的参考线第一侧区域内的第一控件组，以及相对于所述参考线第二侧区域内的第二控件组；
所述边距调整趋向包括如下至少一种：所述第一控件组的边距调整缩短、所述第一控件组的边距调整拉长、所述第二控件组的边距调整缩短、所述第二控件组的边距调整拉长；
其中，所述第一控件组的边距调整拉长以及所述第二控件组的边距调整拉长均对应向所述参考线的移动方向，所述第一控件组的边距调整缩短以及所述第二控件组的边距调整缩短均对应向与所述参考线相反的移动方向。
在一个可行的实施方案中，所述处理器在执行响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作时，具体用于：获取第一调整操作，根据所述第一调整操作确定目标调整区域，其中，所述图形用户界面中包括根据参考线确定的至少两个区域，所述目标调整区域为所述至少两个区域中的其中一区域；确定位于所述目标调整区域内的控件，其中，所述位于所述目标调整区域内的控件为目标控件组。
在一个可行的实施方案中，所述处理器在执行将所述目标控件组包含的全部目标控件向所述目标移动方向移动时，具体用于：
所述将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个指定距离。
在一个可行的实施方案中，所述处理器在执行将所述目标控件组包含的全部目标控件向所述目标移动方向移动时，具体用于：
根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离；其中，所述预设中央极限位置表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，所述预设边界极限位置表示所述控件相对于所述边界预设第二最短距离对应的极限位置；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个所述控件移动距离。
在一个可行的实施方案中，所述处理器在执行根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离时，具体用于：
通过公式D＝[X(1-m1)/2-X(1-m2)/2]/100确定控件移动距离；其中，D表示控件移动距离，X表示所述图形用户界面的水平分辨率，m1表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，m2表示所述控件相对于所述边界预设第二最短距离对应的极限位置。
在一个可行的实施方案中，所述处理器还用于：
响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息。
在一个可行的实施方案中，所述处理器在执行响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息时，具体用于：
响应于针对所述目标控件组对应的目标边距的第一调整操作，确定按照所述目标边距调整趋向调整后的第一目标控件与所述边界之间的第一目标边距；其中，所述第一目标控件为所述目标控件组中与所述边界最近的目标控件；
在所述图形用户界面中显示用于表示所述第一目标边距的提示线。
在一个可行的实施方案中，所述处理器还用于：
响应于所述目标控件组对应的目标边距小于预设距离，停止移动所述目标控件，并在所述图形用户界面中显示所述目标控件移动至所述边界的提示信息。
在一个可行的实施方案中，所述处理器还用于：
响应于针对所述图形用户界面中多个所述控件之间的间距的第二调整操作，确定所述第二调整操作对应的间距调整趋向；
根据所述间距调整趋向确定每个所述控件的单独移动方向；
按照每个所述控件对应的所述单独移动方向移动所述控件。
在一个可行的实施方案中，所述处理器在执行间距调整趋向包括多个所述控件之间的间距调整收缩、间距调整拉伸；所述根据所述间距调整趋向确定每个所述控件的单独移动方向时，具体用于：
如果所述间距调整趋向为所述间距调整拉伸，则确定每个所述控件的单独移动方向为朝向所述边界，以扩大多个所述控件之间的间距。
在一个可行的实施方案中，所述处理器在执行根据所述间距调整趋向确定每个所述控件的单独移动方向时，具体用于：
如果所述间距调整趋向为所述间距调整收缩，则确定每个所述控件的单独移动方向为朝向所述图形用户界面的中央，以缩小多个所述控件之间的间距。
在一个可行的实施方案中，所述处理器在执行按照每个所述控件对应的所述单独移动方向移动所述控件时，具体用于：
根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离；
按照每个所述控件对应的所述单独移动方向移动所述控件一个所述单独移动距离。
在一个可行的实施方案中，所述处理器在执行根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离时，具体用于：
通过公式d＝X(m％+(1-m％)s％)确定每个所述控件的单独移动距离；其中，d表示单独移动距离，X表示所述图形用户界面的水平分辨率，m表示预设控件间最大间距，s表示所述控件的当前位置。
在一个可行的实施方案中，在响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作之前，所述处理器还用于：
响应于针对所述第一侧区域内的第三控件的拖拽操作，根据所述拖拽操作将所述第三控件从所述第一侧区域内移动至所述第二侧区域内；其中，所述拖拽操作为从所述第一侧区域拖拽至所述第二侧区域的操作；
基于移动后的至少一所述第三控件，确定所述图形用户界面中所述第一控件组包含的全部控件以及所述第二控件组包含的全部控件；移动后的所述第三控件属于所述第二控件组。
在一个可行的实施方案中，所述图形用户界面中的每个所述控件对应有控件属性；所述处理器还用于：
响应于针对目标控件属性的选择操作，将所述目标控件属性对应的控件确定为所述第一调整操作和/或所述第一调整操作对应调整的控件。
通过上述方式，调整目标控件组对应的目标边距的某种边距调整趋向，能够将该目标控件组中所有的控件统一向这种边距调整趋向对应的方向移动，能够快捷的调整多个控件的位置，使玩家选择的目标控件组中的多个控件能够整体移动，提供了可以快捷调整多个控件位置的交互方式，实现了在自定义控件位置时玩家能够一次性对多个控件一起调整位置，降低了玩家调整多个控件位置的操作成本，满足了不同类型玩家对控件布局偏好需求，缓解了目前对图形用户界面中多个控件位置的调整操作便捷度较低的技术问题。
在本公开实施例中，该计算机程序被处理器运行时还可以执行其它机器可读指令，以执行如实施例中其它所述的方法，关于具体执行的方法步骤和原理参见实施例的说明，在此不再详细赘述。
在本公开所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
再例如，附图中的流程图和框图显示了根据本公开的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本公开提供的实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述控件的调整方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释，此外，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的范围。都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。

Claims (19)

1.一种控件的调整方法，其特征在于，通过终端设备提供图形用户界面，所述图形用户界面中包含至少一控件组，每个所述控件组包含多个控件，所述控件组对应有边距，所述边距用于表示所述控件组与所述图形用户界面的边界之间的距离；所述方法包括：
响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
确定所述目标边距调整趋向对应的目标移动方向；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
2.根据权利要求1所述的方法，其特征在于，所述至少一控件组包括：位于相对于所述图形用户界面的参考线第一侧区域内的第一控件组，以及相对于所述参考线第二侧区域内的第二控件组；
所述边距调整趋向包括如下至少一种：所述第一控件组的边距调整缩短、所述第一控件组的边距调整拉长、所述第二控件组的边距调整缩短、所述第二控件组的边距调整拉长；
其中，所述第一控件组的边距调整拉长以及所述第二控件组的边距调整拉长均对应向所述参考线的移动方向，所述第一控件组的边距调整缩短以及所述第二控件组的边距调整缩短均对应向与所述参考线相反的移动方向。
3.根据权利要求1所述的方法，其特征在于，所述响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，包括：
获取第一调整操作，根据所述第一调整操作确定目标调整区域，其中，所述图形用户界面中包括根据参考线确定的至少两个区域，所述目标调整区域为所述至少两个区域中的其中一区域；
确定位于所述目标调整区域内的控件，其中，所述位于所述目标调整区域内的控件为目标控件组。
4.根据权利要求1所述的方法，其特征在于，所述将所述目标控件组包含的全部目标控件向所述目标移动方向移动，包括：
所述将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个指定距离。
5.根据权利要求1所述的方法，其特征在于，所述将所述目标控件组包含的全部目标控件向所述目标移动方向移动，包括：
根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离；其中，所述预设中央极限位置表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，所述预设边界极限位置表示所述控件相对于所述边界预设第二最短距离对应的极限位置；
将所述目标控件组包含的全部目标控件向所述目标移动方向移动一个所述控件移动距离。
6.根据权利要求5所述的方法，其特征在于，所述根据所述图形用户界面的水平分辨率、预设中央极限位置以及预设边界极限位置，确定控件移动距离，包括：
通过公式D＝[X(1-m1)/2-X(1-m2)/2]/100确定控件移动距离；其中，D表示控件移动距离，X表示所述图形用户界面的水平分辨率，m1表示所述控件相对于所述图形用户界面的中央预设第一最短距离对应的极限位置，m2表示所述控件相对于所述边界预设第二最短距离对应的极限位置。
7.根据权利要求1所述的方法，其特征在于，还包括：
响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息。
8.根据权利要求7所述的方法，其特征在于，所述响应于针对所述目标控件组对应的目标边距的第一调整操作，在所述图形用户界面中显示按照所述目标边距调整趋向调整后的目标边距的提示信息，包括：
响应于针对所述目标控件组对应的目标边距的第一调整操作，确定按照所述目标边距调整趋向调整后的第一目标控件与所述边界之间的第一目标边距；其中，所述第一目标控件为所述目标控件组中与所述边界最近的目标控件；
在所述图形用户界面中显示用于表示所述第一目标边距的提示线。
9.根据权利要求1所述的方法，其特征在于，还包括：
响应于所述目标控件组对应的目标边距小于预设距离，停止移动所述目标控件，并在所述图形用户界面中显示所述目标控件移动至所述边界的提示信息。
10.根据权利要求1所述的方法，其特征在于，还包括：
响应于针对所述图形用户界面中多个所述控件之间的间距的第二调整操作，确定所述第二调整操作对应的间距调整趋向；
根据所述间距调整趋向确定每个所述控件的单独移动方向；
按照每个所述控件对应的所述单独移动方向移动所述控件。
11.根据权利要求10所述的方法，其特征在于，所述间距调整趋向包括多个所述控件之间的间距调整收缩、间距调整拉伸；所述根据所述间距调整趋向确定每个所述控件的单独移动方向，包括：
如果所述间距调整趋向为所述间距调整拉伸，则确定每个所述控件的单独移动方向为朝向所述边界，以扩大多个所述控件之间的间距。
12.根据权利要求11所述的方法，其特征在于，所述根据所述间距调整趋向确定每个所述控件的单独移动方向，还包括：
如果所述间距调整趋向为所述间距调整收缩，则确定每个所述控件的单独移动方向为朝向所述图形用户界面的中央，以缩小多个所述控件之间的间距。
13.根据权利要求10所述的方法，其特征在于，所述按照每个所述控件对应的所述单独移动方向移动所述控件，包括：
根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离；
按照每个所述控件对应的所述单独移动方向移动所述控件一个所述单独移动距离。
14.根据权利要求13所述的方法，其特征在于，所述根据所述图形用户界面的水平分辨率、预设控件间最大间距、所述控件的当前位置，确定每个所述控件的单独移动距离，包括：
通过公式d＝X(m％+(1-m％)s％)确定每个所述控件的单独移动距离；其中，d表示单独移动距离，X表示所述图形用户界面的水平分辨率，m表示预设控件间最大间距，s表示所述控件的当前位置。
15.根据权利要求2所述的方法，其特征在于，在所述响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作之前，还包括：
响应于针对所述第一侧区域内的第三控件的拖拽操作，根据所述拖拽操作将所述第三控件从所述第一侧区域内移动至所述第二侧区域内；其中，所述拖拽操作为从所述第一侧区域拖拽至所述第二侧区域的操作；
基于移动后的至少一所述第三控件，确定所述图形用户界面中所述第一控件组包含的全部控件以及所述第二控件组包含的全部控件；移动后的所述第三控件属于所述第二控件组。
16.根据权利要求10所述的方法，其特征在于，所述图形用户界面中的每个所述控件对应有控件属性；还包括：
响应于针对目标控件属性的选择操作，将所述目标控件属性对应的控件确定为所述第一调整操作和/或所述第一调整操作对应调整的控件。
17.一种控件的调整装置，其特征在于，通过终端设备提供图形用户界面，所述图形用户界面中包含至少一控件组，每个所述控件组包含多个控件，所述控件组对应有边距，所述边距用于表示所述控件组与所述图形用户界面的边界之间的距离；包括：
第一确定模块，用于响应于针对所述至少一控件组中目标控件组对应的目标边距的第一调整操作，确定所述第一调整操作对应的目标边距调整趋向；每种所述边距调整趋向对应一种移动方向；
第二确定模块，用于确定所述目标边距调整趋向对应的目标移动方向；
移动模块，用于将所述目标控件组包含的全部目标控件向所述目标移动方向移动。
18.一种电子终端，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述权利要求1至16任一项所述的方法的步骤。
19.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可运行指令，所述计算机可运行指令在被处理器调用和运行时，所述计算机可运行指令促使所述处理器运行所述权利要求1至16任一项所述的方法。
CN202310117283.7A 2023-01-18 2023-01-18 控件的调整方法、装置以及电子终端 Pending CN115970263A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202310117283.7A CN115970263A (zh) 2023-01-18 2023-01-18 控件的调整方法、装置以及电子终端
PCT/CN2023/104550 WO2024152522A1 (zh) 2023-01-18 2023-06-30 控件的调整方法、装置以及电子终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310117283.7A CN115970263A (zh) 2023-01-18 2023-01-18 控件的调整方法、装置以及电子终端

Publications (1)

Publication Number Publication Date
CN115970263A true CN115970263A (zh) 2023-04-18

Family

ID=85959765

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310117283.7A Pending CN115970263A (zh) 2023-01-18 2023-01-18 控件的调整方法、装置以及电子终端

Country Status (2)

Country Link
CN (1) CN115970263A (zh)
WO (1) WO2024152522A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024152522A1 (zh) * 2023-01-18 2024-07-25 网易（杭州）网络有限公司 控件的调整方法、装置以及电子终端

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6950993B2 (en) * 2001-08-02 2005-09-27 Microsoft Corporation System and method for automatic and dynamic layout of resizable dialog type windows
CN111701226A (zh) * 2020-06-17 2020-09-25 网易（杭州）网络有限公司 图形用户界面中控件的控制方法、装置、设备及存储介质
CN113262476B (zh) * 2021-06-18 2023-04-18 腾讯科技（深圳）有限公司 操作控件的位置调整方法、装置、终端及存储介质
CN115970263A (zh) * 2023-01-18 2023-04-18 网易（杭州）网络有限公司 控件的调整方法、装置以及电子终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024152522A1 (zh) * 2023-01-18 2024-07-25 网易（杭州）网络有限公司 控件的调整方法、装置以及电子终端

Also Published As

Publication number Publication date
WO2024152522A1 (zh) 2024-07-25

Similar Documents

Publication Publication Date Title
CN110955370B (zh) 游戏中技能控件的切换方法、装置以及触控终端
US10398977B2 (en) Information processing method, terminal, and computer storage medium
US11400375B2 (en) Object display method and apparatus, storage medium, and electronic device
WO2021036581A1 (zh) 虚拟对象的控制方法和相关装置
CN106970735B (zh) 一种信息处理方法及电子设备
WO2022063022A1 (zh) 视频预览方法、装置及电子设备
CN106406741B (zh) 一种移动终端的操作处理方法及移动终端
TW201604719A (zh) 智能設備的控制方法及裝置
CN111701226A (zh) 图形用户界面中控件的控制方法、装置、设备及存储介质
CN109976650B (zh) 人机交互方法、装置和电子设备
CN111708471B (zh) 一种控件处理方法和相关装置
CN113262476B (zh) 操作控件的位置调整方法、装置、终端及存储介质
CN112817555B (zh) 音量控制方法及音量控制装置
CN115970263A (zh) 控件的调整方法、装置以及电子终端
CN113457157A (zh) 游戏中虚拟道具的切换方法、装置以及触控终端
CN107124656B (zh) 一种多媒体文件的播放方法及移动终端
CN114849228A (zh) 游戏中控件的布局方法、装置、设备及存储介质
CN112764862A (zh) 应用程序的控制方法、装置及电子设备
CN112274915A (zh) 游戏控制方法、装置及电子设备
CN113721820B (zh) 人机交互方法、装置和电子设备
CN115089959A (zh) 游戏中的方向提示方法、装置以及电子终端
CN115738230A (zh) 游戏的操作控制方法、装置和电子设备
CN114504808A (zh) 信息处理方法、装置、存储介质、处理器和电子装置
CN113769404A (zh) 游戏中的移动控制方法、装置及电子设备
CN110703970B (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