Display method for functional panel and apparatus

Abstract

Embodiments of the present application relate to the field of terminals, and provide a display method for a functional panel and an apparatus, which are capable of changing the display area, layout, or size of a functional panel (e.g., a game assistant panel) on the basis of a user operation, thereby meeting the requirements of different users. The method is applied to an electronic device. The method comprises: displaying a first interface of a first application program; receiving a first operation; in response to the first operation, displaying a first functional panel in a first area of a display screen; receiving a drag operation by a user on the first functional panel; when the drag direction of the drag operation is a first direction, displaying a second functional panel in a second area; and when the drag direction of the drag operation is a second direction, displaying a third functional panel in a third area. The first direction is different from the second direction, the second area is different from the third area, and the layout or size of the second functional panel is different from the layout or size of the third functional panel.

Description

A method and apparatus for displaying a function panel. Technical Field

[0001] This application relates to the field of terminals, and more particularly to a method and apparatus for displaying a function panel. Background Technology

[0002] In the game environment, users (players) can trigger a function panel. This panel can include multiple function icons, each of which can receive user input. The electronic device (e.g., a mobile phone) can then activate or deactivate a function in response to this input. For example, when a user needs to enable network acceleration, they can click the network acceleration icon in the function panel; in response, the phone can activate the corresponding network acceleration function for that game.

[0003] However, the current display positions of function panels in the industry are fixed and uniform, making it difficult to meet the needs of different users.

[0004] Summary of the Invention

[0005] This application provides a method and apparatus for displaying a function panel, which can change the display area (display position), layout or size of the game assistant panel based on user operation to meet the needs of different users.

[0006] To achieve the above objectives, the embodiments of this application adopt the following technical solutions:

[0007] In a first aspect, a method for displaying a function panel is provided, applied to an electronic device, the electronic device including a display screen. The method includes: displaying a first interface of a first application on the display screen; receiving a first operation from a user; responding to the first operation, displaying a first function panel in a first area of ​​the display screen, the first function panel including a first function icon; receiving a drag operation from the user on the first function panel; if the drag direction of the drag operation is a first direction, displaying a second function panel in a second area, the second function panel including a second function icon; if the drag direction of the drag operation is a second direction, displaying a third function panel in a third area, the third function panel including a third function icon; wherein the first direction and the second direction are different, the second area and the third area are different, and the layout or size of the second function panel is different from the layout or size of the third function panel.

[0008] Based on the method provided in this application embodiment, the electronic device, in response to a user dragging the first function panel in different directions, can display the dragged function panels (the second function panel and the third function panel) in different areas. Furthermore, when the user drags the first function panel in different directions, the layout or size of the dragged function panels (the second function panel and the third function panel) also differs, which can adapt to the needs of different users (e.g., usage habits) and improve the user experience.

[0009] In one possible implementation, when the dragging direction is a first direction, displaying the second function panel in the second area includes: when the starting point of the dragging operation is located on the border of the first function panel and the ending point of the dragging operation is located within the first function panel, the area of ​​the second function panel is smaller than the area of ​​the first function panel. This allows the function panel's area to be reduced by holding down and dragging inwards (towards the interior of the function panel) along the border of the first function panel (e.g., function panel 401). It is understood that the reduced function panel (second function panel) displays fewer function icons, making it easier for the user (player) to identify and operate the corresponding function icons, thereby reducing the difficulty of identification and operation for the user.

[0010] In one possible implementation, when the dragging direction is the second direction, displaying the third function panel in the third area includes: when the starting point of the dragging operation is located on the border of the first function panel and the ending point of the dragging operation is located outside the first function panel, the layout and size of the third function panel are different from those of the first function panel. In this way, the display area (display position), layout, or size of the function panel can be changed by holding down the border of the first function panel (e.g., function panel 401) and dragging it outwards (towards the outside of the first function panel), which can adapt to the needs of different users (e.g., usage habits) and improve the user experience.

[0011] In one possible implementation, if the first area is located on the left side of the display screen, and the first direction points to the upper left area of ​​the display screen, the second area is located in the upper left area of ​​the display screen; if the first direction points to the lower left area of ​​the display screen, the second area is located in the lower left area of ​​the display screen. This allows the second function panel to be displayed in the corresponding area based on the direction the user drags, improving ease of use for the user (player).

[0012] In one possible implementation, if the first area is located on the left side of the display screen, and the second direction points to the upper right area of ​​the display screen, the third area is located in both the upper right and upper left areas of the display screen; if the second direction points to the lower right area of ​​the display screen, the third area is located in both the lower right and lower left areas of the display screen. This allows the third function panel to be displayed in the corresponding area based on the direction the user drags, improving ease of use for the user (player).

[0013] In one possible implementation, when the drag distance is a first distance, the second function panel includes M second function icons; when the drag distance is a second distance, the second function panel includes N second function icons. The first distance is greater than the second distance, N and M are integers greater than or equal to 1, and M is less than N. That is, the greater the drag distance (longer), the fewer function icons (second function icons) are retained in the function panel (second function panel) displayed on the phone in response to the drag operation. Fewer second function icons in the second function panel help users (players) identify and operate the corresponding function icons, thereby reducing the difficulty of identification and operation for users.

[0014] In one possible implementation, the first area differs from the skill operation area of ​​the first application. This allows the skill operation area of ​​the game application to be avoided when displaying the function panel, thus preventing interference with user operations and improving the user experience.

[0015] In one possible implementation, the method further includes: identifying the game type of the first application, and identifying the game skill operation area of ​​the first application based on the game type; and / or collecting gesture information of the user using the first application, and identifying the game skill operation area of ​​the first application based on the gesture information. After identifying the game skill operation area of ​​the first application, the skill operation area of ​​the game application can be avoided when displaying the function panel, thereby avoiding interference with user operation and improving the user experience.

[0016] In one possible implementation, the method further includes: saving panel layout information when exiting the first application, the panel layout information being used to indicate the display area and layout of the second or third function panel; and displaying the second or third function panel based on the saved panel layout information when the first application is run again.

[0017] In one possible implementation, where the electronic device is a foldable screen device and the screen size of the foldable screen device in its unfolded state is larger than a preset size, the first, second, or third area is located in the lower left and / or lower right area of ​​the foldable screen device in its unfolded state. That is, the function panel of a foldable phone (e.g., a large foldable phone) can be displayed by default in the lower left and / or lower right area of ​​the display screen. The lower left and / or lower right area of ​​the display screen is an easy-to-operate area, which helps users (players) operate the function icons in the function panel and reduces the difficulty of operating the function icons.

[0018] In one possible implementation, before receiving a user's drag operation on the first function panel, the method further includes: receiving a second user operation; and in response to the second operation, controlling the first function panel to enter an editing state. After the electronic device controls the first function panel to enter the editing state, the electronic device can respond to the user's drag operation on the function panel, thus avoiding accidental user operation.

[0019] In one possible implementation, the second operation is a long press operation on a non-functional area within the first functional panel.

[0020] In one possible implementation, the method further includes: receiving a third operation from the user; and, in response to the third operation, controlling the second or third function panel to exit the editing state. After the electronic device controls the second or third function panel to exit the editing state, the electronic device may no longer respond to the user's dragging operation on the function panel (second or third function panel), thus avoiding user misoperation.

[0021] In one possible implementation, the third operation is a click operation on a display area outside the second or third function panel.

[0022] In one possible implementation, the first application includes a game application, and the first or second function panel includes a game assistant panel.

[0023] In one possible implementation, the number of second function icons included in the second function panel is different from the number of first function icons included in the first function panel.

[0024] In one possible implementation, the number of third function icons included in the third function panel differs from the number of second function icons included in the second panel.

[0025] In one possible implementation, some icons in the first function icon are the same as some icons in the second function icon, or the first function icon includes all icons in the second function icon.

[0026] In one possible implementation, some icons in the first function icon are the same as some icons in the third function icon, or the first function icon includes all icons in the third function icon, or the third function icon includes all icons in the first function icon.

[0027] In one possible implementation, the number of columns of the second function icons included in the second function panel is the same as the number of columns of the first function icons included in the first function panel.

[0028] In one possible implementation, the number of rows of the second function icons included in the second function panel is different from the number of rows of the first function icons included in the first function panel.

[0029] In one possible implementation, the first and third function panels also display power consumption mode and game parameters, while the second function panel does not include power consumption mode and game parameters.

[0030] Secondly, this application provides a chip system including one or more interface circuits and one or more processors. The interface circuits and processors are interconnected via lines.

