Shortcut switch editing method and device, storage medium and program product

Abstract

The invention provides a shortcut switch editing method and device, a storage medium and a program product, and relates to the technical field of terminals. In the method, a switch editing interface is displayed, and the switch editing interface comprises a first editing area and a second editing area; the first editing area and the second editing area are located in different page layers; the first editing area comprises at least one first shortcut switch; the second editing area comprises at least one second shortcut switch; responding to the selected and moved third shortcut switch, and reducing the area size of the second editing area; the third shortcut switch is a first shortcut switch or a second shortcut switch; responding to ending of movement and releasing of the third shortcut switch, and controlling the second editing area to recover the area size before movement of the third shortcut switch. Therefore, the frequently-used shortcut switch and the non-frequently-used shortcut switch can be displayed in different page layers, the convenience of editing the shortcut switch is improved, and the user experience is improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of terminal technology, and in particular to a method, device, storage medium, and program product for editing a shortcut switch. Background Art

[0002] On electronic devices, a control center is generally used to display commonly used functions such as media broadcasts and quick switches, thereby improving the convenience of user operation.

[0003] Currently, when editing a quick switch in the control center, the electronic device can display a switch editing interface in response to the user clicking on the edit quick switch (equivalent to the entrance to the switch editing interface). The switch editing interface can be used to control whether the quick switch is displayed in the control center and the order in which the quick switches are displayed in the control center. As the number and functions of quick switches increase, the switch editing interface becomes very cluttered, making the editing and interactive operations of the quick switches in the switch quick interface less convenient.

[0004] How to improve the convenience of editing shortcut switches has become an urgent problem to be solved. Summary of the Invention

[0005] Embodiments of the present application provide a method, device, storage medium, and program product for editing a shortcut switch, for improving the convenience of editing a shortcut switch.

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

[0007] In a first aspect, a method for editing a shortcut switch is provided, which is applied to an electronic device, and the method includes:

[0008] Displaying a switch editing interface, the switch editing interface includes a first editing area and a second editing area; the first editing area and the second editing area are located on different page layers; the first editing area includes at least one first shortcut switch; the second editing area includes at least one second shortcut switch;

[0009] In response to selecting and moving the third quick switch, reducing the size of the second editing area; the third quick switch is the first quick switch or the second quick switch;

[0010] In response to the completion of the movement and the release of the third shortcut switch, the second editing area is controlled to restore the area size before the third shortcut switch was moved.

[0011] In this way, frequently used shortcut switches and infrequently used shortcut switches are displayed in different page layers. For example, a drawer component can be created in the switch editing interface to place infrequently used shortcut switches. The main interface of the switch editing interface only places frequently used shortcut switches displayed in the control center. Infrequently used shortcut switches are placed separately from frequently used shortcut switches, thereby reducing the density of shortcut switches in the switch editing interface, improving the convenience of editing shortcut switches, and enhancing the user experience.

[0012] In a possible implementation of the first aspect, before the third shortcut switch is selected and moved, the second editing area is in a first state; the electronic device can control the second editing area to enter a second state in response to the selection and movement of the third shortcut switch; the display area of the second editing area in the second state is smaller than the display area of the second editing area in the first state.

[0013] In this way, by controlling the second editing area to enter the folded state, the area occupied by the second editing area in the switch editing interface can be reduced, thereby making it easier for users to focus their attention on the first editing area and move the shortcut switch to the first editing area, thereby improving the user experience.

[0014] In a possible implementation of the first aspect, when the third shortcut switch is the first shortcut switch, in response to ending the movement and releasing the third shortcut switch, controlling the second editing area to restore the area size before moving the third shortcut switch includes:

[0015] In response to finishing the movement in the first editing area and releasing the first shortcut switch, the second editing area is controlled to restore the area size before moving the first shortcut switch, and the display content before moving the first shortcut switch is controlled to restore the second editing area.

[0016] In this way, when the first shortcut switch in the first editing area is dragged and the first shortcut switch is not dragged into the second editing area, the second editing area is restored to the state before the user moved the shortcut switch after moving the position of the first shortcut switch. This can be more in line with the user's usage habits and is conducive to improving the user experience.

[0017] In a possible implementation of the first aspect, when the third shortcut switch is the first shortcut switch, in response to ending the movement and releasing the third shortcut switch, controlling the second editing area to restore the area size before moving the third shortcut switch includes:

[0018] In response to finishing the movement in the second editing area and releasing the first shortcut switch, the second editing area is controlled to restore the area size before moving the first shortcut switch, and the second editing area is controlled to display the first shortcut switch.

[0019] In this way, when dragging the first shortcut switch in the first editing area to the second editing area, the mobile phone can move the shortcut switch and control the display of the second editing area, while meeting the user's needs to move the shortcut switch, displaying the status after adding the shortcut switch in the second editing area, which is closer to the user's usage habits and is conducive to improving the user experience.

[0020] In a possible implementation of the first aspect, when the third shortcut switch is the second shortcut switch, in response to ending the movement and releasing the third shortcut switch, controlling the second editing area to restore the area size before moving the third shortcut switch includes:

[0021] In response to finishing moving in the first editing area and releasing the second shortcut switch, the second editing area is controlled to restore the area size before moving the second shortcut switch, and the first editing area is controlled to display the second shortcut switch.

[0022] In this way, when the second quick switch in the second editing area is dragged into the first editing area, the state after the quick switch is added is displayed in the first editing area, which can meet the user's need to move the quick switch.

[0023] In a possible implementation of the first aspect, before controlling the second editing area to enter the second state in response to selecting and moving the third shortcut switch, the method further includes:

[0024] Obtaining state information of the second editing area when it is in the first state; wherein the state information includes attribute information and switch state of the second quick switch displayed in the second editing area; the attribute information includes a switch icon and a switch label of the second quick switch, and the switch state includes an on state or a off state;

[0025] After controlling the second editing area to restore the area size before moving the third shortcut switch, the method includes:

[0026] A second shortcut switch located in the second editing area is displayed according to the status information.

[0027] In this way, the mobile phone moves the shortcut switch and restores the status of the second editing area according to the status information. While meeting the user's need to move the shortcut switch, the second editing area can be restored to the state before the user moved the shortcut switch or displayed in the second editing area. The state after adding the shortcut switch is closer to the user's usage habits and is conducive to improving the user experience.

[0028] In a possible implementation of the first aspect, the third shortcut switch is the first shortcut switch;

[0029] After controlling the second editing area to enter the second state, the method further includes:

[0030] Before the first shortcut switch is moved to the preset first position, controlling the second editing area to maintain the second state;

[0031] After the third shortcut switch is moved from the first editing area to the first position, the second editing area is controlled to enter the third state; wherein the display area of the second editing area in the third state is larger than the display area of the second editing area in the first state.

[0032] In a possible implementation manner of the first aspect, the first position is located in the second editing area.

[0033] In this way, when the user moves the third quick switch from the first editing area to the first position, it can be considered that the user's demand is to place the quick switch in the second editing area, thereby controlling the second editing area to enter the third state, that is, the expanded state, increasing the area occupied by the second editing area in the switch editing interface, making it easier for the user to focus on the infrequently used quick switches in the second editing area, thereby facilitating the user to place the quick switch in the second editing area and improving the user experience.

[0034] In a possible implementation of the first aspect, the first position is a position where an overlap rate between the first shortcut switch and the second editing area is greater than a preset threshold, or the first position is a position where a center position of the first shortcut switch enters the second editing area.

[0035] In a possible implementation of the first aspect, the third shortcut switch is a second shortcut switch; after the second editing area is controlled to enter the second state and before the second shortcut switch is released, the second editing area maintains the second state.

[0036] In this way, when the user moves the shortcut switch in the second editing area, the second editing area remains in a folded state, which can reduce the area occupied by the second editing area in the switch editing interface and increase the area occupied by the first editing area in the switch editing interface, making it easier for the user to place the shortcut switch in the second editing area in the first editing area.

[0037] In a possible implementation of the first aspect, the switch editing interface includes a first area and a second area, the first area and the second area do not overlap, and the method further includes:

[0038] In response to moving the third convenient switch to the first area, controlling the first convenient switch in the first editing area to scroll in a first direction;

