Interface processing method and device, equipment, medium and program product

Abstract

The invention relates to the technical field of computers, and discloses an interface processing method and device, equipment, a medium and a program product.The method comprises the steps that in response to a position adjusting instruction for a function control, a graphical user interface is controlled to enter a control adjusting mode; in the control adjustment mode, receiving a view adjustment operation input by a user in the graphical user interface, and determining a view adjustment area on the graphical user interface based on the view adjustment operation; in response to the fact that the display positions of the view adjustment area and the function control on the graphical user interface meet the specified position relation, first prompt information with the mistaken touch risk is displayed in the graphical user interface. According to the method, the corresponding view adjustment area is determined based on the view adjustment operation input by the user, and the view adjustment area is synchronously displayed in the graphical user interface during control layout, so that the view adjustment area can be avoided, the situation that other functional controls are mistakenly triggered during follow-up view adjustment can be effectively reduced, and misoperation is avoided.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to interface processing methods, devices, equipment, media, and program products. Background Art

[0002] To facilitate user adjustment of viewing angles and surrounding conditions, a field of view adjustment button is typically provided on the game interface. By pressing this button, users can adaptively adjust their field of view. However, the presence of other operating buttons surrounding this button can easily lead to user errors when adjusting the field of view. Summary of the Invention

[0003] In view of this, the present application provides an interface processing method, device, equipment, medium and program product to reduce erroneous operations when adjusting the field of view.

[0004] In a first aspect, the present application provides an interface processing method, applied to a terminal device, wherein the terminal device provides a graphical user interface, wherein the graphical user interface is provided with a field of view adjustment control and at least one function control, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, the method comprising:

[0005] In response to a position adjustment instruction for the functional control, controlling the graphical user interface to enter a control adjustment mode;

[0006] In the control adjustment mode, receiving a field of view adjustment operation input by a user in the graphical user interface, and determining a field of view adjustment area on the graphical user interface based on the field of view adjustment operation;

[0007] In response to the field of view adjustment area and the display position of the function control on the graphical user interface satisfying a specified position relationship, a first prompt message is displayed in the graphical user interface to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

[0008] In some optional embodiments, the field of view adjustment operation includes a first sliding operation along a first direction and a second sliding operation along a second direction;

[0009] The determining of the field of view adjustment area on the graphical user interface based on the field of view adjustment operation includes:

[0010] Determining a first area corresponding to the first sliding operation, and determining a second area corresponding to the second sliding operation;

[0011] Determining a field of view adjustment area corresponding to the field of view adjustment operation according to the first area and the second area;

[0012] The field of view adjustment area is displayed on the graphical user interface.

[0013] In some optional implementations, determining the first area corresponding to the first sliding operation includes:

[0014] Determining a first maximum width corresponding to the first sliding operation; determining a first area corresponding to the first sliding operation, the first area having a width equal to the first maximum width;

[0015] and / or,

[0016] The determining the second area corresponding to the second sliding operation includes:

[0017] Determine a second maximum width corresponding to the second sliding operation; and determine a second area corresponding to the second sliding operation, the second area having a width equal to the second maximum width.

[0018] In some optional implementations, determining a first maximum width corresponding to the first sliding operation includes:

[0019] In a case where the first sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the first sliding operation or the maximum span in other directions perpendicular to the first direction is used as the first maximum width;

[0020] In a case where the first sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as a first combined area, and the maximum span of the first combined area in other directions perpendicular to the first direction is used as the first maximum width;

[0021] and / or,

[0022] The determining a second maximum width corresponding to the second sliding operation includes:

[0023] If the second sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the second sliding operation or the maximum span in other directions perpendicular to the second direction is used as the second maximum width;

[0024] In the case where the second sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as the second combined area, and the maximum span of the second combined area in other directions perpendicular to the second direction is used as the second maximum width.

[0025] In some optional implementations, the length of the first area and / or the second area is a preset value.

[0026] In some optional embodiments, the first direction is a horizontal direction, and the first sliding operation includes a right sliding operation along a right direction and a left sliding operation along a left direction;

[0027] The determining the first area corresponding to the first sliding operation includes:

[0028] Determine a left-slide area corresponding to the left-slide operation and a right-slide area corresponding to the right-slide operation; and determine a first area based on the left-slide area and the right-slide area;

[0029] and / or,

[0030] The second direction is a vertical direction, and the second sliding operation includes a sliding operation in a downward direction and an upward sliding operation in an upward direction;

[0031] The determining the second area corresponding to the second sliding operation includes:

[0032] Determine a sliding area corresponding to the sliding operation and an upward sliding area corresponding to the upward sliding operation; and determine a second area according to the sliding area and the upward sliding area.

[0033] In some optional embodiments, the field of view adjustment operation includes at least one touch operation;

[0034] The determining of the field of view adjustment area on the graphical user interface based on the field of view adjustment operation includes:

[0035] Determining a touch point area corresponding to the touch operation;

[0036] determining, according to the touch area, a field of view adjustment area that at least includes the touch area;

[0037] The field of view adjustment area is displayed on the graphical user interface.

[0038] In some optional implementations, determining the field of view adjustment area including at least the touch area according to the touch area includes:

[0039] In a case where the field of view adjustment operation includes a single touch operation, determining a field of view adjustment area centered on the touch area and including the touch area;

[0040] In a case where the field of view adjustment operation includes multiple touch operations, the contact point areas corresponding to the respective touch operations are combined into a contact point combination area to generate a field of view adjustment area including the contact point combination area.

[0041] In some optional embodiments, the method further comprises:

[0042] In the control adjustment mode, a second prompt message is displayed in the graphical user interface; the second prompt message is used to instruct the user to trigger the field of view adjustment operation along a preset direction.

[0043] In some optional implementations, after determining the field of view adjustment area on the graphical user interface based on the field of view adjustment operation, the method further includes:

[0044] In response to a reset instruction for the field of view adjustment area in the graphical user interface, a field of view adjustment operation input by a user in the graphical user interface is received again, and the field of view adjustment area is re-determined based on the field of view adjustment operation received again.

[0045] In some optional implementations, after determining the field of view adjustment area on the graphical user interface based on the field of view adjustment operation, the method further includes:

[0046] A position adjustment operation for the function control input by a user is received, and a display position of the function control on the graphical user interface is adjusted.

[0047] In a second aspect, the present application provides an interface processing device, applied to a terminal device, wherein the terminal device provides a graphical user interface, wherein the graphical user interface is provided with a field of view adjustment control and at least one function control, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, the device comprising:

[0048] an adjustment mode, configured to control the graphical user interface to enter a control adjustment mode in response to a position adjustment instruction for the functional control;

[0049] A processing module, configured to receive a field of view adjustment operation input by a user in the graphical user interface in the control adjustment mode, and determine a field of view adjustment area on the graphical user interface based on the field of view adjustment operation;

[0050] A display module is used to display a first prompt message in the graphical user interface in response to the field of view adjustment area and the display position of the function control on the graphical user interface satisfying a specified position relationship, so as to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

[0051] In a third aspect, the present application provides a computer device comprising: a memory and a processor, the memory and the processor being communicatively connected to each other, computer instructions being stored in the memory, and the processor executing the interface processing method of the first aspect or any corresponding embodiment thereof by executing the computer instructions.

[0052] In a fourth aspect, the present application provides a computer-readable storage medium having computer instructions stored thereon, the computer instructions being used to enable a computer to execute the interface processing method of the first aspect or any corresponding embodiment thereof.