[0031] The aforementioned chip system can be applied to electronic devices that include a communication module and a memory. The interface circuit is used to receive signals from the electronic device's memory and send the received signals to the processor, the signals including computer instructions stored in the memory. When the processor executes the computer instructions, the electronic device can perform the methods described in the first aspect and any of its possible design embodiments.

[0032] Thirdly, this application provides a computer-readable storage medium including computer instructions. When the computer instructions are executed on an electronic device (such as a mobile phone), they cause the electronic device to perform the methods described in the first aspect and any of its possible design embodiments.

[0033] Fourthly, this application provides a computer program product that, when run on a computer, causes the computer to perform the method described in the first aspect and any possible design thereof.

[0034] Fifthly, embodiments of this application provide a display device for a functional panel, including a processor and a memory coupled together. The memory stores program instructions, which, when executed by the processor, cause the device to implement the method described in the first aspect and any possible design of the above. The device may be an electronic device or a component of an electronic device, such as a chip.

[0035] In a sixth aspect, embodiments of this application provide a display device for a functional panel. The device can be divided into different logical units or modules according to their functions, and each unit or module performs different functions so that the device performs the method described in the first aspect and any of its possible design methods.

[0036] It is understood that the beneficial effects achieved by the chip system described in the second aspect, the computer-readable storage medium described in the third aspect, the computer program product described in the fourth aspect, and the apparatus described in the fifth and sixth aspects can be referred to the beneficial effects in the first aspect and any of its possible design embodiments, which will not be repeated here. Attached Figure Description

[0037] Figure 1 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

[0038] Figure 2 is a schematic diagram of the software structure of an electronic device provided in an embodiment of this application;

[0039] Figure 3 is a schematic diagram of a display provided in an embodiment of this application;

[0040] Figure 4 is another display schematic diagram provided by an embodiment of this application;

[0041] Figure 5 is another display schematic diagram provided by an embodiment of this application;

[0042] Figure 6 is another display schematic diagram provided by an embodiment of this application;

[0043] Figure 7 is another display schematic diagram provided by an embodiment of this application;

[0044] Figure 8 is another display schematic diagram provided by an embodiment of this application;

[0045] Figure 9 is another display schematic diagram provided by an embodiment of this application;

[0046] Figure 10 is another display schematic diagram provided by an embodiment of this application;

[0047] Figure 11 is another display schematic diagram provided by an embodiment of this application;

[0048] Figure 12 is another display schematic diagram provided by an embodiment of this application;

[0049] Figure 13A is another display schematic diagram provided by an embodiment of this application;

[0050] Figure 13B is another schematic diagram of a display provided in an embodiment of this application;

[0051] Figure 13C is another display schematic diagram provided by an embodiment of this application;

[0052] Figure 14 is another display schematic diagram provided by an embodiment of this application;

[0053] Figure 15A is another display schematic diagram provided by an embodiment of this application;

[0054] Figure 15B is another schematic diagram of a display provided in an embodiment of this application;

[0055] Figure 15C is another display schematic diagram provided by an embodiment of this application;

[0056] Figure 15D is another display schematic diagram provided by an embodiment of this application;

[0057] Figure 16 is a flowchart illustrating a method for displaying a function panel according to an embodiment of this application;

[0058] Figure 17 is a schematic diagram of a chip system provided in an embodiment of this application. Detailed Implementation

[0059] To ensure clarity and conciseness in the description of the following embodiments, a brief introduction to the related technologies is given first:

[0060] Currently, game assistant panels in the industry can only be displayed in a fixed position. In reality, the interface layout of different game types varies greatly, and players of different skill levels also have different needs for game tools. Providing only a single fixed panel layout to players obviously cannot meet user needs.

[0061] This application provides a method and apparatus for displaying a function panel, which can change the display area, layout and size of the game assistant panel (function panel) based on user operation, meet the needs of different users, and improve the user (player)'s gaming experience in the game scene.

[0062] The method provided in this application can be applied to electronic devices. These electronic devices may include, for example, mobile phones, tablets, desktop computers, laptops, handheld computers, ultra-mobile personal computers (UMPCs), netbooks, cellular phones, personal digital assistants (PDAs), augmented reality (AR) devices, virtual reality (VR) devices, artificial intelligence (AI) devices, wearable devices, in-vehicle devices, smart home devices, and / or smart city devices. This application does not impose any special limitations on the specific type of electronic device.

[0063] The following description uses the hardware structure of electronic device 100 as an example. Figure 1 shows a schematic diagram of the hardware structure of electronic device 100.

[0064] Electronic device 100 may include processor 110, external memory interface 120, internal memory 121, Universal Serial Bus (USB) interface 130, charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, sensor module 180, button 190, camera 193, display screen 194, and Subscriber Identification Module (SIM) card interface 195, etc.

[0065] It is understood that the structures illustrated in the embodiments of the present invention do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0066] The processor 110 may include one or more processing units, such as an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural network processing unit (NPU). These different processing units may be independent devices or integrated into one or more processors.

[0067] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0068] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0069] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0070] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image and video playback, etc.). The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.).

[0071] In some embodiments, the processor 110 may include one or more interfaces. The USB interface 130 is an interface compliant with the USB standard specification, specifically a Mini USB interface, a Micro USB interface, a USB Type-C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used for data transfer between the electronic device 100 and peripheral devices. It can also be used to connect headphones for audio playback. This interface can also be used to connect other electronic devices 100, such as AR devices.

[0072] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0073] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be reused to improve antenna utilization.

[0074] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low-noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1.

[0075] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including Wireless Local Area Networks (WLAN) (such as Wi-Fi), Bluetooth (BT), Global Navigation Satellite System (GNSS), Frequency Modulation (FM), NFC, and Infrared (IR). The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signal, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0076] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, so that electronic device 100 can communicate with networks and other devices through wireless communication technology.

[0077] Electronic device 100 can implement audio functions, such as music playback and recording, through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor.

[0078] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Mini LED, a Micro LED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0079] In this embodiment of the application, the display screen can be a touch screen, which can receive user operations (e.g., first operation, second operation, etc.) to realize human-computer interaction.

[0080] Electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU performs mathematical and geometric calculations and is used for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0081] Electronic device 100 can acquire images through ISP, camera 193, video codec, GPU, display screen 194, and application processor.

[0082] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses the layered architecture Android system as an example to exemplify the software structure of electronic device 100.

[0083] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, the hardware abstraction layer (HAL), and the kernel layer.

[0084] The application layer can include a series of application packages. As shown in Figure 2, the application packages can include applications such as settings, calendar, calling, maps, navigation, WLAN, Bluetooth, music, video, and SMS. Of course, the application layer can also include other application packages, such as chat applications, payment applications, shopping applications, banking applications, or financial management applications, etc., which are not limited in this application.

[0085] In this embodiment of the application application, the application package may include a first application. The first application may be a game application, such as a competitive game application or a casual game application.

[0086] The application framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. The application framework layer includes some predefined functions. For example, it may include an activity manager, window manager, content provider, view system, resource manager, notification manager, super notification module, and application connection framework, etc., but this application embodiment does not impose any limitations on these.

[0087] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0088] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0089] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0090] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0091] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0092] The notification manager allows applications to display notifications in the status bar. These can be used to convey informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of download completion or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0093] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0094] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0095] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0096] OpenGL ES is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0097] SGL is a 2D graphics engine.

[0098] The Android runtime consists of the core libraries and the virtual machine. The Android runtime is responsible for scheduling and managing the Android system. The core libraries consist of two parts: one part contains the functionalities that Java needs to call, and the other part contains the core Android libraries. The application layer and application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and application framework layer into binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0099] The HAL layer is a wrapper around Linux kernel drivers, providing interfaces to the upper layers and shielding them from the implementation details of the lower-level hardware.

[0100] The HAL layer can include Wi-Fi HAL, audio HAL, camera HAL, etc.

[0101] The kernel layer is the layer between hardware and software. The kernel layer includes at least display drivers, camera drivers, audio drivers, and sensor drivers.