[0039] In response to moving the third shortcut switch to the second area, the first shortcut switch in the first editing area is controlled to scroll in a second direction; the first direction is different from the second direction.

[0040] In this way, by moving the quick switch to the first area or the second area, the phone can control the scrolling of the first editing area in the first direction or the second direction. The user can control the scrolling of the first editing area by moving the quick switch. During the scrolling of the switch editing interface, the multiple locations in the switch editing interface that can be used to place the quick switch are displayed. This can better focus the user's attention on the first editing area, and by scrolling the first editing area, the user is shown the locations in the first editing area that can be used to place the quick switch, thereby improving the user experience.

[0041] In a possible implementation of the first aspect, the switch editing interface includes a third area, the third area does not overlap with the first area, and the third area does not overlap with the second area, and the method further includes:

[0042] In response to moving the third convenience switch to the third area, the first shortcut switch in the first editing area is controlled to stop scrolling.

[0043] In this way, when the user moves the shortcut switch outside the first area or the second area, the first editing area stops scrolling in the first direction or the second direction. The user can control the first editing area to stop scrolling by moving the position of the shortcut switch, which can facilitate the user to find the location to place the shortcut switch and improve the user experience.

[0044] In a possible implementation of the first aspect, the method further includes:

[0045] In response to the triggering operation on the first shortcut switch or the second shortcut switch, the switch state of the first shortcut switch or the second shortcut switch is switched, or a program interface corresponding to the first shortcut switch or the second shortcut switch is entered.

[0046] In this way, the switch editing interface can respond to the triggering operation of the first shortcut switch or the second shortcut switch, making it convenient for the user to change the switch state of the shortcut switch or enter the program interface of the shortcut switch to edit the shortcut switch.

[0047] In a possible implementation of the first aspect, the method further includes:

[0048] In response to selecting the third quick switch, playing a zoom-out animation of the third editing switch, hiding the switch icon and switch label corresponding to the third editing switch, and displaying a drag view corresponding to the third editing switch;

[0049] In response to moving the third shortcut switch, play the first displacement animation of the dragged view.

[0050] In this way, the phone can add smooth transition animations to the operations of selecting or moving the shortcut switch to improve user experience and visual appeal.

[0051] In a possible implementation of the first aspect, the method further includes:

[0052] In response to finishing the movement at the second position and releasing the third quick switch, playing a second displacement animation of the drag view moving from the second position to the target position, hiding the drag view after the second displacement animation ends, and displaying a switch icon and a switch label corresponding to the third editing switch at the target position;

[0053] Among them, the target position is the switch arrangement position closest to the second position among multiple preset switch arrangement positions in the target editing area, and the target editing area is the first editing area or the second editing area where the second position is located; the switch arrangement position is the position used to arrange the shortcut switch.

[0054] In this way, the phone can add a smooth transition animation to the operation of ending the movement and releasing the shortcut switch to improve the user experience and visual appeal.

[0055] In a second aspect, the present application provides an electronic device, which includes at least a memory and one or more processors; the memory is used to store computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes any method as described in the first aspect above.

[0056] In a third aspect, the present application provides a computer-readable storage medium storing computer instructions or programs. When the computer instructions or programs are run on a computer, the method of any one of the above-mentioned first aspects is executed.

[0057] In a fourth aspect, the present application provides a computer program product, which includes computer instructions; when part or all of the computer instructions are run on a computer, the method of any one of the above-mentioned first aspects is executed. BRIEF DESCRIPTION OF THE DRAWINGS

[0058] Figure 1 A schematic diagram of a switch editing interface provided by related art is shown;

[0059] Figure 2 A schematic structural diagram of a mobile phone provided in an embodiment of the present application is shown;

[0060] Figure 3 A schematic diagram of a mobile phone with an outward-folding screen provided in an embodiment of the present application is shown;

[0061] Figure 4 A schematic diagram of the process of displaying a switch editing interface provided by an embodiment of the present application is shown;

[0062] Figure 5 Shows the switch editing interface provided by the embodiment of the present application Figure 1;

[0063] Figure 6 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 1 ;

[0064] Figure 7 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 2 ;

[0065] Figure 8 Shows the switch editing interface provided by the embodiment of the present application Figure 2 ;

[0066] Figure 9 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 3 ;

[0067] Figure 10 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 4 ;

[0068] Figure 11 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 5 ;

[0069] Figure 12 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 6 ;

[0070] Figure 13 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 7 ;

[0071] Figure 14 The interface diagram of the editing method of the shortcut switch provided in the embodiment of the present application is shown. Figure 8 ;

[0072] Figure 15 Shows the switch editing interface provided by the embodiment of the present application Figure 3 ;

[0073] Figure 16 A schematic diagram of a code module for a method for editing a shortcut switch provided in an embodiment of the present application is shown;

[0074] Figure 17 The following is a schematic diagram of the editing method of the shortcut switch provided in the embodiment of the present application. Figure 1 ;

[0075] Figure 18 The following is a schematic diagram of the editing method of the shortcut switch provided in the embodiment of the present application. Figure 2 . DETAILED DESCRIPTION

[0076] In the following, the terms "first" and "second" are used for descriptive purposes only and should not be understood to indicate or imply relative importance or implicitly specify the number of the technical features indicated. Therefore, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features. In the description of this embodiment, unless otherwise specified, "plurality" means two or more.

[0077] Before introducing specific embodiments, in order to facilitate understanding, some descriptions of concepts related to the embodiments of the present application are given as examples for reference.

[0078] User interface elements (UI elements), also often referred to as UI elements, are the visual and interactive components that make up a user interface. For example, a shortcut switch is a type of UI element.

[0079] Quick switches: are a set of preset buttons or switches that allow users to quickly enable or disable specific functions or settings without entering the system settings interface. It should be understood that there are many types of quick switches. Specifically, a quick switch can be a switch icon and / or switch label that turns a specific function on or off. For example, a quick switch with a switch label of "Bluetooth" can be used to quickly turn the Bluetooth function on or off. A quick switch can also be an entry for quick access to an application, such as a "calculator" switch or a "recorder" switch, which is used to quickly launch a calculator application or a recorder application after being triggered. A quick switch can also be an icon for quick access to a specific function of an application. For example, a browser application may have a quick switch that, when triggered, is used to directly open the "Scan" or "Search" function of the application instead of opening the main interface of the browser application.

[0080] Control Center: The control center of the phone is an interface that integrates various quick settings and functions, such as Figure 4 As shown in (b) in the figure, the control center allows users to quickly access and modify common settings of the phone, thereby improving usage efficiency and convenience.

[0081] Switch Editing: This is the interface used to customize and edit the shortcut switches and functions in the Control Center. In this interface, you can adjust the shortcut switches and functions in the Control Center in response to user needs and actions. For example, you can add, remove, and reorder shortcuts in the Control Center.

[0082] Commonly used quick switches: Quick switches displayed in the control center. It should be understood that the control center is not limited to displaying only commonly used quick switches. In fact, the control center can also display intelligently recommended quick switches.

[0083] Infrequently used shortcut switches: Quick switches that are not displayed in the control center.

[0084] Recommendation service: It is an intelligent recommendation service based on artificial intelligence technology. It can be system software used for personalized recommendations on electronic devices. It aims to provide users with personalized usage suggestions after obtaining user authorization. For example, YOYO Suggestion is a recommendation service.

[0085] Recommended Service Switch: This refers to the switch for an application or function recommended by a recommended service. For example, if analysis suggests the screenshot function is recommended to the user, then the "Screenshot" shortcut switch would be a recommended service switch.

[0086] A drawer is a user interface (UI) design element that allows users to slide or push a panel from the edge of the main interface (i.e., the parent form) to display or hide additional information or functionality. Drawers provide a way to access additional content within a panel without interrupting the current task in the parent form. Drawers can slide out or push in from the left, right, top, or bottom, improving the user experience and making the interface more intuitive and easy to use.

[0087] On background: The background style displayed when the quick switch is on. Typically, the on background uses a bright or high-contrast color to indicate that the quick switch is enabled.

[0088] Off background: The background style displayed when the quick switch is off. Typically, the off background uses a dark or low-contrast color to indicate that the quick switch is disabled.