[0053] In a fifth aspect, the present application provides a computer program product, comprising computer instructions, which are used to enable a computer to execute the interface processing method of the above-mentioned first aspect or any corresponding embodiment thereof.

[0054] The interface processing method provided in the embodiment of the present application determines a corresponding field of view adjustment area based on the field of view adjustment operation input by the user. The field of view adjustment area represents the area that the user will operate when adjusting the field of view. The field of view adjustment area is synchronously displayed in the graphical user interface when performing control layout, so that when the user adjusts the position of the function control, the field of view adjustment area can be avoided, thereby achieving quick and accurate adjustment of the position of the function control. The adjustment operation is simple, and because the function control avoids the field of view adjustment area, it can effectively reduce the situation of mistakenly triggering other function controls when adjusting the field of view later, avoiding erroneous operations. In addition, the field of view adjustment area is determined based on the field of view adjustment operation input by the user, so the field of view adjustment area conforms to the user's own characteristics and operating habits, and can provide the user with a personalized control layout, ensuring that the set control layout better meets the user's personalized needs. BRIEF DESCRIPTION OF THE DRAWINGS

[0055] In order to more clearly illustrate the specific implementation methods of this application or the technical solutions in related technologies, the following is a brief introduction to the drawings required for use in the specific implementation methods or related technical descriptions. Obviously, the drawings described below are some implementation methods of this application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0056] Figure 1 is a schematic diagram of an application scenario according to an embodiment of the present application;

[0057] Figure 2 is a schematic diagram of a game interface according to an embodiment of the present application;

[0058] Figure 3 is a flow chart of an interface processing method according to an embodiment of the present application;

[0059] Figure 4A is a schematic diagram of a first setting interface according to an embodiment of the present application;

[0060] Figure 4B is another schematic diagram of the first setting interface according to an embodiment of the present application;

[0061] Figure 5is a flow chart of another interface processing method according to an embodiment of the present application;

[0062] Figure 6 is a schematic diagram of a second setting interface according to an embodiment of the present application;

[0063] Figure 7 is a schematic diagram of a touch area corresponding to a sliding operation according to an embodiment of the present application;

[0064] Figure 8 is a schematic diagram of determining a field of view adjustment area according to an embodiment of the present application;

[0065] Figure 9 is another schematic diagram of the first setting interface according to an embodiment of the present application;

[0066] Figure 10 is another schematic diagram of determining the field of view adjustment area according to an embodiment of the present application;

[0067] Figure 11 is a schematic diagram of determining a first area according to an embodiment of the present application;

[0068] Figure 12 is another schematic diagram of determining the first area according to an embodiment of the present application;

[0069] Figure 13 is another schematic diagram of determining the field of view adjustment area according to an embodiment of the present application;

[0070] Figure 14 is another schematic diagram of determining the field of view adjustment area according to an embodiment of the present application;

[0071] Figure 15 is another schematic diagram of the first setting interface according to an embodiment of the present application;

[0072] Figure 16 is a structural block diagram of an interface processing device according to an embodiment of the present application;

[0073] Figure 17 Schematic diagram of the hardware structure of an electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0074] To make the purpose, technical solutions, and advantages of the embodiments of the present application more clear, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without making creative efforts shall fall within the scope of protection of this application.

[0075] In some 3D games, there's an invisible but crucial field of view control on the right side of the screen. This control adjusts the field of view to observe the surrounding environment and help users obtain information. However, because the right side of the screen often contains numerous other frequently used controls, it's easy for users to accidentally touch these controls while adjusting the field of view, leading to incorrect operations.

[0076] For example, in an MMO (Massive Multiplayer Online) game, a user might accidentally touch a skill control while adjusting their field of view to enjoy the scenery, interrupting their viewing experience. In a shooting game, a user might accidentally touch an attack control while adjusting their field of view to observe the enemy, exposing their position.

[0077] As an optional application scenario of the embodiment of the present application, Figure 1 As shown, the system may include at least one terminal device and at least one server. Figure 1 exemplarily shows that the system includes a computer 101 , a mobile terminal 102 and a server 103 , and the computer 101 , the mobile terminal 102 and other terminal devices are connected to the server 103 via a network 110 .

[0078] Specifically, the terminal device may be a smartphone, tablet computer, laptop computer, PDA, desktop computer, game console, smart TV, smart wearable device, etc. The server 103 may be an independent physical server, a server cluster or distributed system, or a cloud server providing cloud services. The network 110 may be a wired network or a wireless network, examples of which include but are not limited to the Internet, an intranet, a local area network, a wide area network, a mobile communication network, and combinations thereof.

[0079] For example, a terminal device with a shooting game application installed can render a corresponding virtual scene and present it to the user using the terminal device's graphical user interface (GUI). The GUI can also display an operation interface, which contains user-operated controls, such as movement controls and backpack controls. By operating the movement controls, the user can control the movement of the virtual object in a specific direction; by clicking the backpack control, the user can open and view the backpack.

[0080] Take shooting games as an example. Figure 2 A schematic diagram of the operation interface is shown in FIG. Figure 2As shown, the operation interface includes multiple functional controls that can be operated by the user, such as a movement control 201, a backpack control 202, a first attack control 203, a second attack control 204, a jump control 205, a crouch control 206, a prone control 207, an aiming control 208, a reload control 209, etc. It is understood that these controls can all be virtual buttons.

[0081] Among them, the second attack control 204, the jump control 205, the crouch control 206, the prone control 207, etc. are generally set on the right side of the operation interface. In addition, an invisible field of view adjustment control is also set on the right side of the operation interface. The user can adaptively change the field of view by operating the field of view adjustment control to achieve field of view adjustment. The field of view adjustment control is invisible and can be triggered at any position within an area. Figure 2 The dotted area schematically shows the trigger area 200 of the field of view adjustment control. The trigger area 200 can occupy most of the screen, for example, most of the right side of the screen. Figure 2 The circular area is only used for schematic illustration.

[0082] Since the trigger area 200 of the field of view adjustment control is relatively close to the functional control on the right, the user may accidentally touch other functional controls when adjusting the field of view, such as accidentally touching the second attack control 204, causing the virtual character operated by the user to perform an attack action, which may expose the user's position.

[0083] Users generally use the game's default HUD (Head Up Display) interface layout or a customized HUD interface layout. The HUD interface is the main operation area, and its functions and layout vary depending on the game type. When users find problems such as accidental touches of controls, they can adjust the HUD interface layout based on experience, such as adjusting the position of functional controls to avoid accidentally touching other controls when adjusting the field of view. However, this adjustment method makes it difficult to accurately determine the position of functional controls, affecting the accuracy of adjusting the control position, and may require multiple adjustments, making the operation complicated.

[0084] An embodiment of the present application provides an interface processing method, which displays a field of view adjustment area that will be operated when adjusting the field of view when performing control layout. When the user adjusts the position of the function control, the field of view adjustment area can be avoided, effectively reducing the situation where other function controls are accidentally triggered when adjusting the field of view later.

[0085] According to an embodiment of the present application, an interface processing method embodiment is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0086] In this embodiment, an interface processing method is provided, which can be applied to the above-mentioned terminal devices, such as computer 101, mobile terminal 102, etc., and the terminal device provides a graphical user interface (GUI), in which a field of view adjustment control and at least one function control are provided, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, and the field of view adjustment control will not be displayed in the graphical user interface. Figure 3 is a flow chart of the interface processing method according to an embodiment of the present application, such as Figure 3 As shown, the process includes the following steps.