[0102] The technical solutions of the embodiments of this application will be described below with reference to the accompanying drawings. In the description of this application, unless otherwise stated, " / " indicates that the objects before and after are in an "or" relationship. For example, A / B can represent A or B. "And / or" in this application is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, and B alone, where A and B can be singular or plural. Furthermore, in the description of this application, unless otherwise stated, "multiple" refers to two or more. "At least one of the following" or similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, and c can be single or multiple. Furthermore, to facilitate a clear description of the technical solutions in the embodiments of this application, the terms "first" and "second" are used in the embodiments of this application to distinguish identical or similar items with substantially the same function and effect. Those skilled in the art will understand that the terms "first" and "second" do not limit the quantity or execution order, and that "first" and "second" are not necessarily different. Meanwhile, in the embodiments of this application, the terms "exemplary" or "for example" are used to indicate that something is being used as an example, illustration, or description. Any embodiment or implementation described as "exemplary" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or implementations. Specifically, the use of terms such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner for ease of understanding.

[0103] For ease of understanding, the following describes in detail, with reference to the accompanying drawings, a method for displaying a function panel provided in an embodiment of this application.

[0104] The following description, with reference to Figures 3-14, using a mobile phone (ordinary candybar phone) as an example, illustrates a method for displaying a function panel provided in this application embodiment.

[0105] For example, as shown in Figure 3(a), a user can click the game application (APP) icon 302 on the main interface 301. In response to the user's operation, the mobile phone can launch the game application. Then, as shown in Figure 3(b), the mobile phone can display the game interface 303. In one possible implementation, the user can also launch the corresponding game and display its interface by clicking on the entry point of a specific game in an application interface that aggregates multiple game entry points. This application does not limit the method of opening the game interface.

[0106] In some embodiments, as shown in Figure 3(b), in response to a user swiping from the left to the right of the screen, as shown in Figure 4, the mobile phone can display a function panel 401. The function panel 401 can be used to display function icons, power consumption modes, game parameters, etc. The function panel can also be referred to as a game assistant panel, function settings area, function area, function card, settings card, etc., and this application does not impose any limitations on this.

[0107] It should be noted that the above-described method of triggering the function panel (e.g., swiping from the left side of the screen to the right to trigger the display of function panel 401) is illustrative. The function panel can also be triggered in other ways. For example, users can trigger the function panel through function entry points (e.g., floating balls, icons, dots, etc.), or users can trigger the function panel through other gestures, such as swiping from the upper left corner of the display to the right, long-pressing in a preset display area, double-tapping, triple-tapping, etc. This application does not limit the scope of the method.

[0108] For example, as shown in Figure 4, the power consumption modes in the function panel 401 may include a balanced mode and a game mode. Currently, it may be in balanced mode. Balanced mode can mean that the operating frequency of the electronic device's CPU and GPU chips is normal, the display brightness is normal, power consumption is moderate, and battery life is normal. Game mode (also known as performance mode) can mean that the operating frequency of the electronic device's CPU and GPU chips is higher, power consumption increases, and heat generation is greater. Optionally, the power consumption modes may also include other modes, such as power-saving mode, etc., which are not limited in this application.

[0109] For example, game parameters may include: network speed (65.3ms as shown in Figure 4), game frame rate (FPS 120 as shown in Figure 4), RAM usage (RAM 16% as shown in Figure 4), etc. Optionally, game parameters may also include central processing unit (CPU) usage, current network latency (PIN) duration, etc., which are not limited in this application.

[0110] As shown in Figure 4, the function panel 401 includes multiple function icons, such as brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, and anti-accidental touch icon. Optionally, the function panel 401 may also include other icons, such as enhanced display icon, game filter icon, strategy guide icon, etc., which are not limited in this application. Each function icon can be used to receive user input, and the phone can then respond to the user's input to enable or disable a certain function. For example, when a user needs to enable the network acceleration function, they can click on the network acceleration icon in the function panel, and in response to this click, the phone can enable the network acceleration function corresponding to that game.

[0111] In addition, the function panel 401 may also include icons and controls for quick applications, which are not specifically limited in this application.

[0112] In some embodiments, as shown in FIG4, the function panel 401 may be displayed by default in the left-hand area of ​​the game application's display interface. In other embodiments, the function panel 401 may be displayed by default in the top or bottom area of ​​the game application's display interface. This application embodiment does not limit the default display position of the function panel 401.

[0113] In this embodiment, the user can adjust the display position and / or layout of the function panel 401. The following is an exemplary description of how the user can adjust the display position and / or layout of the function panel 401.

[0114] As shown in Figure 5(a), in response to a user's long-press operation on a non-functional area of ​​the function panel 401, as shown in Figure 5(b), the phone can control the function panel 401 to enter an editable state (or editable state). The non-functional area of ​​the function panel 401 can refer to the blank area of ​​the function panel 401, which does not include operable controls (e.g., function icons, application icons, etc.). For example, a mask can be overlaid on the function panel 401 in editable state, or the transparency of the function panel 401 can be reduced, which can present a semi-transparent effect (the transparency can be preset or adjustable). The border can present a "handle / grip" (represented by bold lines on the four sides of the border in the figure) to indicate to the user that the current function panel is operable / editable. The user can perform a drag operation on the function panel 401 in editable state to move the function panel 401 to a position that meets the user's needs.

[0115] It is understood that dragging operations can include pressing, moving, and releasing. The position corresponding to a pressing operation can be used as the starting point (starting position) of the dragging operation, and the position corresponding to a releasing operation can be used as the ending point (ending position). A dragging operation can correspond to a vector, where the starting point of the vector is the starting point of the dragging operation, and the ending point of the vector is the ending point of the dragging operation. The length of this vector can be the distance moved during the dragging operation (drag distance), or the straight-line length between the starting and ending points of the dragging operation.

[0116] In this embodiment, the display interface of the game application can be divided into multiple areas, such as four areas. For example, as shown in Figure 6, the line connecting the midpoints of the two shorter sides of the phone can be used as the X-axis, and the line connecting the midpoints of the two longer sides of the phone can be used as the Y-axis. The X-axis and Y-axis can divide the phone's display screen into four areas (also called four quadrants), including area 1, area 2, area 3, and area 4. For example, if the vector corresponding to a drag operation (e.g., a drag operation for dragging the function panel 401) points to area 1, it can be considered that the user is dragging the function panel 401 towards area 1; if the vector corresponding to the drag operation points to area 2, it can be considered that the user is dragging the function panel 401 towards area 2; if the vector corresponding to the drag operation points to area 3, it can be considered that the user is dragging the function panel 401 towards area 3; and if the vector corresponding to the drag operation points to area 4, it can be considered that the user is dragging the function panel 401 towards area 4.

[0117] In some embodiments, a user can press and hold the border of the function panel 401 and drag it in any direction. In response to the user's operation of pressing and holding the border of the function panel 401 and dragging it in any direction, the mobile phone can not only adjust the display position of the function panel 401, but also adjust the layout and size of the function panel 401.

[0118] For example, as shown in Figure 7(a), the mobile phone can display the display interface of a game application (e.g., interface 701). Interface 701 may include a function panel 401, which may be displayed in the left-hand area (i.e., areas 2 and 3) of interface 701. Furthermore, function panel 401 is in an editable state. In response to a user pressing and dragging the edge of function panel 401 (e.g., a point on the right edge) towards the upper right of the display screen (i.e., area 1), as shown in Figure 7(b), the mobile phone can display function panel 402, which changes its display position and layout relative to function panel 401. Function panel 402 may be displayed in the upper area (i.e., areas 1 and 2) of the game application's display interface (e.g., interface 701). Furthermore, the layout and size of function panel 402 can be adaptively changed compared to function panel 401.

[0119] In one possible implementation, the arrangement, order, and number of function icons in function panel 402 and function panel 401 can differ. For example, as shown in Figure 7(a), the function icons in function panel 401 are arranged in a "three-row, three-column" layout; the number of function icons in function panel 401 is 9, including brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, and anti-mistouch icon. However, as shown in Figure 7(b), the function icons in function panel 402 are arranged in a "two-row, five-column" layout; the number of function icons in function panel 402 is 10, including brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, anti-mistouch icon, and touch enhancement icon (a touch enhancement icon is added compared to function panel 401).

[0120] Optionally, the display methods of power consumption mode and game parameters in function panel 402 and function panel 401 can be different. For example, as shown in Figure 7(a), the game parameters in function panel 401 can be displayed in the upper middle position of function panel 402. As shown in Figure 7(b), the game parameters in function panel 402 can be displayed in the upper right corner of function panel 402.

[0121] For example, as shown in Figure 8(a), function panel 401 can be displayed in the left-hand area (i.e., areas 2 and 3) of the game application's display interface (e.g., interface 701). Function panel 401 is in edit mode. In response to a user pressing and dragging the edge of function panel 401 (e.g., a point on the bottom edge) towards the upper left of the display screen (i.e., area 2), as shown in Figure 8(b), the phone can display function panel 403, which changes its display position and layout relative to function panel 401. Function panel 403 can be displayed in the upper left area (i.e., area 2) of the game application's display interface (e.g., interface 701). Furthermore, the layout and size of function panel 403 can be adaptively changed compared to function panel 401.