[0089] The method for editing a quick switch provided in the embodiments of this application can be used in quick switch editing scenarios, aiming to improve the convenience and efficiency of user interaction when editing quick switches. For example, in the scenario of moving a quick switch, using this solution, an electronic device can more quickly and conveniently move a quick switch in the switch editing interface to a specified position, improving the convenience and efficiency of quick switch movement editing.

[0090] As described in the background technology above, with the use of electronic devices, more and more applications are installed on the electronic devices, and the interface elements (such as quick switches) that can be displayed or hidden in the control center will generally increase. Figure 1As shown, the switch editing interface in the related art places commonly used shortcut switches and infrequently used shortcut switches through the same view component, which includes a commonly used switch area 101 for placing commonly used shortcut switches and an infrequently used switch area 102 for placing infrequently used shortcut switches. In other words, Figure 1 In the related art, the frequently used switch area 101 and the infrequently used switch area 102 are displayed on the same page layer. As a result, the frequently used and infrequently used quick switches almost cover the entire switch editing interface, resulting in a high density of switches and a cluttered appearance. This makes editing quick switches in the switch editing interface less convenient and leads to a poor user experience.

[0091] For example, if you want to modify a shortcut switch that you don't use frequently, Figure 1 In the solution shown, you need to first slide to the bottom of the frequently used switch area 101, and then select the shortcut switch you want to modify from the many shortcut switches in the infrequently used switch area 102 below the frequently used switch area 101. Obviously, you need to slide a long distance to select the shortcut switch you want to modify, which is very inconvenient.

[0092] For example, moving frequently used shortcut switches to areas where they are not frequently used is an example. Figure 1 The solution shown requires dragging the frequently used quick switch line to the bottom of the frequently used switch area 101 and then continuing to drag it to the infrequently used switch area 102. The entire dragging time and distance are too long, and the interaction is inconvenient.

[0093] In order to solve the above technical problems, an embodiment of the present application provides a method for editing shortcut switches, creating a drawer component in the switch editing interface to place infrequently used shortcut switches. The main interface of the switch editing interface only places commonly used shortcut switches displayed in the control center, and infrequently used shortcut switches are placed separately from commonly used shortcut switches, thereby reducing the density of shortcut switches in the switch editing interface, improving the convenience of editing shortcut switches, and enhancing user experience.

[0094] It should be understood that in the switch editing interface with a drawer component, there are equivalent to two view components, one is the view component corresponding to the drawer component, and the other is the view component corresponding to the main interface, so that the frequently used quick switches and the infrequently used quick switches are displayed in different views, or in other words, the frequently used quick switches and the infrequently used quick switches are displayed in different page layers. The editing operation of the quick switches in one view will not be affected by the excessive number of quick switches in the other view. Therefore, compared to Figure 1 For the solution, when editing quick switches, the operation is more convenient, for example, the sliding or dragging distance is relatively shorter.

[0095] In the embodiment of the present application, the electronic device is a type of electronic device that supports editing shortcut switches. Specifically, the electronic device can be a portable electronic device or other suitable electronic device. For example, the electronic device can be a mobile phone, a tablet personal computer, a laptop computer, a personal digital assistant (PDA), a camera, a personal computer, a notebook computer, an in-vehicle device, a wearable device, augmented reality (AR) glasses, an AR helmet, virtual reality (VR) glasses, or a VR helmet, etc.

[0096] The following takes a mobile phone as an example of an electronic device to illustrate the editing method of the shortcut switch provided in the embodiment of the present application.

[0097] Taking mobile phones as an example, Figure 2 A structural diagram of a mobile phone 100 provided in an embodiment of the present application is shown.

[0098] like Figure 2 As shown, the mobile phone 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, a display screen 170, etc.

[0099] It should be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the mobile phone 100. In other embodiments, the mobile phone 100 may include more or fewer components than shown, or may combine or separate certain components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

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

[0101] The controller can be the nerve center and command center of the mobile phone 100. The controller can generate operation control signals according to the instruction operation code and timing signal to complete the control of instruction fetching and execution.

[0102] The processor 110 may also be provided with 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 is reusing. If the processor 110 needs to use the instruction or data again, it can be directly called from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system. In embodiments of the present application, the processor 110 can be used to execute a method for editing a shortcut switch.

[0103] In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an Inter-Integrated Circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a USB interface.

[0104] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the mobile phone 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0105] The internal memory 121 can be used to store computer executable program code, which includes instructions. The processor 110 executes various functional applications and data processing of the mobile phone 100 by running the instructions stored in the internal memory 121. For example, in an embodiment of the present application, the processor 110 can implement the method for editing the shortcut switch of the present application by executing the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area.

[0106] The program storage area may store an operating system, at least one application required for a function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created during the use of the mobile phone 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0107] The USB interface 130 is an interface that complies with USB standards and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. The USB interface 130 can be used to connect a charger to charge the mobile phone 100 and to transfer data between the mobile phone 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect to other terminal devices, such as AR devices.

[0108] The charging management module 140 is used to receive charging input from a charger. The charger can be a wireless charger or a wired charger. While charging the battery 142, the charging management module 140 can also power the terminal device through the power management module 141.

[0109] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 and provides power to the processor 110, the internal memory 121, the display 170, and the wireless communication module 160. In some embodiments, the power management module 141 and the charging management module 140 can also be provided in the same device.

[0110] The wireless communication function of the mobile phone 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

[0111] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in mobile phone 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0112] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied on the mobile phone 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

[0113] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the mobile phone 100. The wireless communication module 160 can be one or more devices that integrate at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0114] In some embodiments, the antenna 1 of the mobile phone 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the mobile phone 100 can communicate with the network and other devices through wireless communication technology.

[0115] Mobile phone 100 implements display functions through a GPU, display screen 170, and an application processor. The GPU is a microprocessor for image processing that connects display screen 170 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0116] The display screen 170 is used to display images, videos, etc. The display screen 170 includes a display panel. In the embodiment of the present application, the mobile phone 100 can be a folding screen mobile phone or a single screen mobile phone, that is, the display screen 170 can be a folding screen or a non-folding screen. The display screen 170 can be used to display a switch editing interface for the user to input editing interactive operations for the quick switch. Please refer to Figure 3 , Figure 3 The product form diagram of a mobile phone with an outward folding screen provided by an embodiment of the present application is shown. Figure 3 (a) is a schematic diagram of the folding screen when it is fully unfolded. The folding screen can be folded along the folding edge according to Figure 3 Folding the directions 1a and 1b shown in (a) can form Figure 3 The first screen 1001 (such as the back screen) and the second screen 1002 (such as the main screen) shown in (b) of FIG. The outward folding screen can be folded along the folding edge according to Figure 3 Continuing to fold 1a and 1b in the direction shown in (b) above, a Figure 3 The foldable outward folding screen shown in (c) is shown in FIG. Figure 3 As shown in (c), after the folding screen of the mobile phone 100 is completely folded, the first screen 1001 and the second screen 1002 are facing each other and are visible to the user. Figure 3 (c) and Figure 3 (d) is only a schematic diagram of the folded outward folding screen as seen by the user from different viewing angles. The mobile phone 100 with the above-mentioned outward folding screen can include multiple display modes: expanded full-screen display mode, expanded split-screen display mode, and folded single-screen display mode. In the expanded full-screen display mode, expanded split-screen display mode, and folded single-screen display mode, the display interface of the mobile phone with the outward folding screen can enter the switch editing interface and apply the quick switch editing method provided in the embodiment of the application.

[0117] The method for editing a shortcut switch provided in the embodiment of the present application can be implemented in a mobile phone having the above-mentioned hardware structure, which will be described in detail below with reference to the accompanying drawings.

[0118] As can be seen above, the above-mentioned method for editing quick switches primarily improves the switch editing interface, namely, by providing a drawer component within the switch editing interface. Editing quick switches involves moving and / or triggering them to separate infrequently used quick switches from frequently used ones within the switch editing interface and / or triggering them.

[0119] The following describes how to enter the switch editing interface:

[0120] Specifically, the mobile phone can enter the switch editing interface in response to a trigger operation input by the user. The trigger operation can include one or more operations. Taking the trigger operation including multiple operations as an example, the trigger operation can include an operation performed on the screen to enter the control center interface, such as a swipe down operation on the right side of the screen, etc. It can also include triggering operations on corresponding controls in the control center, such as triggering operations on edit icons, and triggering operations on editing quick switch controls.