[0087] Step S301 : In response to a position adjustment instruction for a functional control, controlling the graphical user interface to enter a control adjustment mode.

[0088] In this embodiment, when a user uses a terminal device to run an application corresponding to a game product, visual elements related to the game product can be displayed based on a graphical user interface. When the control layout needs to be adjusted, the user can trigger an instruction for adjusting the control layout, namely a position adjustment instruction. This position adjustment instruction is used to enable the position adjustment function of the functional controls so that the position of the functional controls can be adjusted; for example, by clicking a setting control in the interface, the position adjustment instruction is input to enter the process of adjusting the control layout.

[0089] After receiving the position adjustment instruction, the control graphical user interface of the control terminal device enters a control adjustment mode, so that the position of the function control can be adjusted in the manner provided in this embodiment in the control adjustment mode.

[0090] Step S302 : In the control adjustment mode, receiving a field of view adjustment operation input by the user in the graphical user interface, and determining a field of view adjustment area on the graphical user interface based on the field of view adjustment operation.

[0091] In this embodiment, after entering the control adjustment mode, the user is allowed to input an operation for adjusting the field of view in the graphical user interface, i.e., a field of view adjustment operation. For example, the user can adjust the visible field of view by touching the touch screen of the terminal device and performing a sliding operation, etc., and this sliding operation can serve as a field of view adjustment operation.

[0092] Furthermore, the field of view adjustment operation is based on an operation inputted in the graphical user interface, which is a touch operation on the touch screen of the terminal device. Therefore, the field of view adjustment operation corresponds to a certain touch area. Based on the touch area, the area corresponding to the field of view adjustment operation can be determined. This area represents the area determined on the graphical user interface based on the field of view adjustment operation. In this embodiment, this area is referred to as the field of view adjustment area. For example, the touch area corresponding to the field of view adjustment operation is referred to as the field of view adjustment area.

[0093] In this embodiment, the field of view adjustment area is displayed in the graphical user interface so that when the function controls are subsequently adjusted, position conflicts between the function controls and the field of view adjustment area are avoided as much as possible.

[0094] Specifically, after determining the field of view adjustment area, the display content of the graphical user interface can be controlled to display the field of view adjustment area in the graphical user interface; and multiple function controls can also be displayed simultaneously. For ease of description, the interface displayed at this time is referred to as the first setting interface. The first setting interface includes the field of view adjustment area and multiple function controls and can be used to set the control layout. The user can adjust the position of each function control by dragging and dropping it.

[0095] For example, the function controls in the first setting interface may include Figure 2 The movement control 201, backpack control 202, first attack control 203, second attack control 204, jump control 205, crouch control 206, lie down control 207, aiming control 208, reloading control 209, etc. shown may also include more functional controls, depending on the actual situation.

[0096] Among them, the field of view adjustment area in the first setting interface is determined based on the field of view adjustment operation input by the user, so the location of the field of view adjustment area can indicate the location where the user may operate when adjusting the field of view. When the user adjusts the position of the function control in the first setting interface, since the field of view adjustment area is still displayed at this time, the user can actively avoid the field of view adjustment area to avoid the overlap of the function control and the field of view adjustment area, thereby effectively avoiding the accidental triggering of the function control when adjusting the field of view again after completing the control layout adjustment.

[0097] Figure 4A A schematic diagram of the first setting interface is shown. Figure 4A As shown, the first setting interface 400 includes Figure 2The first setting interface 400 further displays a plurality of function controls, and a field of view adjustment area 401. The position of the field of view adjustment area 401 is related to the field of view adjustment operation input by the user, that is, the position of the field of view adjustment area 401 is determined according to the field of view adjustment operation, and the field of view adjustment area 401 is displayed at the position in the first setting interface 400; the shape and size of the field of view adjustment area 401 can be determined based on the specific situation. Figure 4A In the figure, the cross-shaped field of view adjustment area 401 is used as an example.

[0098] By displaying the field of view adjustment area 401 in the first setting interface 400, the areas that may be touched when adjusting the field of view can be displayed to the user in a visual manner, thereby instructing the user to avoid these areas. Figure 4A As shown, text such as “The cross area is used to adjust the field of view, try to avoid placing other buttons” may be displayed to the user to remind the user to avoid the cross area, i.e., the cross-shaped field of view adjustment area 401 .

[0099] It should be noted that, in general, when users adjust their field of view, as long as the first touch position does not conflict with other functional controls, there will be no problem of accidental touch. Figure 2 For example, if a user begins sliding in the middle of trigger area 200 to adjust their field of view, and no other function controls are accidentally touched, then even if the user subsequently slides to the location of the function control, the corresponding function control will not be triggered. Therefore, to prevent accidental touches of other function controls due to field of view adjustment, a field of view adjustment area is defined to indicate the starting position for triggering the field of view adjustment function. By keeping function controls away from this field of view adjustment area, accidental triggering of function controls when the field of view adjustment function is triggered can be avoided, thereby preventing erroneous operations.

[0100] Step S303 : In response to the display position of the field of view adjustment area and the function control on the graphical user interface satisfying a specified position relationship, a first prompt message is displayed in the graphical user interface to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

[0101] In this embodiment, since the function control itself corresponds to a specific position on the graphical user interface, namely, a display position, the display position is the position of the function control in the graphical user interface; for example, the display position is the position of the function control in the first setting interface. After the field of view adjustment area is determined, it can be determined whether the field of view adjustment area and the display position of the function control meet the specified positional relationship. Alternatively, when the user adjusts the function control, it is also necessary to avoid the field of view adjustment area, so whether the field of view adjustment area and the display position of the function control meet the specified positional relationship can also be determined in real time.

[0102] Among them, the specified position relationship is a position relationship indicating a conflict between the field of view adjustment area and the function control position; for example, the specified position relationship may be: the field of view adjustment area overlaps with the function control position, or the distance between the function controls in the field of view adjustment area is less than a preset distance value, etc.

[0103] If the function control and the field of view adjustment area do not meet the specified position relationship, it means that the function control and the field of view adjustment area do not conflict, and the display position of the function control is reasonable. Figure 4A As shown, each function control does not overlap with the field of view adjustment area 401 .

[0104] On the contrary, if the function control and the field of view adjustment area satisfy the specified position relationship, for example, the field of view adjustment area set by the user overlaps with the original display position of the function control, or, after moving the function control, the new display position of the function control overlaps with the field of view adjustment area, if the position of the function control is set according to this layout, then when the field of view is subsequently adjusted (for example, when adjusting the field of view in a game), the function control may be accidentally touched; therefore, when the specified position relationship is satisfied between the field of view adjustment area and the display position of the function control, a prompt message indicating that there is a risk of accidental touching of the field of view adjustment control and the corresponding function control is displayed in the graphical user interface, that is, the first prompt message, to remind the user to reset the position of the function control.

[0105] Figure 4B Another schematic diagram of the first setting interface is shown, Figure 4B As shown, if the user adjusts the position of the second attack control 204 in the first setting interface, and the adjusted second attack control 204 overlaps with the field of view adjustment area 401, the user can be reminded at this time. For example, a first prompt message such as "It is easy to accidentally touch the attack key when adjusting the field of view, please avoid the cross area" can be displayed in the first setting interface to remind the user to readjust the position of the second attack control 204.