[0122] In one possible implementation, the arrangement, order, and number of function icons in function panel 403 and function panel 401 can differ. For example, as shown in Figure 8(a), the function icons in function panel 401 are arranged in a "three rows and three columns" configuration; the number of function icons in function panel 401 is 9, including brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, and anti-accidental touch icon. As shown in Figure 8(b), the function icons in function panel 403 are arranged in a "two rows and three columns" configuration; the number of function icons in function panel 403 is 6, including bullet screen notification icon, game filter icon, screen recording icon, settings icon, network acceleration icon, and touch enhancement icon.

[0123] In addition, as shown in Figure 8(b), the power consumption mode and game parameters may not be displayed in the function panel 403 to save display space and avoid obstructing the user's view.

[0124] For example, as shown in Figure 9(a), function panel 401 can be displayed in the left-hand area (i.e., areas 2 and 3) of the game application's display interface (e.g., interface 701). Function panel 401 is in edit mode. In response to a user pressing and holding the edge of function panel 401 (e.g., a point on the top edge) and dragging it towards the lower left of the display screen (i.e., area 3), as shown in Figure 9(b), the phone can display function panel 404, which changes its display position and layout relative to function panel 401. Function panel 404 can be displayed in the lower left area (i.e., area 3) of the game application's display interface (e.g., interface 701). Furthermore, the layout and size of function panel 404 can be adaptively changed compared to function panel 401.

[0125] In one possible implementation, the arrangement, order, and number of function icons in function panel 404 and function panel 401 can differ. For example, as shown in Figure 9(a), the function icons in function panel 401 are arranged in a "three rows and three columns" configuration; the number of function icons in function panel 401 is 9, including brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, and anti-accidental touch icon. As shown in Figure 9(b), the function icons in function panel 404 are arranged in a "two rows and three columns" configuration; the number of function icons in function panel 404 is 6, including bullet screen notification icon, game filter icon, screen recording icon, settings icon, network acceleration icon, and touch enhancement icon.

[0126] In addition, as shown in Figure 9(b), the power consumption mode and game parameters may not be displayed in the function panel 404 to save display space and avoid obstructing the user's view.

[0127] For example, as shown in Figure 10(a), the mobile phone can display interface 701, which may include a function panel 401. The function panel 401 can be displayed in the left area (i.e., areas 2 and 3) of the game application's display interface (e.g., interface 701). Furthermore, the function panel 401 is in edit mode. In response to a user pressing and dragging the edge of the function panel 401 (e.g., a point on the right edge) towards the lower right of the display screen (i.e., area 4), as shown in Figure 10(b), the mobile phone can display function panel 405, which changes its display position and layout relative to function panel 401. The function panel 405 can be displayed in the lower area (i.e., areas 3 and 4) of the game application's display interface (e.g., interface 701).

[0128] Furthermore, compared to function panel 401, the layout and size of function panel 405 can be adapted to change.

[0129] In one possible implementation, the arrangement, order, and number of function icons in function panel 405 and function panel 401 can differ. For example, as shown in Figure 10(a), the function icons in function panel 401 are arranged in a "three rows and three columns" configuration; the number of function icons in function panel 401 is 9, including brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, and anti-mistouch icon. As shown in Figure 10(b), the function icons in function panel 405 are arranged in a "two rows and five columns" configuration; the number of function icons in function panel 405 is 10, including brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, anti-mistouch icon, and touch enhancement icon (a touch enhancement icon is added compared to function panel 401).

[0130] Optionally, the display methods of power consumption mode and game parameters in function panel 405 and function panel 401 can be different. For example, as shown in Figure 10(a), the game parameters in function panel 401 can be displayed in the upper center of function panel 405. As shown in Figure 10(b), the game parameters in function panel 405 can be displayed in the upper right corner of function panel 405.

[0131] In other words, if the starting point of a drag operation (for dragging function panel 401) is located on the top edge of function panel 401, in response to this drag operation, not only can the display position of function panel 401 be adjusted, but also its layout and size can be adjusted. In this way, the display position, layout, and size of the function panel (e.g., function panel 401) can be adaptively adjusted based on user actions (e.g., holding down the edge of the function panel and dragging it to different areas), which can meet the needs of different users and improve the user experience.

[0132] In one possible implementation, when the starting point of a drag operation (e.g., a drag operation for dragging function panel 401) is located on the border of function panel 401, the ending point of the drag operation is located within the first function panel, and the drag distance is a first distance, the mobile phone can display a first target function panel in response to the user's drag operation on function panel 401. The first target function panel can include M function icons. When the starting point of a drag operation is located on the border of function panel 401, the ending point of the drag operation is located within the first function panel, and the drag distance of the drag operation is a second distance, the mobile phone can display a second target function panel in response to the user's drag operation on function panel 401. The second target function panel can include N function icons. Here, the first distance is greater than the second distance, N and M are integers greater than or equal to 1, and M is less than N. That is, the function panel can be shrunk by pressing and dragging inward along the border of the function panel (e.g., function panel 401). The greater the inward drag distance (longer), the fewer function icons are retained in the function panel displayed by the mobile phone in response to the drag operation.

[0133] In one possible implementation, when the starting point of a drag operation (e.g., a drag operation for dragging function panel 401) is located on the border of function panel 401, the drag distance is greater than a first preset threshold, and the ending point of the drag operation is within the first function panel, the mobile phone can display a first target function panel in response to the user's drag operation on function panel 401. The first target function panel may include M function icons. When the starting point of a drag operation is located on the border of function panel 401, the drag distance is less than the first preset threshold, and the ending point of the drag operation is within the first function panel, the mobile phone can display a second target function panel in response to the user's drag operation on function panel 401. The second target function panel may include N function icons. Here, N and M are integers greater than or equal to 1, and M is less than N. That is, the function panel can be shrunk by pressing and dragging inward along the border of the function panel (e.g., function panel 401). The greater the inward drag distance (longer), the fewer function icons are retained in the function panel displayed by the mobile phone in response to the drag operation.

[0134] For example, as shown in Figure 8(a), in response to a user pressing and dragging the edge of the function panel 401 (e.g., a part of the bottom edge) towards the upper left of the display screen (i.e., area 2) (the starting point of the drag operation is located on the edge of the function panel 401, and the ending point of the drag operation is located within the function panel 401), if the drag distance is less than a first preset threshold, as shown in Figure 8(b), the mobile phone can display the function panel 403 (first target function panel), which can be displayed in the upper left area (i.e., area 2) of the game application's display interface (e.g., interface 701). The function panel 403 may include six function icons. As shown in Figure 11(a), in response to a user pressing and dragging the edge of function panel 401 (e.g., the lower right edge) towards the upper left corner of the display screen (i.e., area 2) (the starting point of the drag operation is located on the edge of function panel 401, and the ending point of the drag operation is located within function panel 401), if the drag distance of the drag operation is greater than a first preset threshold, as shown in Figure 11(b), the mobile phone can display function panel 406 (second target function panel). Function panel 406 can be displayed in the upper left area (i.e., area 2) of the game application's display interface (e.g., interface 701). Function panel 406 may include three function icons.

[0135] For example, as shown in Figure 9(a), in response to a user pressing and dragging the edge of the function panel 401 (e.g., a part of the top edge) towards the lower left of the display screen (i.e., area 3) (the starting point of the drag operation is located on the edge of the function panel 401, and the ending point of the drag operation is located within the function panel 401), if the drag distance is less than a first preset threshold, as shown in Figure 9(b), the mobile phone can display the function panel 404 (first target function panel), which can be displayed in the lower left area (i.e., area 3) of the game application's display interface (e.g., interface 701). The function panel 403 can include six function icons. As shown in Figure 12(a), in response to a user pressing and dragging the edge of function panel 401 (e.g., a part of the top edge) towards the lower left of the display screen (i.e., area 3) (the starting point of the drag operation is located on the edge of function panel 401, and the ending point of the drag operation is located inside function panel 401), if the drag distance of the drag operation is greater than a first preset threshold, as shown in Figure 12(b), the mobile phone can display function panel 407 (second target function panel), which can be displayed in the lower left area (i.e., area 3) of the game application's display interface (e.g., interface 701). Function panel 406 can include three function icons.