[0121] For example, combined Figure 4 This section describes the process of displaying the switch editing interface. Figure 4 As shown in (a) of FIG, in the interface 401 of the mobile phone 100, the mobile phone 100 can display the control center interface in response to the user's sliding operation performed in the dotted box area 402 on the right side of the interface 401, that is, Figure 4 In the interface 403 shown in (b), the mobile phone 100 displays an edit icon 404, a recommended service switch area 405, and a common switch area 406. Figure 4 As shown in (c) of FIG, the mobile phone 100 can display an interface 407 in response to the user clicking the edit icon 404, and the interface 407 includes an option 408 of "Edit Quick Switch". Figure 4 As shown in (d), the mobile phone 100 can display a switch editing interface 409 in response to the user's single-click operation on option 408. The switch editing interface 409 can be used to execute the quick switch editing method provided in the embodiment of the present application.

[0122] The following is an introduction to the switch editing interface.

[0123] In the embodiments of this application, Figure 5 As shown, the switch editing interface 501 may include a first editing area 502 and a second editing area 503; wherein the first editing area 502 is the main interface of the switch editing interface 501, which can be used to place and edit commonly used quick switches (i.e., quick switches displayed in the commonly used switch area 5405 in the control center); the second editing area 503 is an area located at the edge of the main interface (top, bottom, left or right, Figure 5Taking the second editing area 503 located at the bottom of the main interface as an example, the panel can be used to place and edit infrequently used shortcut switches (ie, shortcut switches that are not displayed in the control center).

[0124] It should be noted that the switch editing interface can be implemented through the main interface and the drawer component. The first editing area is the main interface of the switch editing interface, and the second editing area is the drawer component. The first editing area and the second editing area are located in different page layers. Figure 6 As shown, the display content (including the quick switch) in the first editing area 601 can slide up or down in response to the user's sliding operation on the first editing area 601. Figure 7 As shown, the display content (including shortcut switches) in the second editing area 701 can display interface 702 in response to the user's upward swiping operation in the second editing area in interface 701, or display interface 704 in response to the user's downward swiping operation in the second editing area in interface 703.

[0125] It should be noted that the first editing area and the second editing area are located in different page layers, which means that the display content in the first editing area and the display content in the second editing area are visually separated, but the first editing area and the second editing area still exist in the same switch editing interface.

[0126] In this way, the switch editing interface provided by the embodiment of the present application includes a first editing area and a second editing area that are not on the same page layer. Commonly used shortcut switches and infrequently used shortcut switches are placed and edited in the first editing area and the second editing area respectively, so that the switch editing interface is distributed regularly and the clutter of the switch editing interface is reduced.

[0127] For example, see Figure 8The switch editing interface 800 may include a toolbar for displaying the interface title, such as a toolbar 801 displaying "Edit Quick Switches," a first editing area 802, a second editing area 803, a third editing area 804, and a fourth editing area 805. The "Edit Quick Switches" toolbar 801 may be used to trigger a return to the previous interface (i.e., the control center) of the switch editing interface 800. The first editing area 802 may be used to edit quick switches in the frequently used switch area, and the second editing area 803 may be used to edit infrequently used quick switches. The third editing area 804 may be used to place and edit recommended service switch areas, such as the quick switches in the YOYO suggested switch area 405. When a quick switch is set in the third editing area 804, the YOYO suggested switch area 405 displays the quick switch set in the third editing area 804. When no quick switch is set in the third editing area 804, the YOYO suggested switch area proactively displays recommended quick switches to the user by analyzing the user's behavior habits and usage patterns. The fourth editing area 805 may include a reset control 806 and a completion control 807. The reset control 806 may be used to restore the switch editing interface to its factory state, and the completion control 807 may be used to maintain the current state of the switch editing interface and return to the previous interface of the switch editing interface 800 (i.e., the control center).

[0128] It should be noted that the information used by the above-mentioned mobile phones to analyze users' behavioral habits and usage patterns is obtained with the user's consent.

[0129] In some embodiments, after entering the switch editing interface, the mobile phone can switch the switch state of the shortcut switch or enter the application interface corresponding to the shortcut switch in response to the user's triggering operation on the shortcut switch.

[0130] It should be noted that the triggering operation for a quick switch may include one or more operations. For example, if the triggering operation includes one operation, the triggering operation may be a single click on the quick switch. The application interface may include the main interface of the application or a specific function interface of the application. For example, if the quick switch is "Search", the application interface may be a search interface. For another example, if the quick switch is "Scan", the application interface may be a scan interface.

[0131] It should be understood that the state of the second editing area in the switch editing interface may change based on the user's interactive operation.

[0132] like Figure 9As shown, in the switch editing interface, the second editing area can include a folded state, a semi-expanded state and / or an expanded state. The area occupied by the second editing area in the switch editing interface when it is in the semi-expanded state is larger than the area occupied by the switch editing interface when it is in the folded state. The area occupied by the second editing area in the switch editing interface when it is in the expanded state is larger than the area occupied by the second editing area in the switch editing interface when it is in the semi-expanded state. It should be understood that the larger the area occupied by the second editing area in the switch editing interface, the easier it is for the user to focus on infrequently used shortcut switches, and the smaller the area occupied by the second editing area in the switch editing interface, the easier it is for the user to focus on frequently used shortcut switches.

[0133] It is understandable that Figures 4 and 5 The second editing area when entering the switch editing interface is shown by taking the example of displaying a row of infrequently used shortcut switches in a semi-expanded state. However, the second editing area when entering the switch editing interface is not limited to Figures 4 and 5 The semi-expanded state shown can also be a folded state or an expanded state. The semi-expanded state of the second editing area is not limited to Figures 4 and 5 As shown, two or other rows of infrequently used shortcut switches can also be displayed.

[0134] It can be understood that when the second editing area is in a semi-expanded state when entering the switch editing interface, the second editing area occupies a small area in the switch editing interface, which is convenient for users to focus on the commonly used switch area, and can display an appropriate amount of infrequently used shortcut switches, which is convenient for users to move the shortcut switches in the commonly used switch area to the second editing area, or move the shortcut switches in the second editing area to the first editing area. Loading an appropriate amount of infrequently used shortcut switches puts less burden on the performance of the mobile phone, and can improve the loading efficiency of the switch editing interface.

[0135] The following describes the three states of the second editing area in more detail.

[0136] State 1: collapsed state.

[0137] like Figure 9 As shown in (a), the second editing area 901 is in the collapsed state (equivalent to the second state), and the second editing area 901 does not display the quick switch. When the second editing area 901 is in the collapsed state, it may include a text component that prompts the user to place the permanent switch in the second editing area, such as "Drag here to remove". When the second editing area 901 is in the collapsed state, it may also include a first control 902 for expanding the second editing area. In response to a triggering operation on the first control 902 (for example, a single click on the first control 902) or a swipe up operation on the second editing area, the second editing area 901 can switch to a semi-expanded state or an expanded state.

[0138] State 2: Semi-expanded state.

[0139] like Figure 9 As shown in (b) of the figure, the second editing area 903 is in a semi-expanded state (equivalent to the first state), and the second editing area 903 displays a row of quick switches. When the second editing area 903 is in a semi-expanded state, it may include a text component prompting the user to place the quick switches in the second editing area into the common switch area, such as "Drag the icon to add and sort, the upper icon will be displayed in the control center." The second editing area 903 may also include a second control 904. In response to the user's triggering operation on the second control 904, such as sliding up or sliding down the second control 904, the second editing area 903 can switch to an expanded state or a collapsed state.

[0140] like Figure 9 As shown in (c), the second editing area 905 is in a semi-expanded state, and the second editing area 905 displays two rows of shortcut switches. For the description of the second editing area 905, please refer to the second editing area 903, which will not be repeated here.

[0141] State 3: Expanded state.

[0142] like Figure 9 As shown in (d) in FIG, the second editing area 906 is in the expanded state (equivalent to the third state), and the second editing area 906 displays multiple rows of shortcut switches, for example, Figure 9 Displays four rows of quick switches. When the second editing area 906 is expanded, it may include a text component prompting the user to place the quick switches in the second editing area into the common switch area, such as "Drag the icon to add and sort. The upper icon will be displayed in the control center." The second editing area 906 may also include a third control 907. In response to a user triggering operation on the third control 907, such as a swipe down or click on the third control 907, the second editing area 906 may switch to a semi-expanded state or a collapsed state.

[0143] It should be understood that after the frequently used quick switches and the infrequently used quick switches are separated by the first editing area and the second editing area in the switch editing interface, the user can input the editing operation based on the switch editing interface to edit the quick switches conveniently and efficiently. Among them, the editing operation can include any operation such as moving the quick switch, adding or deleting the quick switch, and modifying the quick switch. That is, the quick switch editing method provided in the embodiment of the present application allows the user to conveniently and efficiently input any editing operation for the quick switch. In the following, the editing operation of moving the quick switch (that is, the moving operation for the quick switch) is mainly taken as an example to schematically illustrate the specific process of the quick switch editing method.

[0144] The moving operation for the quick switch may include one or more operations. Taking the moving operation including multiple operations as an example, the moving operation may include the operation of selecting the quick switch on the screen, such as long pressing to select the quick switch operation, and may also include the operation of dragging the quick switch on the screen, and may also include the operation of releasing the quick switch. The status information of the second editing area may include the attribute information of the quick switch displayed in the second editing area and / or the switch state of the quick switch. The attribute information of the quick switch may include the switch icon and switch label of the quick switch. The switch state of the quick switch may include an on state and a off state.

[0145] The shortcut switch targeted by the move operation can be located in either the first editing area or the second editing area. Therefore, there are two scenarios for a user to move a shortcut switch: Scenario A: Moving a shortcut switch in the first editing area; and Scenario B: Moving a shortcut switch in the second editing area.

[0146] Next, we will combine Figure 10 The following describes the case A where the user moves the shortcut switch. Figure 11 The following describes a case B in which the user moves the shortcut switch.

[0147] Scenario A:

[0148] (1.1) When a move operation / drag operation of the switch icon of the quick switch is detected, the mobile phone controls the second editing area to enter a retracted state.

[0149] Specifically, see Figure 10 (a) in the figure shows the initial state of the switch editing interface of the mobile phone (taking the semi-expanded state as an example). Figure 10 In (b), the mobile phone detects a movement operation on the shortcut switch in the first editing area and can control the second editing area to enter a retracted state.

[0150] For example, case A may include two sub-cases:

[0151] Case A.1: Move the shortcut switch in the first editing area to another location in the first editing area.

[0152] Case A.2: Move the shortcut switch in the first editing area to the second editing area.

[0153] It should be noted that the mobile phone distinguishes between Case A.1 and Case A.2 based on the final position to which it is moved (i.e., the position of the shortcut switch after the moving operation is completed). However, this does not limit the situation A.1 to the situation that the shortcut switch cannot be moved toward the second editing area during the intermediate process. As long as the position of the shortcut switch after the moving operation is other than that in the first convenient bar, it falls within the protection scope of the above-mentioned Case A.1. Therefore, steps (1.1) and (1.2) can be executed in both Case A.1 and Case A.2. The difference is that the third position in the two sub-situations is different in step (1.3), which will be described in detail in step (1.3) below.

[0154] When a user moves a quick switch in the first editing area, the second editing area is controlled to enter a collapsed state, which can reduce the second editing area's area share in the switch editing interface, making it easier for users to focus on the first editing area, more in line with user operating habits, and helping to improve the user experience. In addition, by recording the status information of the second editing area, it can also lay the foundation for subsequent restoration of the second editing area.

[0155] (1.2) When the mobile phone detects that the user moves the switch icon of the quick switch from the first editing area to the first position, the mobile phone controls the second editing area to enter a semi-expanded state (taking the second editing area in the semi-expanded state as an example where a row of quick switches is displayed); wherein the first position is located in the second editing area.

[0156] In some implementations, the first position may be a position where the overlap between the shortcut switch and the second editing area is greater than a preset threshold. The preset threshold may be set according to user needs or may be factory-set. Figure 10 In (c), taking the preset threshold of 50% as an example, when the overlap rate between the switch icon of the quick switch and the second editing area is greater than 50% (i.e., when the center line 1001 of the quick switch exceeds the upper boundary line 1002 of the second editing area), the mobile phone controls the second editing area to enter a semi-expanded state.

[0157] It can be understood that when the user moves the quick switch from the first editing area to the second editing area where the overlap rate is greater than a preset threshold, it can be considered that the user's demand at this time is to place the quick switch of the first editing area to the second editing area. Therefore, the mobile phone controls the second editing area to enter a semi-expanded state, so that the area of the second editing area in the switch editing interface is increased compared to the folded state, which can facilitate the user to place the quick switch to the second editing area and improve the user experience.

[0158] (1.3) When the mobile phone detects that the user moves the switch icon of the quick switch from the fifth position to the third position and releases the switch icon of the quick switch, the mobile phone moves the quick switch from the fifth position to the third position and restores the second editing area according to the status information of the second editing area; when the mobile phone detects that the user moves the switch icon of the quick switch from the fifth position to the fourth position and releases the switch icon of the quick switch, the mobile phone moves the quick switch from the fifth position to the fourth position and controls the display of the second editing area according to the status information of the second editing area and the fourth position.

[0159] The third position is located in the first editing area, and the fourth position is located in the second editing area.

[0160] For example, see Figure 10 (b) and (d) in the above situation A.1, when the mobile phone detects that the user moves the switch icon of the quick switch from the fifth position 1003 to the third position 1004 and releases the switch icon of the quick switch, the mobile phone moves the quick switch from the fifth position 1003 to the third position 1004 and restores the second editing area according to the status information of the second editing area.

[0161] For example, see Figure 10 (b) and (e) in the above situation A.2, when it is detected that the user moves the switch icon of the quick switch from the fifth position 1003 to the fourth position 1005 and releases the switch icon of the quick switch, the mobile phone moves the quick switch from the fifth position 1003 to the fourth position 1005, and controls the display of the second editing area according to the status information of the second editing area and the fourth position 1005.

[0162] It should be understood that in the above case A, the fifth position is located in the first editing area. In the above case A.1, the third position is located in the first editing area. In the above case A.2, the fourth position is located in the second editing area. Restoring the second editing area according to the status information of the second editing area may include restoring the attribute information and / or switch status of the quick switch displayed in the second editing area, for example, Figure 10 (d) in Figure 10 Compared with (a), the second editing areas of the two display the same content.

[0163] The display of the second editing area is controlled based on the status information of the second editing area and the fourth position. For example, after reserving fourth position 1005 in the second editing area for displaying the newly dragged "Mobile Data" shortcut switch, the remaining three positions in the second editing area display the property information and / or switch status of the shortcut switches based on the status information, respectively, and then display the first three shortcut switches originally present in the second editing area. In some embodiments, the fourth position may include the first position in the second editing area for displaying a shortcut switch.

[0164] In this way, the mobile phone can move the shortcut switch and restore the state of the second editing area or control the display of the second editing area, while meeting the user's need to move the shortcut switch, restore the second editing area to the state before the user moved the shortcut switch or display the state after adding the shortcut switch in the second editing area, which is closer to the user's usage habits and is conducive to improving the user experience.

[0165] Case B:

[0166] (2.1) When a movement operation on the shortcut switch is detected, the mobile phone records the status information of the second editing area and controls the second editing area to be in a retracted state.

[0167] For details, please refer to Figure 11 (a) in the figure shows the initial state of the phone entering the switch editing interface. Figure 11 In (b), a movement operation on the quick switch of the dump system is detected, and the mobile phone records the status information of the second editing area and controls the second editing area to be in a retracted state.

[0168] For example, case B may include two sub-cases:

[0169] Case B.1: Move the shortcut switch in the second editing area to the first editing area.

[0170] Case B.2: Move the shortcut switch in the second editing area to the second editing area.

[0171] It should be noted that, similar to cases A.1 and A.2, the mobile phone distinguishes between cases B.1 and B.2 based on the final position to which it is moved (i.e., the position of the shortcut switch after the moving operation is completed), which will not be elaborated here.

[0172] (2.2) When it is detected that the user moves the switch icon of the quick switch from the second editing area to the above-mentioned first position, the mobile phone controls the second editing area to remain in the retracted state.

[0173] For details, please refer to Figure 11In (c), when it is detected that the user moves the switch icon of the quick switch from the second editing area to the above-mentioned first position (that is, when the center line 1101 of the quick switch exceeds the upper boundary line 1102 of the second editing area), the mobile phone controls the second editing area to remain in the folded state.

[0174] (2.3) When detecting that the user moves the switch icon of the quick switch from the first editing area to the above-mentioned first position, the mobile phone controls the second editing area to enter a semi-expanded state.

[0175] It should be understood that in the process of moving the quick switch in the second editing area, if the quick switch is moved to the first editing area and not released, the quick switch can continue to be moved to the second editing area. In this case, the quick switch may be moved from the first editing area to the above-mentioned first position in the second editing area (that is, the quick switch in the second editing area is moved out of the second editing area and then moved back into the second editing area), and then the above step (2.3) can be executed.

[0176] For details, please refer to Figure 11 In (d), the mobile phone detects that the user moves the shortcut switch to the first editing area (ie, the lower boundary 1103 of the shortcut switch exceeds the upper boundary line 1102 of the second editing area), refer to Figure 11 In (e), when it is detected that the user moves the switch icon of the quick switch from the first editing area to the above-mentioned first position (that is, when the center line 1101 of the quick switch exceeds the upper boundary line 1102 of the second editing area), the mobile phone controls the second editing area to enter a semi-expanded state.

[0177] (2.4) When the mobile phone detects that the user moves the switch icon of the quick switch from the sixth position to the seventh position and releases the quick switch, the mobile phone moves the quick switch from the sixth position to the seventh position and restores the second editing area according to the status information of the second editing area; when the mobile phone detects that the user moves the switch icon of the quick switch from the sixth position to the eighth position and releases the switch icon of the quick switch, the mobile phone moves the quick switch to the eighth position and controls the display of the second editing area according to the status information of the second editing area and the eighth position.

[0178] For details, please refer to Figure 12 In (a), in the above situation B.1, when the user moves the switch icon of the quick switch from the sixth position to the seventh position 1201 and releases the quick switch, the mobile phone moves the quick switch from the sixth position to the seventh position 1201 and restores the second editing area according to the status information of the second editing area. Figure 12(b) in the above situation B.2, when the mobile phone detects that the user moves the switch icon of the shortcut switch from the sixth position to the eighth position 1202 and releases the switch icon of the shortcut switch, the mobile phone moves the shortcut switch to the eighth position 1202 and controls the display of the second editing area according to the status information of the second editing area and the eighth position 1202.

[0179] It should be understood that in case B, the sixth position is located in the second editing area. In the above case B.1, the seventh position is located in the first editing area, and in the above case B.2, the eighth position is located in the second editing area. The display of the second editing area is controlled based on the status information of the second editing area and the eighth position. After reserving the eighth position in the second editing area, the remaining positions in the second editing area can display the attribute information and / or switch status of the quick switch based on the status information. In some embodiments, the eighth position may include the first position in the second editing area for displaying the quick switch.

[0180] It should be noted that, for controlling the display of the second editing area according to the status information of the second editing area and the eighth position, you can refer to the above description of "controlling the display of the second editing area according to the status information of the second editing area and the fourth position", which will not be repeated here.

[0181] In the above solution, the switch editing interface includes a first editing area and a second editing area that are not on the same page layer. The first editing area and the second editing area are used to place and edit frequently used quick switches and infrequently used quick switches, respectively, so that the switch editing interface is neatly arranged and less cluttered. By controlling the second editing area to enter a retracted state when a user moves a quick switch, the second editing area's area share in the switch editing interface can be reduced, thereby making it easier for the user to focus on the first editing area, more in line with user operating habits, and helping to improve the user experience. When the user moves a quick switch from the first editing area to a point where the overlap rate with the second editing area exceeds a preset threshold, it can be determined that the user's current requirement is to place the quick switch in the first editing area to the second editing area. Therefore, the mobile phone controls the second editing area to enter a semi-expanded state, increasing the second editing area's area share in the switch editing interface compared to the retracted state. This facilitates the user's placement of the quick switch in the second editing area and improves the user experience. By moving the quick switch and restoring the second editing area, the user's need to move the quick switch can be satisfied while restoring the second editing area to its state before the user moved the quick switch, more in line with user usage habits and helping to improve the user experience.

[0182] In some embodiments, an area for triggering automatic scrolling (i.e., an automatic scrolling hot zone) is set in the switch editing interface. After entering the area, after dragging the shortcut switch to the automatic scrolling hot zone in response to the move operation, the commonly used shortcut switches can be triggered to scroll up or down as a whole. Specifically, there can be multiple automatic scrolling hot zones, namely a first area and a second area, wherein the first area and the second area are respectively used to trigger the commonly used shortcut switches to scroll in opposite directions. For example, the first area is used to trigger the commonly used shortcut switches to scroll down as a whole, and the second area is used to trigger the commonly used shortcut switches to scroll up as a whole. For another example, the first area is used to trigger the commonly used shortcut switches to scroll to the left as a whole, and the second area is used to trigger the commonly used shortcut switches to scroll to the right as a whole.

[0183] It should be noted that the first area and the second area do not overlap. The first area may include the area near the top of the phone, and the second area may include the area near the bottom of the first editing area. The height of the first and second areas can be the same or different. For example, the height of the first and second areas can be equal to the height of a quick switch icon and label.

[0184] It should be understood that the up, down, left, and right in the embodiments of the present application all refer to the up, down, left, and right when the user is facing the mobile phone screen.

[0185] Next, we will use the switch editing interface of the vertical screen and the switch editing interface of the horizontal screen to illustrate the automatic scrolling hot zone. For example, the following takes the mobile phone in the vertical screen state as an example, and describes the process of the mobile phone responding to the operation of moving the quick switch to the first area, and the commonly used quick switches scrolling down as a whole until the bottom of the first editing area is displayed. Figure 13 ,like Figure 13 As shown in (a) of FIG. 1 , the switch editing interface 1300 may include a first area 1301 and a second area 1302. Figure 13 As shown in (b), after the user selects a quick switch (such as mobile data), the switch icon of the quick switch is hidden and the drag view is displayed to form interface 1303. In the commonly used switch area, there is actually a row of icons above the quick switch "ring" (that is, the actual first row of icons, including icons of quick switches such as personal hotspot, screenshot, flashlight and automatic rotation). Due to the limited display range, the first row of icons is not displayed. When the quick switch itself is located in the first area 1301 or is moved to the first area 1301, for example, the quick switch "mobile data" that is located in the first area 1301 is selected, the commonly used quick switches are scrolled down as a whole to display the first row of icons (such as personal hotspot icons, etc.), that is, the display content in the first editing area (including commonly used quick switches) scrolls down, as shown in FIG. Figure 13As shown in (c) in the figure, the screen continues to the top of the first editing area shown in the display interface 1304. After the user releases the shortcut switch, as shown in Figure 13 As shown in (d) in FIG. 1 , the interface 1305 is displayed.

[0186] For example, the following describes the process in which the commonly used shortcut switches scroll upward as a whole until the bottom of the first editing area is displayed in response to the shortcut switch being moved to the second area, taking the mobile phone in portrait mode as an example. Figure 14 ,like Figure 14 As shown in (a) of FIG. 1 , the switch editing interface 1400 may include a first area 1401 and a second area 1402. Figure 14 As shown in (b) of FIG, in the interface 1403, the user selects a quick switch (such as NFC) and the quick switch itself is located in the second area 1402 or is moved to the second area 1402, and the commonly used quick switches are scrolled upward as a whole, that is, the display content in the first editing area (including the commonly used quick switches) is scrolled upward, as shown in FIG. Figure 14 As shown in (c) in the figure, the display continues until the bottom of the first editing area shown in the display interface 1404 is reached. After the user releases the shortcut switch, as shown in Figure 14 As shown in (d) in FIG. 1 , the interface 1405 is displayed.

[0187] For example, the first area and the second area are described below using the mobile phone in landscape mode as an example. Figure 15 The switch editing interface 1500 may include a first area 1501 and a second area 1502, which are hotspots for triggering scrolling in opposite directions (i.e., automatic scrolling hotspots). In response to the quick switch being moved to the first area 1501 or the second area 1502, the mobile phone scrolls the first editing area in the first direction or the second direction until the top or bottom of the first editing area is displayed. This process is similar to when the mobile phone is in portrait mode and is not further described here.

[0188] It should be noted that since the vertical display length of the first editing area in the portrait state (i.e., the length along the first direction or the second direction) is greater than the vertical display length of the first editing area in the landscape state, in order to reserve reaction time for the user to release the shortcut switch, the scrolling speed of the first editing area in the landscape state can be less than the scrolling speed of the first editing area in the portrait state. For example, the scrolling speed of the first editing area in the landscape state can be one third of the scrolling speed of the first editing area in the portrait state.

[0189] In this way, by moving the quick switch to the first area or the second area, the phone can control the scrolling of the first editing area in the first direction or the second direction. The user can control the scrolling of the first editing area by moving the quick switch. During the scrolling of the switch editing interface, the multiple locations in the switch editing interface that can be used to place the quick switch are displayed. This can better focus the user's attention on the first editing area, and by scrolling the first editing area, the user is shown the locations in the first editing area that can be used to place the quick switch, thereby improving the user experience.

[0190] In one possible implementation, the mobile phone stops scrolling the first editing area in response to the quick switch moving to the third area; the switch editing interface includes the third area, the third area does not overlap with the first area, and the third area does not overlap with the second area.

[0191] Illustratively, the third area may be any area in the switch editing interface except the first area and the second area, or may be a pre-designated area except the first area and the second area.

[0192] In this way, when the user moves the quick switch outside the first area or the second area, the quick switch in the first editing area stops scrolling in the first direction or the second direction. The user can control the quick switch in the first editing area to stop scrolling by moving the position of the quick switch, which can facilitate the user to find the location to place the quick switch and improve the user experience.

[0193] See also Figure 16 The method for editing a quick switch provided in an embodiment of the present application is implemented through a data class code module, a control class code module, and a display class code module. The data class code module is used to present the switch icon and switch status of the quick switch in the switch editing interface. The data class code module includes a switch factory (quality switch factory, QS factory) and a switch data class (quality switch tile host, QS tile host). The switch factory is used to create a switch control (tile) instance. The switch data class is used to read the list of resident switches (i.e., the quick switches in the first editing area) reserved by the user according to the configuration item (config) to obtain the order of the quick switches and then update the switch status of the quick switches.

[0194] The control code module includes a main tile adapter for the layout of resident switches, a drag tile adapter for the layout of drawer switches (i.e., the quick switches in the second editing area), an edit tile manager for the list of switches (including both resident and drawer switches), and a drag helper class (recycler view draghelper). The control code module implements the drag functionality of the switch editing interface (i.e., moving the quick switches). The main tile adapter controls the quick switches in the first editing area. The drawer tile adapter controls the quick switches in the second editing area. The switch list manager manages the main tile adapter and the drawer tile adapter. The drag helper class includes core capabilities for the drag function, such as drag detection, position tracking, release handling, and animation effects. The drag detection capability detects the user's dragging actions, including the start, middle, and end states of the drag. The position tracking capability tracks and updates the position of the dragged quick switch in real time during the drag process. The release handling capability executes the release operation when the user releases the dragged object. Animation effects are used to add smooth transition animations to drag operations to improve user experience and visual appeal.

[0195] The display code module is used to present the switch editing interface. It includes the switch editing interface layout (quality switch customize, QS customize), the bottom sheet layout (drawer component layout), and the switch editing interface switch view (customize tile view). The bottom sheet layout includes the main recycler view (main recycler view) and the drag recycler view (drag recycler view). The switch editing interface switch view includes the switch editing interface's quick switch view and quick switch base view.

[0196] Next, the implementation principle of the drag function involved in the embodiment of the present application will be introduced. The drag function involved in the embodiment of the present application uses part of the callback of the native drag framework (view.on drag listener). The mobile phone operates the drag view (drag view, that is, the view corresponding to the dragged shortcut switch) in the drag view parent interface (drag view parent) according to the callback of different drag situations to achieve the drag animation effect. In the case where the system UI uses the native drag framework, binder is required for cross-process communication. The overhead and delay of cross-process communication will cause the animation effect to be stuck or flicker. Among them, binder is a mechanism for cross-process communication (IPC). Since the embodiment of the present application implements a customized drag view in the system user interface (system UI) process, it is isolated from the application process corresponding to the shortcut switch, thereby avoiding cross-process communication, making the animation effect continuous and improving the user experience.

[0197] Next, see Figure 17 , which introduces the process of switching the on / off state of a quick switch.

[0198] Specifically, such as Figure 17 As shown, in response to the user's triggering operation on the quick switch (such as a single click operation), switching the switch state of the quick switch includes: the quick switch base view calls the handle state change function in response to the user's triggering operation on the quick switch to set the transparency to a preset threshold (for example, 0.38), and the quick switch view plays the switch zoom animation effect corresponding to the quick switch (that is, the animation effect of the quick switch first shrinking and then enlarging).

[0199] In some embodiments, the mobile phone can also play an alpha gradient animation effect (an animation effect composed of an on-background gradient animation and an off-background gradient animation) in the switch state callback corresponding to the shortcut switch to turn the background of the shortcut switch on or off.

[0200] In this way, when the user triggers the quick switch, the switch zoom animation effect is played to show the user that the quick switch has been touched. By playing the animation effect composed of the on background gradient animation and the off background gradient animation, the switching process of the switch state is dynamically shown to the user, which helps to improve the visual effect and user experience.

[0201] Next, see Figure 18 , the process of implementing the drag function of the quick switch is introduced.

[0202] In one possible implementation, implementing the drag function of the shortcut switch may include a long press to select the shortcut switch operation (referred to as the drag operation), a drag operation of the shortcut switch (referred to as the drag operation), and a release operation of the shortcut switch (referred to as the release operation).

[0203] Specifically, such as Figure 18 As shown, the process of implementing the drag function of the quick switch includes:

[0204] S1.1. User input triggers the quick switch.

[0205] S1.2. When the mobile phone's quick switch view detects a user triggering operation on a quick switch, it displays a switch shrinking animation effect (ie, plays the shrinking animation of the quick switch).

[0206] S2. The drag function auxiliary class initializes the drag view and the icon of the shortcut switch.

[0207] S3. After the resident switch layout control class or the switch layout control class in the drawer recognizes a long press event (ie, the user selects the shortcut switch for longer than a certain time), the drag function auxiliary class sets the drag information.

[0208] Specifically, the drag information may include information related to drag detection capabilities, position tracking capabilities, release processing capabilities, and animation effects. After recognizing a long press event, the phone can also hide the icon and label of the shortcut switch and record the offset between the user's touch position and the icon position of the shortcut switch. The following S7 to S10 complete the dragging, releasing, hiding, and animation effect playback of the drag view based on the drag information.

[0209] S4. The switch list management class plays the zoom animation effect of the drag view.

[0210] Specifically, the switch list management class sets a drag view and displays it at the location of the shortcut switch icon. The drag view is similar to the shortcut switch icon, including a switch icon, an on background, an off background, and a drag start background (i.e., the background style displayed when the shortcut switch is being dragged). The drag view refers to the view of the shortcut switch when it is being dragged. After displaying the drag view, the switch list management class plays a zoom-in animation effect of the drag view.

[0211] S5. The switch list management class plays the alpha gradient animation effect of the drag view.

[0212] It should be understood that when playing the alpha gradient animation effect, the effect of hiding the opening and closing backgrounds and showing the dragging background can be achieved.

[0213] S6. The switch list management class records the state information of the drawer (ie, the drawer component, belonging to the second editing area) and controls the drawer (ie, the drawer component) to enter the retracted state.

[0214] In this way, the above animation effect can be used to provide feedback to the user that the quick switch has been selected and is in a state where dragging is allowed, which helps to improve the user experience.

[0215] S7. When the mobile phone detects that the user drags the shortcut switch, it plays the displacement (move) animation of the drag view.

[0216] Specifically, the switch list management class can obtain the actual position of the drag view based on the user touch position and the offset value (e.g., the sum of the user touch position and the offset value), and play the drag view's displacement (move) animation based on the actual position of the drag view. The actual position of the drag view refers to the position of the drag view displayed on the screen.

[0217] While the user is dragging a quick switch, the icon avoidance logic and editing functionality of the recycler view are triggered. This provides feedback to the user on the quick switch dragging process by animating the drag view's position based on the actual position of the dragged view. This also reflects the user's hand tracking during the drag, improving the user experience.

[0218] S8. When the mobile phone detects that the user releases the quick switch, the switch list management class determines the target view position according to the actual position of the dragged view.

[0219] It should be understood that the target view position is a preset switch arrangement position for arranging the shortcut switches, or is called a view position for placing the shortcut switches.

[0220] S9. The phone plays the return displacement animation effect of dragging the view from the actual position to the target view position, and plays the alpha gradient animation effect and the switch zoom animation effect during the playback of the return displacement animation effect.

[0221] S10. After the return displacement animation effect is finished playing, the switch list management class hides the drag view.

[0222] S11. Displaying the icon and label of the shortcut switch at the target view position.

[0223] In this way, by playing the above animation effect, feedback can be given to the user that the quick switch is placed in the target view position, which helps to improve the user experience.

[0224] An embodiment of the present application also provides an electronic device, which includes at least a memory and one or more processors; the memory is used to store computer instructions, and when the one or more processors execute the computer instructions, the electronic device performs each function or step in the above method embodiment.

[0225] An embodiment of the present application further provides a computer-readable storage medium, which includes computer instructions. When the computer instructions are executed on the above-mentioned electronic device, the electronic device executes each function or step in the above-mentioned method embodiment.

[0226] An embodiment of the present application further provides a computer program product. When the computer program product is run on an electronic device, the electronic device is enabled to perform each function or step in the above method embodiment.

[0227] Through the description of the above implementation methods, technical personnel in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned 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.

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

[0229] Units described as separate components may or may not be physically separate, and components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place or distributed in multiple places. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0230] In addition, the functional units in the various embodiments of the present application may be integrated into a single processing unit, or each unit may exist physically separately, or two or more units may be integrated into a single unit. The aforementioned integrated units may be implemented in the form of hardware or software functional units.