[0106] The interface processing method provided in this embodiment determines a corresponding field of view adjustment area based on the field of view adjustment operation input by the user. The field of view adjustment area represents the area that the user will operate when adjusting the field of view. The field of view adjustment area is synchronously displayed in the graphical user interface when performing control layout. This allows the user to avoid the field of view adjustment area when adjusting the position of the function control, achieving quick and accurate adjustment of the position of the function control. The adjustment operation is simple. Since the function control avoids the field of view adjustment area, it can effectively reduce the possibility of accidentally triggering other function controls when adjusting the field of view later, avoiding erroneous operations. In addition, the field of view adjustment area is determined based on the field of view adjustment operation input by the user. Therefore, the field of view adjustment area conforms to the user's own characteristics and operating habits, and can provide the user with a personalized control layout, ensuring that the set control layout better meets the user's personalized needs.

[0107] In this embodiment, an interface processing method is provided, which can be applied to the above-mentioned terminal devices, such as computer 101, mobile terminal 102, etc., and the terminal device provides a graphical user interface (GUI), in which a field of view adjustment control and at least one function control are provided, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, and the field of view adjustment control will not be displayed in the graphical user interface. Figure 5 is a flow chart of the interface processing method according to an embodiment of the present application, such as Figure 5 As shown, the process includes the following steps.

[0108] Step S501 : In response to a position adjustment instruction for a functional control, controlling the graphical user interface to enter a control adjustment mode.

[0109] In this embodiment, when a user triggers a position adjustment command and enters control adjustment mode, a second setting interface may be displayed in the graphical user interface for the user to input a field of view adjustment operation. This second setting interface is used to instruct the user to input an appropriate field of view adjustment operation so as to determine an appropriate field of view adjustment area. After the field of view adjustment area is determined based on the second setting interface, the user enters the first setting interface for adjusting the position of the function control.

[0110] The second setting interface is mainly used to instruct the user to input a field of view adjustment operation, so the second setting interface may not include any function controls to avoid affecting the adjustment of the field of view.

[0111] Figure 6 A schematic diagram of the second setting interface is shown. Figure 6 As shown, the second setting interface 600 includes preset scene elements, such as virtual trees 601 and virtual clouds 602 located in the scene. In addition, the second setting interface 600 may also include a character model 603. By inputting a field of view adjustment operation, the scene viewed by the character model 603 can be adjusted. It is understood that the character model 603 may not be displayed; for example, when adjusting the field of view in an FPS (Strategy Game), the second setting interface may not display the character model 603.

[0112] Optionally, the method further includes: in the control adjustment mode, displaying a second prompt information in the graphical user interface; the second prompt information is used to instruct the user to trigger a field of view adjustment operation along a preset direction.

[0113] In this embodiment, a second prompt message is displayed on the second setting interface to assist the user in completing the field of view adjustment operation. Since the field of view adjustment operation is generally a sliding operation, the second prompt message is specifically used to instruct the user to trigger the field of view adjustment operation in a preset direction, which can be, for example, any direction, up, down, left, or right.

[0114] like Figure 6 As shown, a second prompt message of "Swipe the screen to the right to adjust the field of view" can be displayed on the second setting interface to remind the user to adjust the horizontal field of view by sliding to the right. The sliding to the right operation can be used as a field of view adjustment operation.

[0115] Furthermore, on the second settings screen, users can input multiple operations to achieve various viewing angle adjustments. For example, users can swipe right, left, down, and up to adjust the field of view using different rotation methods. These swipe operations can be used as field of view adjustment operations for subsequent determination of the field of view adjustment area.

[0116] In this embodiment, an independent second setting interface is used to obtain the field of view adjustment operation input by the user. The user can input the field of view adjustment operation more accurately according to his personal operating habits, so that the obtained field of view adjustment operation is more in line with the user's operating habits, and can accurately represent the area that may be triggered when the user adjusts the field of view, thereby ensuring the accuracy of the subsequent field of view adjustment area.

[0117] Step S502 : In the control adjustment mode, receiving a field of view adjustment operation input by the user in the graphical user interface, and determining a field of view adjustment area on the graphical user interface based on the field of view adjustment operation.

[0118] For details, please see Figure 3 Step S302 of the illustrated embodiment will not be described in detail here.

[0119] In some optional embodiments, the field of view adjustment operation includes a first sliding operation along a first direction and a second sliding operation along a second direction. The first direction is different from the second direction; for example, the first direction is horizontal and the second direction is vertical.

[0120] Furthermore, step S502 “determining a field of view adjustment area on the graphical user interface based on the field of view adjustment operation” may include steps A1 to A4.

[0121] Step A1: Determine a first area corresponding to a first sliding operation.

[0122] Step A2: Determine a second area corresponding to the second sliding operation.

[0123] Step A3: determining a field of view adjustment area corresponding to the field of view adjustment operation according to the first area and the second area.

[0124] Step A4: Displaying the field of view adjustment area on the graphical user interface, for example, displaying the field of view adjustment area on the first setting interface.

[0125] In this embodiment, the field of view adjustment operation includes sliding operations in multiple directions, namely, a first sliding operation and a second sliding operation. The sliding operation is input by touching and sliding the screen. The sliding operation corresponds to a certain touch area, which is the contact area between the user and the touch screen when inputting the sliding operation.

[0126] Figure 7 A schematic diagram showing the touch area corresponding to the sliding operation is shown. Figure 7 As shown, the sliding operation can be specifically divided into an initial touch operation and a subsequent sliding operation. The touch operation corresponds to the corresponding contact area 701, and the subsequent sliding operation corresponds to the subsequent sliding track area 702. The contact area 701 and the sliding track area 702 are the touch areas corresponding to the sliding operation.

[0127] For the first sliding operation, the touch area corresponding to the first sliding operation can be determined, and then the area corresponding to the first sliding operation, which can indicate the area that the user may touch when adjusting the field of view along the first direction, can be determined, i.e., the first area. For example, the touch area corresponding to the first sliding operation can be directly used as the first area.

[0128] Similarly, the second area corresponding to the second sliding operation in the second direction may also be determined. The first area and the second area are only different in direction, but the principles of determining the two are similar, so they will not be described in detail.

[0129] After determining the first area and the second area, a field of view adjustment area can be determined based on the first area and the second area. The field of view adjustment area includes the first area and the second area. For example, the intersection of the first area and the second area can be used as the field of view adjustment area.

[0130] like Figure 2 As shown, the function controls that may be accidentally touched when adjusting the field of view are mainly concentrated in the lower right corner of the screen. Therefore, the field of view adjustment area can be determined mainly based on the right swipe operation and the downward swipe operation. Specifically, the first direction is the horizontal right direction, and the first swipe operation is the right swipe operation. The second direction is the vertical downward direction, and the second swipe operation is the downward swipe operation.

[0131] Figure 8 A schematic diagram of determining the field of view adjustment area is shown. Figure 8As shown, the actual touch area can be determined based on the right-swipe operation and the downward-swipe operation. It can be understood that the actual touch area of ​​the right-swipe operation is the horizontal area (left and right), and the actual touch area of ​​the downward-swipe operation is the vertical area (up and down). Combining the touch areas of the two swipe operations, the appropriate field of view adjustment area can be determined, and this field of view adjustment area is L-shaped.

[0132] like Figure 9 As shown, the first setting interface 400 is provided with the L-shaped field of view adjustment area 401. The function controls located at the lower right corner of the first setting interface 400 can avoid overlapping with the field of view adjustment area 401 as much as possible, thereby preventing accidental touches.