[0136] In this way, the function panel can be shrunk by pressing and dragging the border of the function panel (e.g., function panel 401) inward. The greater the inward drag distance, the fewer function icons are displayed in the function panel in response to the drag operation. Fewer function icons in the function panel make it easier for users (players) to identify and operate the corresponding function icons, thereby reducing the difficulty of identification and operation for users.

[0137] Optionally, the size and / or layout of the first target function panel and the second target function panel can be different.

[0138] For example, as shown in Figure 8(b), the function icons in function panel 403 (first target function panel) are arranged in a "two rows and three columns" configuration. The function icons in function panel 403 include bullet screen notification icons, game filter icons, screen recording icons, settings icons, network acceleration icons, and touch enhancement icons. As shown in Figure 11(b), the function icons in function panel 406 (second target function panel) are arranged in a "one row and three columns" configuration. The function icons in function panel 403 include network acceleration icons, game filter icons, and touch enhancement icons.

[0139] In some embodiments, a user can press and hold an area (position) within the border of the function panel 401 and drag / move the function panel 401 in any direction. In response to the user's operation of pressing and holding the inner area (the area within the border) of the function panel 401 and dragging / moving it in any direction, the mobile phone can adjust the display position of the function panel 401.

[0140] For example, as shown in Figure 13A(a), in response to a user's action of pressing and dragging the inner area of ​​function panel 401 to the right, as shown in Figure 13A(b), the phone can display function panel 410. Function panel 410 has a different display position compared to function panel 401, and can be displayed in the right-hand area of ​​the game application's display interface. Function panel 410 and function panel 401 have the same layout and size.

[0141] For example, as shown in Figure 13B(a), in response to a user's action of pressing and dragging the inner area of ​​function panel 402 downwards, as shown in Figure 13B(b), the phone can display function panel 411. Function panel 411 has a different display position compared to function panel 402; it can be displayed in the lower area of ​​the game application's display interface. Function panel 411 and function panel 402 have the same layout and size.

[0142] In other words, if the starting point of the drag operation is located within the inner area of ​​a function panel (e.g., function panel 401), in response to the drag operation, only the display position of function panel 401 can be adjusted without changing its layout and size. This allows the display position of the function panel (e.g., function panel 401) to be adjusted based on user actions (e.g., pressing and dragging the inner area of ​​the function panel in different directions), adapting to different user needs and improving the user experience.

[0143] Optionally, when a function panel (e.g., function panel 401, function panel 402, etc.) is in edit mode, the user can drag the function panel multiple times until a satisfactory position and layout are achieved.

[0144] In some embodiments, when a function panel (e.g., function panel 401, function panel 402, etc.) is in edit mode, the mobile phone can control the function panel to exit edit mode in response to a user's operation on a display area outside the function panel (e.g., a click operation). For example, as shown in FIG13C(a), when function panel 401 is in edit mode, in response to a user's click operation on a display area outside function panel 401, as shown in FIG13C(b), the mobile phone can control function panel 401 to exit edit mode.

[0145] In other embodiments, the function panel (e.g., function panel 401) is in an editing state. If the electronic device does not receive user operation within a preset time, the mobile phone can control the function panel to automatically exit the editing state.

[0146] Understandably, once the phone's control panel exits edit mode, the phone will no longer respond to user dragging operations on the panel to prevent accidental operation. If the user wishes to drag the panel again, they can perform the corresponding operation (e.g., long press) to put the panel back into edit mode, allowing them to continue dragging it.

[0147] In some embodiments, when exiting a game application, the phone can record the display position, layout, and size of the function panel at that time. The next time the game application is run, the phone can display the same function panel (same display position, layout, and size) in the game interface based on the recorded information. This allows the user to use the panel layout most recently adjusted as the default display layout, better meeting user needs and improving the user experience.

[0148] In one possible implementation, the phone can automatically identify the skill operation area (also known as the main operation area) of the game application so that it can avoid the skill operation area of ​​the game application when displaying the function panel, thereby avoiding affecting the user's operation and improving the user experience.

[0149] In this context, the skill operation area of ​​a game application can refer to the area where users frequently perform operations (such as swiping, clicking, etc.) to release game skills or run.

[0150] In one possible implementation, the game type can be determined based on the game application's game classification information, and the skill operation area of ​​the game application can be determined according to the game type. The game classification information can be obtained from the game application's installation package. For example, the game type can include competitive games, casual games, etc. Competitive games can include multiplayer online battle arena (MOBA) games, shooting games, etc. Casual games can include card games, board games, etc.

[0151] For example, the skill operation area in a competitive game could be the lower right and / or lower left of the game interface. Therefore, when the game application is identified as a competitive game, a function panel can be displayed in an area other than the lower right and / or lower left of the game interface (e.g., at the top of the game interface). This avoids obstructing the skill operation area of ​​the game application, thus preventing interference with user operations and improving the user experience.

[0152] In another possible implementation, the skill operation area of ​​the game application can be determined based on the user's gesture information while using the application. For example, during the user's use of the game application, the electronic device can collect the user's gesture information, including the gesture operation type, the number of times the gesture is received, and the coordinates corresponding to the gesture (the coordinates of the gesture can reflect the location, area, or range of the gesture operation). The gesture operation type includes clicks (single click, double click, knuckle tap), swipes (one-finger swipe, two-finger swipe, three-finger swipe, etc.), and long presses on the screen. Optionally, the gesture operation type can also include spatial gestures that do not touch the screen (e.g., waving a hand, clenching a fist, or spreading five fingers, etc.), and the gesture information can also include the shape of the gesture operation, etc., which are not limited in this application.

[0153] Taking competitive games as an example, user gestures can have the following characteristics: 1. Sliding in one or more directions within a fixed area on the screen for an extended period (e.g., the preset rectangular area R1 in the lower left corner of the screen, as shown in Figure 14). 2. Continuously tapping in a certain area of ​​the screen (e.g., the preset rectangular area R2 in the lower right corner of the screen, as shown in Figure 14). In competitive games, the skill operation area is located in the lower left and lower right corners of the screen. In this case, the function panel can be displayed at the top of the screen to avoid interfering with the skill operation area and improve the user experience.

[0154] In another possible implementation, the mobile phone can determine the display position and layout of the function panel based on the game type and the user's gesture information. For example, the mobile phone can first obtain the game type corresponding to the game application, thereby determining the skill operation area of ​​the game application (denoted as the first skill operation area); then, it can obtain the user's gesture information and determine the skill operation area of ​​the game application based on the user's gesture information (denoted as the second skill operation area); if the display positions of the first skill operation area and the second skill operation area are the same, the position and layout of the function panel do not need to be updated; if the display positions of the first skill operation area and the second skill operation area are different, the position and layout of the function panel can be updated based on the second skill operation area to obtain the actual skill operation area of ​​the game application, so that the function panel can more reasonably avoid the actual skill operation area of ​​the game application, thereby avoiding affecting the user's operation and improving the user experience.