[0231] If the integrated unit is implemented in the form of 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 solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to execute all or part of the steps of the various embodiments of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0232] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. These modifications or replacements do not deviate the essence of the corresponding technical solutions from the scope of the technical solutions of the embodiments of the present application.

Claims

1. A method for editing a shortcut switch, characterized in that: The method comprises: Displaying a switch editing interface, the switch editing interface including a first editing area and a second editing area; the first editing area and the second editing area are located on different page layers; the first editing area includes at least one first shortcut switch; the second editing area includes at least one second shortcut switch; In response to selecting and moving a third shortcut switch, reducing the size of the second editing area; the third shortcut switch is the first shortcut switch or the second shortcut switch; In response to the completion of the movement and the release of the third shortcut switch, the second editing area is controlled to restore the area size before the third shortcut switch was moved.

2. The method according to claim 1, characterized in that Before the third shortcut switch is selected and moved, the second editing area is in the first state; In response to selecting and moving the third shortcut switch, reducing the size of the second editing area includes: In response to selecting and moving the third shortcut switch, the second editing area is controlled to enter a second state; the display area of the second editing area in the second state is smaller than the display area of the second editing area in the first state.

3. The method according to claim 2, characterized in that In a case where the third shortcut switch is the first shortcut switch, responding to ending the movement and releasing the third shortcut switch, and controlling the second editing area to restore the area size before moving the third shortcut switch, includes: In response to finishing the movement in the first editing area and releasing the first shortcut switch, the second editing area is controlled to restore the area size before moving the first shortcut switch, and the second editing area is controlled to restore the display content before moving the first shortcut switch.