[0133] Optionally, to fully represent the user's possible field of view adjustment operations, the user is required to input sliding operations in four directions: up, down, left, and right. Specifically, the first direction is the horizontal direction, and the first sliding operation includes a rightward sliding operation and a leftward sliding operation. Similarly, the second direction is the vertical direction, and the second sliding operation includes a downward sliding operation and an upward sliding operation. For example, the user can input sliding operations in four directions: up, down, left, and right based on the second setting interface.

[0134] Determining the first area corresponding to the first sliding operation includes: determining a left sliding area corresponding to the left sliding operation and a right sliding area corresponding to the right sliding operation; and determining the first area according to the left sliding area and the right sliding area.

[0135] Similarly, determining the second area corresponding to the second sliding operation includes: determining a sliding area corresponding to the sliding down operation and an upward sliding area corresponding to the sliding up operation; and determining the second area according to the sliding down area and the upward sliding area.

[0136] In this embodiment, taking a right-swipe and a left-swipe operation in a horizontal direction as an example, the touch area corresponding to the right-swipe operation can be determined and used as the right-swipe area. Similarly, the touch area corresponding to the left-swipe operation can be used as the left-swipe area. Combining the left-swipe area and the right-swipe area can determine the entire horizontal touch area, i.e., the first area. Similarly, combining the downward and upward swipe operations can determine the second horizontal area.

[0137] Figure 10 Another schematic diagram for determining the field of view adjustment area is shown. Figure 10 As shown, combined with the actual touch areas corresponding to the four-way sliding operation, the corresponding field of view adjustment area can be finally determined. The field of view adjustment area is a cross-shaped area. For details on how the cross-shaped field of view adjustment area is displayed in the first setting interface, please refer to Figure 4A As shown, no further details are given here.

[0138] In this embodiment, the user inputs sliding operations in multiple directions when adjusting the field of view, which can more comprehensively represent the user's field of view adjustment habits and is suitable for subsequent multi-directional field of view adjustments. Furthermore, determining the field of view adjustment area based on the sliding operations input by the user when adjusting the field of view is not only convenient to operate, but also relatively accurate. Using a cross-shaped or L-shaped field of view adjustment area can accurately represent the location that the user may touch when adjusting the field of view in a smaller area. This not only ensures the accuracy of the field of view adjustment area, but also minimizes the ineffective use of space that could be used for function controls, facilitating the optimal layout of the field of view adjustment controls and various function controls.

[0139] Optionally, the above step A1 of “determining the first area corresponding to the first sliding operation” may include steps A11 to A12.

[0140] Step A11: Determine a first maximum width corresponding to the first sliding operation.

[0141] Step A12: Determine a first area corresponding to the first sliding operation, the first area having a width equal to a first maximum width.

[0142] Similarly, the above step A2 of “determining the second area corresponding to the second sliding operation” may include steps A21 and A22.

[0143] Step A21: Determine a second maximum width corresponding to the second sliding operation.

[0144] Step A22: Determine a second area corresponding to the second sliding operation, the second area having a width equal to the second maximum width.

[0145] In this embodiment, when a user inputs a sliding operation, such as in the second settings interface, the touch area corresponding to the user's sliding operation is generally irregular due to factors such as variable pressure and jitter during the sliding process. To reduce the impact of varying pressure, the corresponding area is generated based on the maximum width corresponding to the sliding operation.

[0146] Taking the first sliding operation as an example, if the touch area of ​​the first sliding operation is not a regular shape, the width of each position may be different. The maximum width corresponding to the touch area of ​​the first sliding operation, i.e., the first maximum width, can be determined. Then, based on the first maximum width, the touch area of ​​the first sliding operation is expanded, and the width of each position is adjusted to the first maximum width, thereby determining a first area with a width of the first maximum width. For example, the first area can be a rectangular area.

[0147] It can be understood that the first sliding operation is a sliding operation along the first direction, so the first direction is the length direction corresponding to the first sliding operation, and the other direction perpendicular to the first direction is the width direction corresponding to the first sliding operation. Therefore, it can be determined that in the other direction perpendicular to the first direction, the width corresponding to the touch area corresponding to the first sliding operation at each position can be determined, and the maximum value therein can be determined, which is the first maximum width.

[0148] The method for determining the second area is similar in principle to the method for determining the first area, and will not be described in detail here.

[0149] Optionally, the above-mentioned step A11 “determining a first maximum width corresponding to the first sliding operation” may include step A111 and step A112.

[0150] Step A111: When the first sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the first sliding operation or the maximum span in other directions perpendicular to the first direction is used as the first maximum width.

[0151] Step A112: When the first sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as the first combined area, and the maximum span of the first combined area in other directions perpendicular to the first direction is used as the first maximum width.

[0152] Similarly, the above step A21 “determining the second maximum width corresponding to the second sliding operation” may include step A211 and step A212.

[0153] Step A211: When the second sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the second sliding operation or the maximum span in other directions perpendicular to the second direction is used as the second maximum width.

[0154] Step A212, when the second sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as the second combined area, and the maximum span of the second combined area in other directions perpendicular to the second direction is used as the second maximum width.

[0155] In this embodiment, taking the first sliding operation in the first direction as an example, the first sliding operation can be a single sliding operation, for example, the first sliding operation only includes one sliding to the right; or, the first sliding operation can also include multiple sliding operations, for example, the first sliding operation includes sliding to the right and sliding to the left, or, the first sliding operation includes multiple sliding to the right (for example, the user repeatedly inputs multiple right slides in the second setting interface). For different situations, the first maximum width can be determined in an appropriate manner.

[0156] Specifically, if the first sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the first sliding operation can be directly used as the first maximum width. Alternatively, if the first sliding operation involves bending, the maximum span in other directions perpendicular to the first direction can be determined and used as the first maximum width. It can be understood that the maximum span is: the distance between the two boundaries of the touch area corresponding to the first sliding operation in other directions perpendicular to the first direction.

[0157] Figure 11 A schematic diagram of determining the first area is shown, such as Figure 11 As shown, the first sliding operation is a single right sliding operation, the contact area is the widest, and the width gradually decreases backwards, the width of the contact area is taken as the first maximum width, and the first area with the width of the first maximum width is determined.

[0158] If the first sliding operation includes multiple sliding operations, each sliding operation corresponds to a certain touch area. By combining these touch areas, the overall area corresponding to the multiple sliding operations can be obtained, that is, the first combined area. Then, the maximum span of the first combined area in other directions perpendicular to the first direction is determined, and the maximum span is used as the first maximum width.

[0159] Figure 12 Another schematic diagram for determining the first area is shown in FIG. Figure 12 As shown, the first sliding operation includes a right sliding operation and a left sliding operation. Since there is a certain operation deviation in the contact area of ​​the two sliding operations, the maximum span of the touch area of ​​the two sliding operations in the vertical direction can be determined, that is, the distance between the bottom boundary and the top boundary. The maximum span is used as the first maximum width, and the corresponding first area can be determined.

[0160] The method for determining the second maximum width is similar in principle to the method for determining the first maximum width, and will not be described in detail here.

[0161] After determining the corresponding first area and second area based on the maximum width, a suitable field of view adjustment area can be finally determined. Figure 13 Another schematic diagram of determining the field of view adjustment area is shown. Figure 13 As shown, since there is an operation deviation in each sliding operation, the appropriate maximum width can be adaptively determined at this time, and finally a more appropriate cross-shaped field of view adjustment area is generated.