[0155] The above text used a standard candybar phone as an example to introduce the display method of the function panel. Currently, common mobile phones on the market also include foldable phones. Foldable phones can be divided into "large foldable phones" and "small foldable phones." Small foldable phones, when unfolded, have a screen size similar to a standard candybar phone; therefore, the display method of the function panel on a small foldable phone in its unfolded state can refer to the relevant instructions for standard candybar phones. Large foldable phones, however, have a much larger screen size when unfolded (similar to a tablet screen). Due to the significant difference in screen size, users (players) have different usage habits for the function panel on different devices (standard candybar phones and large foldable phones). If the function panel display method of a standard candybar phone is still used on a large foldable phone, it will reduce the ease of use for users (players) and cause high operating costs (due to the distance between the phone and the user's hand).

[0156] This application proposes a method for displaying a function panel for foldable phones (large foldable phones) with a large screen size in the unfolded state (the screen size is larger than a preset size). The display position and layout of the function panel are redefined according to the user's easy-to-operate area (the area that is easy to operate with the hand (e.g., fingers)) and the difficult-to-operate area, which can improve the ease of use for users and reduce the user's operating costs.

[0157] The following explanation, using Figures 15A-15D as an example, will illustrate the concept of a foldable screen phone (large foldable phone).

[0158] For example, as shown in Figure 15A, in the unfolded state of a foldable phone, the folding axis can be used as the Y-axis, and the line perpendicular to the folding axis and passing through its midpoint can be used as the X-axis. Alternatively, the folding axis can be used as the X-axis, and the line perpendicular to the folding axis and passing through its midpoint can be used as the Y-axis. The X and Y axes divide the phone's display screen into four regions (also called four quadrants): region 1, region 2, region 3, and region 4. Regions 1 and 2 are considered difficult-to-operate areas (far-hand areas, i.e., operation areas farther from the hand), while regions 3 and 4 are considered easy-to-operate areas (near-hand areas, i.e., operation areas closer to the hand).

[0159] In one possible implementation, the user can trigger the function panel of the foldable phone through a preset gesture, such as swiping up from the bottom area of ​​the display (near the hand). Of course, there are other ways to trigger the function panel, as described above regarding triggering the function panel on a regular candybar phone, which will not be repeated here.

[0160] For example, as shown in Figure 15B(a), in response to a user swiping up from the bottom area (near the hand area) of the display, as shown in Figure 15B(b), the phone can display a function panel 1501 in the bottom area of ​​the display (e.g., areas 3 and 4). That is, the function panel of the foldable phone (large foldable phone) can be displayed by default in the easily accessible area of ​​the display, which helps the user (player) operate the function icons in the function panel and reduces the difficulty of operating the function icons.

[0161] Furthermore, as shown in Figure 15C(a), in response to a user's long press on a non-functional area of ​​the function panel 1501, as shown in Figure 15C(b), the phone can control the function panel 1501 to enter the editing state.

[0162] In some embodiments, in response to a user pressing and dragging the edge of the function panel 1501 to the left or right, the mobile phone can adjust the display position and layout of the function panel 1501.

[0163] For example, as shown in Figure 15D(a), when function panel 1501 is in edit mode, in response to a user pressing and dragging the edge of function panel 1501 (e.g., a point on the right edge) towards the lower left of the display screen (i.e., area 3), as shown in Figure 15D(b), the phone can display function panel 1502, which changes its display position and layout relative to function panel 1501. Function panel 1502 can be displayed in the lower left (i.e., area 3) of the game application's display interface (e.g., interface 1501). Furthermore, the layout and size of function panel 1502 can be adaptively changed compared to function panel 1501.

[0164] For example, as shown in Figure 15D(c), in response to a user pressing and dragging the edge of function panel 1501 (e.g., a part of the left edge) towards the lower right of the display screen (i.e., area 4), as shown in Figure 15D(d), the phone can display function panel 1503, which changes its display position and layout relative to function panel 1501. Function panel 1503 can be displayed in the lower right of the game application's display interface (e.g., interface 1501) (i.e., area 4). Furthermore, the layout and size of function panel 1503 can be adaptively changed compared to function panel 1501.

[0165] In this way, the display position, layout, and size of the function panel (e.g., function panel 1501) can be adaptively adjusted based on user actions (e.g., dragging the edge of the function panel to different areas), thus meeting the needs of different users. The adjusted function panel can be displayed in the easily operable area of ​​the display screen, which helps users (players) operate the function icons in the function panel, reduces the difficulty of operating the function icons, and improves the ease of use for users.

[0166] In one possible implementation, when the starting point of a drag operation (e.g., a drag operation for dragging function panel 1501) is located on the border of function panel 1501, the drag distance of the drag operation is greater than a first preset threshold, and the ending point of the drag operation is within the first function panel, the mobile phone can display a first target function panel in response to the user's drag operation on function panel 1501. The first target function panel may include M function icons. When the starting point of a drag operation is located on the border of function panel 1501, the drag distance of the drag operation is less than the first preset threshold, and the ending point of the drag operation is within the first function panel, the mobile phone can display a second target function panel in response to the user's drag operation on function panel 1501. The second target function panel may include N function icons. Here, N and M are integers greater than or equal to 1, and M is less than N. That is, the function panel can be shrunk by pressing and dragging inward along the border of the function panel (e.g., function panel 1501). The greater the inward drag distance (longer), the fewer function icons are retained in the function panel displayed by the mobile phone in response to the drag operation. The fewer function icons are kept in the function panel, the easier it is for users (players) to identify and operate the corresponding function icons, thereby reducing the difficulty for users to identify and operate the function icons.

[0167] As shown in Figure 16, this application embodiment provides a flowchart of a method for displaying a function panel, the method including:

[0168] 1601. Display the first interface of the first application on the screen.

[0169] For example, the first application can be a game application, and the first interface can be a game interface.

[0170] 1602. Receive the user's first operation.

[0171] The first operation is to trigger the display function panel of the electronic device (e.g., function panel 401). For example, the first operation can be a swipe from the left to the right on the screen (display).

[0172] 1603. In response to the first operation, a first function panel is displayed in a first area of ​​the display screen, the first function panel including a first function icon.

[0173] For example, in response to a user swiping from left to right on the screen, as shown in Figure 4, the mobile phone can display a function panel 401 (an example of a first function panel). The first function icon may include at least one of the following: brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do-not-disturb icon, and anti-accidental-touch icon.

[0174] In this embodiment of the application, the function panel (e.g., the first function panel) may be a game assistant panel.

[0175] 1604. Receive user drag operations on the first function panel.

[0176] In some embodiments, before receiving a drag operation from the user on the first function panel, the electronic device may receive a second operation from the user; in response to the second operation, the electronic device controls the first function panel to enter an editing state. For example, the second operation is a long press operation on a non-functional area within the first function panel.

[0177] Users can drag the first function panel (e.g., function panel 401) in edit mode to a position that meets their needs.

[0178] 1605. When the dragging direction of the drag operation is the first direction, a second function panel is displayed in the second area of ​​the display screen, and the second function panel includes a second function icon.

[0179] The second function panel is obtained by dragging the first function panel (drag in the first direction).

[0180] In one possible implementation, the number of second function icons included in the second function panel is different from the number of first function icons included in the first function panel.

[0181] In one possible implementation, some icons in the first function icon are the same as some icons in the second function icon, or the first function icon includes all icons in the second function icon.

[0182] For example, as shown in Figure 8(a), the first function panel can be function panel 401, and the first direction can point to the upper left of the display screen (i.e., area 2). As shown in Figure 8(b), the second function panel can be function panel 403. Function panel 401 can include 9 function icons (first function icons), and function panel 403 can include 6 function icons (second function icons). The same function icons (which can be simply referred to as icons) in function panel 403 and function panel 401 include: bullet screen prompt icon, game filter icon, screen recording icon, settings icon, network acceleration icon, and touch enhancement icon.

[0183] For example, as shown in Figure 9(a), the first function panel can be function panel 401, and the first direction can point to the lower left of the display screen (i.e., area 3). As shown in Figure 9(b), the second function panel can be function panel 404. Function panel 401 can include 9 function icons (first function icons), and function panel 404 can include 6 function icons (second function icons). The same function icons (which can be simply referred to as icons) in function panel 404 and function panel 401 include: bullet screen notification icon, game filter icon, screen recording icon, settings icon, network acceleration icon, and touch enhancement icon.

[0184] In one possible implementation, the number of columns of the second function icons included in the second function panel is the same as the number of columns of the first function icons included in the first function panel.

[0185] In one possible implementation, the number of rows of the second function icons included in the second function panel is different from the number of rows of the first function icons included in the first function panel.

[0186] For example, as shown in Figure 8(a), the function icons in function panel 401 are arranged in a "three rows and three columns" configuration; while as shown in Figure 8(b), the function icons in function panel 403 are arranged in a "two rows and five columns" configuration. As another example, as shown in Figure 9(b), the function icons in function panel 404 are arranged in a "two rows and five columns" configuration.

[0187] 1606. When the dragging direction of the drag operation is the second direction, a third function panel is displayed in the third area. The third function panel includes a third function icon.

[0188] In one possible implementation, the number of third function icons included in the third function panel is different from the number of second function icons included in the second panel.

[0189] In one possible implementation, some icons in the first function icon are the same as some icons in the third function icon, or the first function icon includes all icons in the third function icon, or the third function icon includes all icons in the first function icon.

[0190] For example, as shown in Figure 7(a), the first function panel can be function panel 401, and the first direction can point to the upper right of the display screen (i.e., area 1). As shown in Figure 7(b), the third function panel can be function panel 402. Function panel 401 can include 9 function icons (first function icons), and function panel 402 can include 10 function icons (third function icons). The same function icons (which can be simply referred to as icons) in function panel 402 and function panel 401 include: brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do not disturb icon, and anti-mistouch icon.

[0191] For example, as shown in Figure 10(a), the first function panel can be function panel 401, and the first direction can point to the lower right of the display screen (i.e., area 4). As shown in Figure 10(b), the third function panel can be function panel 405. Function panel 401 can include 9 function icons (first function icons), and function panel 405 can include 10 function icons (third function icons). The same function icons (which can be simply referred to as icons) in function panel 405 and function panel 401 include: brightness adjustment icon, gift pack icon, game filter icon, screen recording icon, bullet screen notification icon, settings icon, network acceleration icon, do not disturb icon, and anti-accidental touch icon.

[0192] In this embodiment, the first direction and the second direction are different, the second region and the third region are different, and the layout or size of the second functional panel is different from that of the third functional panel.

[0193] For example, the first direction can point to the upper left or lower left of the display screen; the second direction can point to the upper right or lower right of the display screen.

[0194] For example, as shown in Figure 8(b), the second area can refer to the area displayed by function panel 403 (the upper left area of ​​the display screen). As another example, as shown in Figure 9(b), the second area can refer to the area displayed by function panel 404 (the lower left area of ​​the display screen). As shown in Figure 7(b), the third area can refer to the area displayed by function panel 402 (the upper area of ​​the display screen, i.e., the upper left and upper right areas). As shown in Figure 10(b), the third area can refer to the area displayed by function panel 405 (the lower area of ​​the display screen, i.e., the lower left and lower right areas).

[0195] For example, the layout (i.e., the arrangement, order, number, etc. of the function icons in the second function panel) or size (area) is different from that of the third function panel.

[0196] For example, as shown in Figure 8(b), the second function panel can be function panel 403. The function icons in function panel 403 are arranged in a "two rows and three columns" manner, and the number of function icons in function panel 403 is 6, including a bullet screen notification icon, a game filter icon, a screen recording icon, a settings icon, a network acceleration icon, and a touch enhancement icon. As shown in Figure 7(b), the third function panel can be function panel 402. The function icons in function panel 402 are arranged in a "two rows and five columns" manner, and the number of function icons in function panel 402 is 10, including a brightness adjustment icon, a gift pack icon, a game filter icon, a screen recording icon, a bullet screen notification icon, a settings icon, a network acceleration icon, a do-not-disturb icon, an anti-mistouch icon, and a touch enhancement icon (a touch enhancement icon has been added compared to function panel 401).

[0197] In one possible implementation, when the starting point of the drag operation is located on the edge of the first function panel and the ending point of the drag operation is located within the first function panel, the area of ​​the second function panel is smaller than the area of ​​the first function panel.

[0198] For example, as shown in Figure 8(a), the first function panel can be function panel 401. If the starting point of the drag operation is located on the border of function panel 401 and the ending point of the drag operation is located within function panel 401, as shown in Figure 8(b), the second function panel can be function panel 403. The area of ​​function panel 403 is smaller than the area of ​​function panel 401.

[0199] In one possible implementation, if the starting point of the drag operation is located on the border of the first function panel and the ending point of the drag operation is located outside the first function panel, the layout and size of the third function panel are different from those of the first function panel.

[0200] For example, as shown in Figure 7(a), the first function panel can be function panel 401. If the starting point of the drag operation is located on the border of function panel 401 and the ending point of the drag operation is located outside function panel 401, as shown in Figure 7(b), the third function panel can be function panel 402. The layout and size of function panel 402 are different from those of function panel 401.

[0201] In some embodiments, if the first region is located on the left side of the display screen, and the first direction points to the upper left region of the display screen, the second region is located in the upper left region of the display screen; if the first direction points to the lower left region of the display screen, the second region is located in the lower left region of the display screen.

[0202] Taking function panel 401 as the first function panel and function panel 403 as the second function panel as an example, as shown in Figure 8(a), function panel 401 can be displayed in the left-hand area (e.g., the upper left and lower left areas) of the game application's display interface. In response to the user's operation of pressing and dragging the edge of function panel 401 (e.g., a part of the bottom edge) towards the upper left area of ​​the display screen, as shown in Figure 8(b), the phone can display function panel 403, which can be displayed in the upper left area of ​​the game application's display interface.

[0203] Taking function panel 401 as the first function panel and function panel 404 as the second function panel as an example, as shown in Figure 9(a), function panel 401 can be displayed in the left-hand area (e.g., the upper left and lower left areas) of the game application's display interface. In response to the user's operation of pressing and dragging the edge of function panel 401 (e.g., a part of the top edge) towards the lower left area of ​​the display screen, as shown in Figure 9(b), the phone can display function panel 404, which can be displayed in the lower left area of ​​the game application's display interface.

[0204] Taking function panel 403 as the first function panel and function panel 406 as the second function panel as an example, as shown in Figure 8(b), function panel 403 can be displayed in the left-hand area (e.g., the upper left area) of the game application's display interface. In response to the user's operation of pressing and dragging the edge of function panel 403 (e.g., a part of the bottom edge) towards the upper left area of ​​the display screen, as shown in Figure 11(b), the phone can display function panel 406, which can be displayed in the upper left area of ​​the game application's display interface.

[0205] Taking function panel 404 as the first function panel and function panel 407 as the second function panel as an example, as shown in Figure 9(b), function panel 404 can be displayed in the left-hand area (e.g., the upper left area) of the game application's display interface. In response to the user's operation of pressing and dragging the edge of function panel 404 (e.g., a part of the bottom edge) towards the upper left area of ​​the display screen, as shown in Figure 12(b), the phone can display function panel 407, which can be displayed in the upper left area of ​​the game application's display interface.

[0206] In some embodiments, if the first region is located on the left side of the display screen, and the second direction points to the upper right region of the display screen, the third region is located in the upper right and upper left regions of the display screen; if the second direction points to the lower right region of the display screen, the third region is located in the lower right and lower left regions of the display screen.

[0207] Taking function panel 401 as the first function panel and function panel 402 as the second function panel as an example, as shown in Figure 7(a), function panel 401 can be displayed in the upper left and lower left areas of the game application's display interface (e.g., interface 701). In response to a user pressing and dragging the edge of function panel 401 (e.g., a point on the right edge) towards the upper right area of ​​the display screen (i.e., the second direction points to the upper right area, and the endpoint of the dragging operation is outside the first function panel), as shown in Figure 7(b), the phone can display function panel 402, which can be displayed in the upper right and upper left areas of the game application's display interface.

[0208] Taking function panel 401 as the first function panel and function panel 405 as the second function panel as an example, as shown in Figure 10(a), function panel 401 can be displayed in the left area (including the upper left and lower left areas) of the game application's display interface. In response to a user pressing and holding the edge of function panel 401 (e.g., a point on the right edge) and dragging it towards the lower right area of ​​the display screen (i.e., the second direction points to the lower right area, and the endpoint of the dragging operation is outside the first function panel), as shown in Figure 10(b), the phone can display function panel 405. Function panel 405 can be displayed in the lower area (including the lower right and lower left areas) of the game application's display interface.

[0209] In some embodiments, when the starting point of the drag operation is located on the border of the first function panel and the ending point of the drag operation is located within the first function panel, if the drag distance of the drag operation is a first distance, the second function panel includes M second function icons; if the drag distance of the drag operation is a second distance, the second function panel includes N second function icons; wherein, the first distance is greater than the second distance, N and M are integers greater than or equal to 1, and M is less than N.

[0210] For example, as shown in Figure 11(a), in response to a user pressing and dragging the edge of function panel 401 (e.g., the lower right edge) towards the upper left area of ​​the display screen (the starting point of the drag operation is located on the edge of function panel 401, and the ending point of the drag operation is located within function panel 401), when the drag distance is a first distance, as shown in Figure 11(b), the mobile phone can display function panel 406 (second function panel), which can be displayed in the upper left area of ​​the game application's display interface. Function panel 406 may include three (i.e., M is 3) function icons (second function icons). As shown in Figure 8(a), in response to a user pressing and dragging the edge of function panel 401 (e.g., a part of the bottom edge) towards the upper left (i.e., area 2) of the display screen, when the drag distance is a second distance, as shown in Figure 8(b), the mobile phone can display function panel 403 (second function panel), which can be displayed in the upper left area of ​​the game application's display interface (e.g., interface 701). The function panel 403 may include 6 (i.e., N is 6) function icons (second function icons).

[0211] In some embodiments, if the trajectory of a drag operation for dragging the first function panel extends from inside the function panel 401 to outside the function panel 401, the phone may not respond to the operation (i.e., the phone may not respond to a drag operation across the border).

[0212] In some embodiments, the first area (the area displayed on the first function panel) is different from the skill operation area of ​​the first application. The game type of the first application can be identified, and the game skill operation area of ​​the first application can be identified based on the game type; and / or, gesture information of the user using the first application can be collected, and the game skill operation area of ​​the first application can be identified based on the gesture information.

[0213] In some embodiments, when exiting the first application, panel layout information can be saved. The panel layout information is used to indicate the display area and layout of the second or third function panel. When the first application is run again, the second or third function panel is displayed based on the saved panel layout information.

[0214] In some embodiments, when the electronic device is a foldable screen device and the screen size of the foldable screen device in the unfolded state is larger than a preset size, the first region, the second region, or the third region is located in the lower left and / or lower right regions of the foldable screen device in the unfolded state.

[0215] After receiving a drag operation, the electronic device can further receive a third operation from the user; in response to the third operation, the electronic device controls the second or third function panel to exit the editing state. For example, the third operation is a click operation on a display area outside the second or third function panel.

[0216] For the parts not described in detail in the embodiments shown in Figure 16, please refer to the foregoing embodiments, and they will not be repeated here.

[0217] Based on the method provided in this application embodiment, when an electronic device displays a first interface (e.g., game interface) of a first application (e.g., a game application) on a display screen, if it receives a first operation from a user (an operation that triggers a function panel), it can display a first function panel in a first area of ​​the display screen. Further, the electronic device can receive a drag operation from the user on the first function panel. If the drag direction is a first direction, the electronic device can display a second function panel in a second area of ​​the display screen, the second function panel including a second function icon; if the drag direction is a second direction, the electronic device can display a third function panel in a third area of ​​the display screen, the third function panel including a third function icon. The first and second directions are different, the second and third areas are different, and the layout or size of the second and third function panels are different. That is, in response to a user dragging the first function panel in different directions, the electronic device can display the dragged function panel (second or third function panel) in different areas, and the layout or size of the dragged function panel (second and third function panels) is also different when the user drags the first function panel in different directions, which can adapt to the needs of different users and improve the user experience.

[0218] This application also provides a chip system, as shown in FIG17, which includes at least one processor 1701 and at least one interface circuit 1702. The processor 1701 and the interface circuit 1702 are interconnected via lines. For example, the interface circuit 1702 can be used to receive signals from other devices (e.g., the memory of an electronic device). As another example, the interface circuit 1702 can be used to send signals to other devices (e.g., the processor 1701).

[0219] For example, interface circuit 1702 can read instructions stored in the memory of the electronic device and send the instructions to processor 1701. When the instructions are executed by processor 1701, the electronic device (electronic device 100 as shown in FIG1) can perform the various steps performed by the watch in the above embodiment.

[0220] Of course, the chip system may also include other discrete components, and this application embodiment does not specifically limit this.

[0221] This application also provides a computer-readable storage medium including computer instructions that, when executed on an electronic device (electronic device 100 as shown in FIG1), cause the electronic device 100 to perform various functions or steps performed by the mobile phone in the above method embodiments.

[0222] This application also provides a computer program product that, when run on a computer, causes the computer to perform various functions or steps performed by the electronic device (electronic device 100 as shown in FIG1) in the above method embodiments.

[0223] This application embodiment also provides a processing device, which can be divided into different logical units or modules according to function. Each unit or module performs different functions, so that the processing device performs various functions or steps performed by the electronic device (electronic device 100 shown in FIG1) in the above method embodiment.

[0224] Through the above description of the embodiments, those skilled in the art can clearly understand that the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0225] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another device, or some features may be ignored or not executed. Furthermore, the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between devices or units may be electrical, mechanical, or other forms.