4. The method according to claim 2, characterized in that In a case where the third shortcut switch is the first shortcut switch, responding to ending the movement and releasing the third shortcut switch, and controlling the second editing area to restore the area size before moving the third shortcut switch, includes: In response to finishing the movement in the second editing area and releasing the first shortcut switch, the second editing area is controlled to restore the area size before moving the first shortcut switch, and the first shortcut switch is controlled to be displayed in the second editing area.

5. The method according to claim 2, characterized in that In a case where the third shortcut switch is the second shortcut switch, responding to ending the movement and releasing the third shortcut switch, and controlling the second editing area to restore the area size before moving the third shortcut switch, includes: In response to finishing moving in the first editing area and releasing the second shortcut switch, controlling the second editing area to restore the area size before moving the second shortcut switch, and controlling the first editing area to display the second shortcut switch.

6. The method according to any one of claims 2 to 5, characterized in that Before responding to selecting and moving the third shortcut switch and controlling the second editing area to enter the second state, the method further includes: Obtaining state information of the second editing area when it is in the first state; wherein the state information includes attribute information and a switch state of the second quick switch displayed in the second editing area; the attribute information includes a switch icon and a switch label of the second quick switch, and the switch state includes an on state or a off state; After controlling the second editing area to restore the area size before moving the third shortcut switch, the method includes: The second shortcut switch located in the second editing area is displayed according to the status information.