[0162] In this embodiment, the touch area corresponding to the sliding operation is expanded according to the maximum width of the sliding operation. The expanded area can more comprehensively cover the corresponding areas under various pressing strengths, so that the finally determined field of view adjustment area can be applicable to field of view adjustment operations of various pressing strengths, and can more accurately and comprehensively represent the possible pressing positions when the user adjusts the field of view, thereby minimizing the impact of the pressing strength or the operation deviation each time the field of view is adjusted.

[0163] Optionally, the length of the first area and / or the second area is a preset value.

[0164] In this embodiment, the widths of the first area and the second area can be determined based on the above steps A11 to A12, for example, based on Figure 11 、 Figure 12 In addition, since a longer sliding operation can be input when adjusting the field of view, that is, the sliding operation can cover a longer screen area, but when the user adjusts the field of view, the position of the first operation (that is, the position corresponding to the contact area of ​​the sliding operation) is generally not at the edge of the screen, that is, the position of the first operation is limited. Therefore, this embodiment limits the length of the first area and the second area and sets their lengths to preset values ​​to avoid the first area and the second area being too long, thereby avoiding affecting the position of the normal setting function control.

[0165] In some optional embodiments, the field of view adjustment operation includes at least one touch operation; and the above step S502 "determining a field of view adjustment area on the graphical user interface based on the field of view adjustment operation" may include steps B1 to B3.

[0166] Step B1: Determine the contact area corresponding to the touch operation.

[0167] Step B2: determining a field of view adjustment area including at least the touch point area according to the touch point area.

[0168] Step B3: Displaying the field of view adjustment area on the graphical user interface. For example, the field of view adjustment area is displayed on the first setting interface.

[0169] In this embodiment, when the user inputs the field of view adjustment operation, he or she can input only the touch operation as required, and the touch operation is used to indicate the position or area that will be operated first when adjusting the field of view; or, it can be understood that since the sliding operation can be subdivided into a touch operation and a subsequent sliding operation, the field of view adjustment area can also be determined based only on the touch operation in the sliding operation.

[0170] Specifically, each touch operation in the field of view adjustment operation corresponds to a certain contact area; Figure 7As shown, the sliding operation corresponds to a touch area 701 , and the field of view adjustment area can be directly determined based on these touch areas, and the field of view adjustment area at least includes these touch areas, so as to include positions or areas that the user is likely to operate when adjusting the field of view.

[0171] For example, the field of view adjustment area may be a circular area, a square area, etc., depending on actual settings.

[0172] Optionally, step B2 of “determining a field of view adjustment area at least including the touch area according to the touch area” may include steps B21 and B22.

[0173] Step B21 : When the field of view adjustment operation includes a touch operation, determine a field of view adjustment area centered on the touch area and including the touch area.

[0174] Step B22 : When the field of view adjustment operation includes multiple touch operations, the touch point areas corresponding to the respective touch operations are combined into a touch point combination area to generate a field of view adjustment region including the touch point combination area.

[0175] In this embodiment, if the field of view adjustment operation includes a single touch operation, the touch area is directly used as the center to determine the field of view adjustment area including the touch area. For example, the field of view adjustment area is circular, and the radius of the field of view adjustment area is pre-set; after determining the touch area, the center of the touch area is used as the center of the circle to determine the field of view adjustment area with the required radius.

[0176] If the field of view adjustment operation includes multiple touch operations, the contact areas corresponding to the touch operations may be combined to obtain a contact combination area, and a field of view adjustment area including the contact combination area may be determined based on the contact combination area.

[0177] For example, the field of view adjustment operation includes four sliding operations up, down, left and right. Correspondingly, the field of view adjustment operation includes four touch operations. The center of the contact combination area obtained by combining the four touch operations can be used as the center of the circle to determine the circular field of view adjustment area; or, based on the contact area of ​​the four touch operations, the maximum span in the first direction and the second direction can be determined, and the two maximum spans can be used as the length and width of the field of view adjustment area respectively, so that a suitable field of view adjustment area can be determined.

[0178] Figure 14 Another schematic diagram for determining the field of view adjustment area is shown. Figure 14 As shown, based on the contact areas of the four touch operations, the maximum span in the horizontal direction and the maximum span in the vertical direction can be determined, and then the rectangular field of view adjustment area can be determined.

[0179] In this embodiment, a suitable field of view adjustment area can be determined simply and quickly based on a touch-based field of view adjustment operation. Subsequently, the field of view adjustment area is visually displayed in the first setting interface to assist the user in adjusting the position of the function control.

[0180] Step S503: receiving a position adjustment operation input by a user for the function control, and adjusting the display position of the function control on the graphical user interface.

[0181] In this embodiment, when the first setting interface including the field of view adjustment area is displayed to the user, the user can input an operation for adjusting the position of the corresponding function control, that is, a position adjustment operation. Based on the position adjustment operation, the function control can be adaptively adjusted to a suitable position, thereby realizing an update of the display position of the function control.

[0182] For example, the user may drag a function control in the first setting interface to a new display position.

[0183] Step S504 , in response to the display position of the field of view adjustment area and the function control on the graphical user interface satisfying a specified position relationship, a first prompt message is displayed in the graphical user interface to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

[0184] For details, please see Figure 3 Step S303 of the illustrated embodiment will not be described in detail here.

[0185] In some optional implementations, after step S504 of "displaying the field of view adjustment area in the first setting interface", the method may further include step C1.

[0186] Step C1 , in response to a reset instruction for the field of view adjustment area in the graphical user interface, receiving a field of view adjustment operation input by the user in the graphical user interface again, and redefining the field of view adjustment area based on the field of view adjustment operation received again.

[0187] In this embodiment, the field of view adjustment area displayed in the graphical user interface supports reset, that is, the position, size, etc. of the field of view adjustment area can be reset.

[0188] Figure 15 Another schematic diagram of the first setting interface is shown, Figure 15 As shown, the field of view adjustment area 401 in the first setting interface 400 supports user operation. Figure 15 In the example, text such as “Click again to reset” is displayed in the field of view adjustment area 401 to remind the user that the field of view adjustment area 401 can be operated.

[0189] Among them, the user can trigger the reset instruction of resetting the field of view adjustment area by clicking on the field of view adjustment area 401, and at this time control the graphical user interface to display the second setting interface again; for example, switching from the first setting interface 400 to the second setting interface 600, so that the user can re-enter the field of view adjustment operation based on the second setting interface 600 displayed again, and then reset the field of view adjustment area.

[0190] In this embodiment, the user can trigger a reset instruction through the field of view adjustment area in the first setting interface, which facilitates the user to reset the field of view adjustment area and ensures that the field of view adjustment area finally used conforms to the user's actual habits.

[0191] The interface processing method provided in this embodiment determines a corresponding field of view adjustment area based on the field of view adjustment operation input by the user. The field of view adjustment area represents the area where the user will operate when adjusting the field of view, and the invisible field of view adjustment control is concretized into the field of view adjustment area. The field of view adjustment area is determined based on the field of view adjustment operation input by the user. The position and size of the field of view adjustment area can be customized according to the thickness and length of the user's own fingers and the posture of holding the mobile phone. On this basis, the control layout is adjusted, which not only reduces the accidental touch of other controls when adjusting the field of view, but also realizes a customized mode with high freedom and high fit.