[0226] The units described as separate components may or may not be physically separate. A component shown as a unit can be one or more physical units; that is, it can be located in one place or distributed in multiple different locations. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0227] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0228] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, essentially or in other words, the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. This software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0229] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions within the technical scope disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

A method for displaying a function panel, characterized in that, Applied to an electronic device, the electronic device including a display screen, the method includes: The first interface of the first application is displayed on the screen. Receive the user's first action; In response to the first operation, a first function panel is displayed in a first area of ​​the display screen, the first function panel including a first function icon; Receive user drag operations on the first function panel; When the dragging direction of the dragging operation is a first direction, a second function panel is displayed in the second area, and the second function panel includes a second function icon; When the dragging direction of the dragging operation is the second direction, a third function panel is displayed in the third area, and the third function panel includes a third function icon. Wherein, the first direction and the second direction are different, the second region is different from the third region, and the layout or size of the second functional panel is different from the layout or size of the third functional panel. The method according to claim 1, characterized in that, When the dragging direction of the drag operation is a first direction, displaying a second function panel in the second area includes: When the starting point of the drag operation is located on the edge of the first function panel and the ending point of the drag operation is located within the first function panel, the area of ​​the second function panel is smaller than the area of ​​the first function panel. The method according to claim 1 or 2, characterized in that, When the dragging direction of the dragging operation is the second direction, displaying the third function panel in the third area includes: When the starting point of the drag operation is located on the edge of the first function panel and the ending point of the drag operation is located outside the first function panel, the layout and size of the third function panel are different from those of the first function panel. The method according to claim 2, characterized in that, When the first area is located on the left side of the display screen, If the first direction points to the upper left area of ​​the display screen, the second area is located in the upper left area of ​​the display screen; If the first direction points to the lower left area of ​​the display screen, the second area is located in the lower left area of ​​the display screen. The method according to claim 3, characterized in that, When the first area is located on the left side of the display screen, If the second direction points to the upper right area of ​​the display screen, the third area is located in the upper right and upper left areas of the display screen; If the second direction points to the lower right area of ​​the display screen, the third area is located in the lower right and lower left areas of the display screen. The method according to claim 2, characterized in that, When the dragging distance of the drag operation is a first distance, the second function panel includes M second... Function icons; When the dragging distance of the drag operation is the second distance, the second function panel includes N second function icons; Wherein, the first distance is greater than the second distance, N and M are integers greater than or equal to 1, and M is less than N. The method according to any one of claims 1-6, characterized in that, The first area is different from the skill operation area of ​​the first application. The method according to claim 7, characterized in that, The method further includes: Identify the game type of the first application, and based on the game type, identify the game skill operation area of ​​the first application; and / or Collect user gesture information when using the first application, and identify the game skill operation area of ​​the first application based on the gesture information. The method according to any one of claims 1-8, characterized in that, The method further includes: When exiting the first application, the panel layout information is saved. The panel layout information is used to indicate the display area and layout of the second or third function panel. When the first application is run again, the second function panel or the third function panel is displayed based on the saved panel layout information. The method according to any one of claims 1-9, characterized in that, When the electronic device is a foldable screen device and the screen size of the foldable screen device in the unfolded state is larger than a preset size, the first region, the second region, or the third region is located in the lower left and / or lower right regions of the foldable screen device in the unfolded state. The method according to any one of claims 1-10, characterized in that, Before receiving the user's drag operation on the first function panel, the method further includes: Receive the user's second action; In response to the second operation, the first function panel is controlled to enter the editing state. The method according to claim 11, characterized in that, The second operation is a long press operation on the non-functional area within the first functional panel. The method according to claim 11 or 12 is characterized in that, The method further includes: Receive the user's third action; In response to the third operation, control the second function panel or the third function panel to exit the editing state. The method according to claim 13, characterized in that, The third operation is a click operation on a display area other than the second function panel or the third function panel. The method according to any one of claims 1-14, characterized in that, The first application includes a game application, and the first or second function panel includes a game assistant panel. The method according to any one of claims 1-15, characterized in that, The number of second function icons included in the second function panel is different from the number of first function icons included in the first function panel. The method according to any one of claims 1-16, characterized in that, The third functional panel includes The number of the third function icons is different from the number of the second function icons included in the second function panel. The method according to any one of claims 1-17, characterized in that, Some icons in the first function icon are the same as some icons in the second function icon, or the first function icon includes all icons in the second function icon. The method according to any one of claims 1-18, characterized in that, Some icons in the first function icon are the same as some icons in the third function icon, or the first function icon includes all icons in the third function icon, or the third function icon includes all icons in the first function icon. The method according to any one of claims 1-19, characterized in that, The number of columns of the second function icons included in the second function panel is the same as the number of columns of the first function icons included in the first function panel. The method according to any one of claims 1-20, characterized in that, The first and third function panels also display power consumption modes and game parameters, while the second function panel does not include the power consumption modes and game parameters. An electronic device, characterized in that, The electronic device includes a display screen, a processor, and a memory; the memory stores program instructions; the processor is configured to execute the program instructions stored in the memory, causing the electronic device to perform the method as described in any one of claims 1-21. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes program instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1-21.

Images