7. The method according to any one of claims 2 to 6, characterized in that The third quick switch is the first quick switch; After controlling the second editing area to enter the second state, the method further includes: Before moving the first shortcut switch to a preset first position, controlling the second editing area to maintain a second state; After moving the third shortcut switch from the first editing area to the first position, controlling the second editing area to enter a third state; wherein the display area of the second editing area in the third state is larger than the display area of the second editing area in the first state.

8. The method according to claim 7, characterized in that The first position is located within the second editing area.

9. The method according to claim 7 or 8, characterized in that The first position is a position where the overlap rate between the first shortcut switch and the second editing area is greater than a preset threshold, or the first position is a position where the center of the first shortcut switch enters the second editing area.

10. The method according to any one of claims 2 to 6, characterized in that The third shortcut switch is the second shortcut switch; after the second editing area is controlled to enter the second state and before the second shortcut switch is released, the second editing area maintains the second state.

11. The method according to any one of claims 1 to 10, characterized in that The switch editing interface includes a first area and a second area, the first area and the second area do not overlap, and the method further includes: In response to moving the third shortcut switch to the first area, controlling the first shortcut switch in the first editing area to scroll in a first direction; In response to moving the third convenience switch to the second area, the first shortcut switch in the first editing area is controlled to scroll in a second direction; the first direction is different from the second direction.