[0192] This embodiment also provides an interface processing device for implementing the above-mentioned embodiments and preferred implementations. Details already described will not be repeated. As used below, the term "module" may refer to a combination of software and / or hardware that implements a predetermined function. Although the devices described in the following embodiments are preferably implemented in software, implementation using hardware, or a combination of software and hardware, is also possible and contemplated.

[0193] This embodiment provides an interface processing device, which is applied to a terminal device. The terminal device provides a graphical user interface, wherein the graphical user interface is provided with a field of view adjustment control and at least one function control, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, such as Figure 16 As shown, the device includes:

[0194] Adjustment mode 1601, for controlling the graphical user interface to enter a control adjustment mode in response to a position adjustment instruction for the functional control;

[0195] A processing module 1602 is configured to receive a field of view adjustment operation input by a user in the graphical user interface in the control adjustment mode, and determine a field of view adjustment area on the graphical user interface based on the field of view adjustment operation;

[0196] Display module 1603 is used to display a first prompt message in the graphical user interface in response to the field of view adjustment area and the display position of the function control on the graphical user interface satisfying a specified position relationship, so as to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

[0197] In some optional embodiments, the field of view adjustment operation includes a first sliding operation along a first direction and a second sliding operation along a second direction;

[0198] The processing module 1602 determines a field of view adjustment area on the graphical user interface based on the field of view adjustment operation, including:

[0199] Determining a first area corresponding to the first sliding operation, and determining a second area corresponding to the second sliding operation;

[0200] Determining a field of view adjustment area corresponding to the field of view adjustment operation according to the first area and the second area;

[0201] The field of view adjustment area is displayed on the graphical user interface.

[0202] In some optional implementations, the processing module 1602 determines the first area corresponding to the first sliding operation, including:

[0203] Determining a first maximum width corresponding to the first sliding operation; determining a first area corresponding to the first sliding operation, the first area having a width equal to the first maximum width;

[0204] and / or,

[0205] The processing module 1602 determines the second area corresponding to the second sliding operation, including:

[0206] Determine a second maximum width corresponding to the second sliding operation; and determine a second area corresponding to the second sliding operation, the second area having a width equal to the second maximum width.

[0207] In some optional implementations, the processing module 1602 determines the first maximum width corresponding to the first sliding operation, including:

[0208] In a case where the first sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the first sliding operation or the maximum span in other directions perpendicular to the first direction is used as the first maximum width;

[0209] In a case where the first sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as a first combined area, and the maximum span of the first combined area in other directions perpendicular to the first direction is used as the first maximum width;

[0210] and / or,

[0211] The processing module 1602 determines the second maximum width corresponding to the second sliding operation, including:

[0212] If the second sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the second sliding operation or the maximum span in other directions perpendicular to the second direction is used as the second maximum width;

[0213] In the case where the second sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as the second combined area, and the maximum span of the second combined area in other directions perpendicular to the second direction is used as the second maximum width.

[0214] In some optional implementations, the length of the first area and / or the second area is a preset value.

[0215] In some optional embodiments, the first direction is a horizontal direction, and the first sliding operation includes a right sliding operation along a right direction and a left sliding operation along a left direction;

[0216] The processing module 1602 determines the first area corresponding to the first sliding operation, including:

[0217] Determine a left-slide area corresponding to the left-slide operation and a right-slide area corresponding to the right-slide operation; and determine a first area based on the left-slide area and the right-slide area;

[0218] and / or,

[0219] The second direction is a vertical direction, and the second sliding operation includes a sliding operation in a downward direction and an upward sliding operation in an upward direction;

[0220] The processing module 1602 determines the second area corresponding to the second sliding operation, including:

[0221] Determine a sliding area corresponding to the sliding operation and an upward sliding area corresponding to the upward sliding operation; and determine a second area according to the sliding area and the upward sliding area.

[0222] In some optional embodiments, the field of view adjustment operation includes at least one touch operation;

[0223] The processing module 1602 determines a field of view adjustment area on the graphical user interface based on the field of view adjustment operation, including:

[0224] Determining a touch point area corresponding to the touch operation;

[0225] determining, according to the touch area, a field of view adjustment area that at least includes the touch area;

[0226] The field of view adjustment area is displayed on the graphical user interface.

[0227] In some optional implementations, the processing module 1602 determines, based on the touch area, a field of view adjustment area that at least includes the touch area, including:

[0228] In a case where the field of view adjustment operation includes a single touch operation, determining a field of view adjustment area centered on the touch area and including the touch area;

[0229] In a case where the field of view adjustment operation includes multiple touch operations, the contact point areas corresponding to the respective touch operations are combined into a contact point combination area to generate a field of view adjustment area including the contact point combination area.

[0230] In some optional implementations, the display module 1603 is further configured to:

[0231] In the control adjustment mode, a second prompt message is displayed in the graphical user interface; the second prompt message is used to instruct the user to trigger the field of view adjustment operation along a preset direction.

[0232] In some optional implementations, after determining the field of view adjustment area on the graphical user interface based on the field of view adjustment operation, the processing module 1602 is further configured to:

[0233] In response to a reset instruction for the field of view adjustment area in the graphical user interface, a field of view adjustment operation input by a user in the graphical user interface is received again, and the field of view adjustment area is re-determined based on the field of view adjustment operation received again.

[0234] In some optional implementations, after determining the field of view adjustment area on the graphical user interface based on the field of view adjustment operation, the processing module 1602 is further configured to:

[0235] A position adjustment operation for the function control input by a user is received, and a display position of the function control on the graphical user interface is adjusted.

[0236] The interface processing device provided in the embodiment of the present disclosure can execute the interface processing method provided in any embodiment of the present disclosure, and has the functional modules and beneficial effects corresponding to the execution method. The further functional description of each of the above modules and units is the same as that of the corresponding embodiment above, and will not be repeated here.

[0237] Figure 17 A schematic structural diagram of an electronic device provided in an embodiment of the present disclosure.

[0238] The following specific reference Figure 17 , which shows a schematic diagram of the structure of an electronic device suitable for implementing the embodiments of the present disclosure. The electronic device may include a processor (e.g., a central processing unit, a graphics processing unit, etc.) 1701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1702 or a program loaded from a memory 1708 into a random access memory (RAM) 1703. Various programs and data required for the operation of the electronic device are also stored in the RAM 1703. The processor 1701, ROM 1702, and RAM 1703 are connected to each other via a bus 1704. An input / output (I / O) interface 1705 is also connected to the bus 1704.

[0239] Typically, the following devices may be connected to the I / O interface 1705: an input device 1706 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1707 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1708 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1709. The communication device 1709 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data. Although Figure 17 An electronic device having various devices is shown, but it should be understood that it is not required to implement or possess all of the devices shown, and more or fewer devices may be implemented or possessed instead.

[0240] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 1709, or installed from the memory 1708, or installed from the ROM 1702. When the computer program is executed by the processor 1701, the above-mentioned functions defined in the interface processing method of the embodiment of the present disclosure are performed.

[0241] Figure 17The electronic device shown is only an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0242] The embodiments of the present application also provide a computer-readable storage medium. The above-mentioned method according to the embodiment of the present application can be implemented in hardware, firmware, or implemented as a computer code that can be recorded in a storage medium, or implemented as a computer code that is originally stored in a remote storage medium or a non-temporary machine-readable storage medium and downloaded through a network and will be stored in a local storage medium, so that the method described herein can be stored in such software processing on a storage medium using a general-purpose computer, a dedicated processor, or programmable or dedicated hardware. Among them, the storage medium can be a magnetic disk, an optical disk, a read-only storage memory, a random access memory, a flash memory, a hard disk or a solid-state drive, etc.; further, the storage medium can also include a combination of the above-mentioned types of memory. It can be understood that a computer, a processor, a microprocessor controller or programmable hardware includes a storage component that can store or receive software or computer code. When the software or computer code is accessed and executed by a computer, a processor or hardware, the interface processing method shown in the above embodiment is implemented.

[0243] Part of the present application may be applied as a computer program product, such as a computer program instruction, which, when executed by a computer, can call or provide the method and / or technical solution according to the present application through the operation of the computer. Those skilled in the art should understand that the form in which the computer program instruction exists in a computer-readable medium includes but is not limited to a source file, an executable file, an installation package file, etc. Accordingly, the way in which the computer program instruction is executed by the computer includes but is not limited to: the computer directly executes the instruction, or the computer compiles the instruction and then executes the corresponding compiled program, or the computer reads and executes the instruction, or the computer reads and installs the instruction and then executes the corresponding installed program. Here, the computer-readable medium can be any available computer-readable storage medium or communication medium that can be accessed by the computer.

[0244] Although the embodiments of the present application have been described with reference to the accompanying drawings, those skilled in the art may make various modifications and variations without departing from the spirit and scope of the present application, and such modifications and variations shall fall within the scope defined by the appended claims.

Claims

1. An interface processing method, characterized in that: Applied to a terminal device, the terminal device provides a graphical user interface, the graphical user interface is provided with a field of view adjustment control and at least one function control, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, the method comprising: In response to a position adjustment instruction for the functional control, controlling the graphical user interface to enter a control adjustment mode; In the control adjustment mode, receiving a field of view adjustment operation input by a user in the graphical user interface, and determining a field of view adjustment area on the graphical user interface based on the field of view adjustment operation; In response to the field of view adjustment area and the display position of the function control on the graphical user interface satisfying a specified position relationship, a first prompt message is displayed in the graphical user interface to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

2. The method according to claim 1, characterized in that The field of view adjustment operation includes a first sliding operation along a first direction and a second sliding operation along a second direction; The determining of the field of view adjustment area on the graphical user interface based on the field of view adjustment operation includes: Determining a first area corresponding to the first sliding operation, and determining a second area corresponding to the second sliding operation; Determining a field of view adjustment area corresponding to the field of view adjustment operation according to the first area and the second area; The field of view adjustment area is displayed on the graphical user interface.

3. The method according to claim 2, characterized in that The determining the first area corresponding to the first sliding operation includes: Determining a first maximum width corresponding to the first sliding operation; determining a first area corresponding to the first sliding operation, the first area having a width equal to the first maximum width; and / or, The determining the second area corresponding to the second sliding operation includes: Determine a second maximum width corresponding to the second sliding operation; and determine a second area corresponding to the second sliding operation, the second area having a width equal to the second maximum width.

4. The method according to claim 3, characterized in that The determining a first maximum width corresponding to the first sliding operation includes: In a case where the first sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the first sliding operation or the maximum span in other directions perpendicular to the first direction is used as the first maximum width; In a case where the first sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as a first combined area, and the maximum span of the first combined area in other directions perpendicular to the first direction is used as the first maximum width; and / or, The determining a second maximum width corresponding to the second sliding operation includes: If the second sliding operation is a single sliding operation, the maximum width of the touch area corresponding to the second sliding operation or the maximum span in other directions perpendicular to the second direction is used as the second maximum width; In the case where the second sliding operation includes multiple sliding operations, the touch areas corresponding to the multiple sliding operations are used as the second combined area, and the maximum span of the second combined area in other directions perpendicular to the second direction is used as the second maximum width.

5. The method according to claim 2, characterized in that The length of the first area and / or the second area is a preset value.

6. The method according to any one of claims 2 to 5, characterized in that The first direction is a horizontal direction, and the first sliding operation includes a right sliding operation along a right direction and a left sliding operation along a left direction; The determining the first area corresponding to the first sliding operation includes: Determine a left-slide area corresponding to the left-slide operation and a right-slide area corresponding to the right-slide operation; and determine a first area based on the left-slide area and the right-slide area; and / or, The second direction is a vertical direction, and the second sliding operation includes a sliding operation in a downward direction and an upward sliding operation in an upward direction; The determining the second area corresponding to the second sliding operation includes: Determine a sliding area corresponding to the sliding operation and an upward sliding area corresponding to the upward sliding operation; and determine a second area according to the sliding area and the upward sliding area.

7. The method according to claim 1, characterized in that The field of view adjustment operation includes at least one touch operation; The determining of the field of view adjustment area on the graphical user interface based on the field of view adjustment operation includes: Determining a touch point area corresponding to the touch operation; determining, according to the touch area, a field of view adjustment area that at least includes the touch area; The field of view adjustment area is displayed on the graphical user interface.

8. The method according to claim 7, characterized in that The determining, based on the touch area, a field of view adjustment area at least including the touch area comprises: In a case where the field of view adjustment operation includes a single touch operation, determining a field of view adjustment area centered on the touch area and including the touch area; In a case where the field of view adjustment operation includes multiple touch operations, the contact point areas corresponding to the respective touch operations are combined into a contact point combination area to generate a field of view adjustment area including the contact point combination area.

9. The method according to claim 1, characterized in that The method further comprises: In the control adjustment mode, a second prompt message is displayed in the graphical user interface; the second prompt message is used to instruct the user to trigger the field of view adjustment operation along a preset direction.

10. The method according to claim 1, characterized in that After determining the field of view adjustment area on the graphical user interface based on the field of view adjustment operation, the method further includes: In response to a reset instruction for the field of view adjustment area in the graphical user interface, a field of view adjustment operation input by a user in the graphical user interface is received again, and the field of view adjustment area is re-determined based on the field of view adjustment operation received again.

11. The method according to claim 1, wherein After determining the field of view adjustment area on the graphical user interface based on the field of view adjustment operation, the method further includes: A position adjustment operation for the function control input by a user is received, and a display position of the function control on the graphical user interface is adjusted.

12. An interface processing device, characterized in that: Applied to a terminal device, the terminal device provides a graphical user interface, the graphical user interface is provided with a field of view adjustment control and at least one function control, wherein the field of view adjustment control is configured to be invisible in the graphical user interface, the apparatus comprises: an adjustment mode, configured to control the graphical user interface to enter a control adjustment mode in response to a position adjustment instruction for the functional control; A processing module, configured to receive a field of view adjustment operation input by a user in the graphical user interface in the control adjustment mode, and determine a field of view adjustment area on the graphical user interface based on the field of view adjustment operation; A display module is used to display a first prompt message in the graphical user interface in response to the field of view adjustment area and the display position of the function control on the graphical user interface satisfying a specified position relationship, so as to prompt that there is a risk of accidental touch between the field of view adjustment control and the corresponding function control.

13. A computer device, characterized in that: include: A memory and a processor, wherein the memory and the processor are communicatively connected to each other, the memory stores computer instructions, and the processor executes the interface processing method according to any one of claims 1 to 11 by executing the computer instructions.

14. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a computer to execute the interface processing method according to any one of claims 1 to 11.

15. A computer program product, characterized in that The method comprises computer instructions for causing a computer to execute the interface processing method according to any one of claims 1 to 11.

Images