12. The method according to claim 11, characterized in that The switch editing interface includes a third area, the third area does not overlap with the first area, and the third area does not overlap with the second area, and the method further includes: In response to moving the third shortcut switch to the third area, controlling the first shortcut switch in the first editing area to stop scrolling.

13. The method according to any one of claims 1 to 12, characterized in that The method further comprises: In response to a triggering operation on the first shortcut switch or the second shortcut switch, the switch state of the first shortcut switch or the second shortcut switch is switched, or a program interface corresponding to the first shortcut switch or the second shortcut switch is entered.

14. The method according to any one of claims 1 to 12, characterized in that The method further comprises: In response to selecting the third shortcut switch, playing a zoom-out animation of the third editing switch, hiding a switch icon and a switch label corresponding to the third editing switch, and displaying a drag view corresponding to the third editing switch; In response to moving the third shortcut switch, playing the first displacement animation of the dragged view.

15. The method according to claim 14, characterized in that The method further comprises: In response to finishing the movement at the second position and releasing the third shortcut switch, playing a second displacement animation of the drag view moving from the second position to the target position, hiding the drag view after finishing the second displacement animation, and displaying the switch icon and the switch label corresponding to the third editing switch at the target position; Among them, the target position is the switch arrangement position closest to the second position among multiple preset switch arrangement positions in the target editing area, and the target editing area is the first editing area or the second editing area where the second position is located; the switch arrangement position is a position for arranging shortcut switches.

16. An electronic device, characterized in that: The electronic device comprises at least a memory and one or more processors; the memory is used to store computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes the method according to any one of claims 1 to 15.

17. A computer-readable storage medium, characterized in that The method comprises computer instructions, which, when executed on an electronic device, cause the electronic device to execute the method according to any one of claims 1 to 15.

18. A computer program product, characterized in that When the computer program product is run on an electronic device, the electronic device is caused to execute the method according to any one of claims 1 to 15.

Images