Control center editing method and electronic device

Abstract

A control center editing method and an electronic device. According to the method, when a control center of the electronic device is edited, a complete editing preview interface of a plurality of editable areas comprised in the control center can be directly displayed by means of an editing control, for example, one editable area may comprise a plurality of shortcut icons, and the other editable area may comprise a smart device. In this way, a more complete editing preview of the control center can be viewed on the editing preview interface, user operation can be reduced, and a user does not need to edit different editing areas by means of corresponding secondary interfaces, thereby improving the flexibility, visibility and convenience of editing the control center, and improving the experience of the user using the control center.

Description

Control center editing method and electronic device

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office of the People's Republic of China on January 17, 2024, with application number 202410071686.7 and invention name "A control center editing method and electronic device", the entire contents of which are incorporated by reference into this application. Technical Field

[0003] The embodiments of the present application relate to the field of terminal technology, and in particular to a control center editing method and electronic device. Background Art

[0004] Electronic devices generally use a control center to display some commonly used media broadcasts, quick switches, smart devices, super terminals and other functions, thereby improving the convenience of user operation. At present, for the editing of the control center, it can be presented in the form of a list in the setting application (application, APP), and then the editing of the control center can be achieved by adding, deleting or dragging in the setting APP. Alternatively, different functional areas can be edited separately through a secondary interface. For example, by clicking the edit icon and then clicking the control for editing the quick switch, a secondary interface can be displayed. The secondary interface can include the quick switches displayed in the control center and the quick switches not displayed, so that the quick switches that can be displayed in the control center can be edited. For another example, by clicking the edit icon and then clicking the control for editing the smart device, another secondary interface can be displayed. The secondary interface can include the secondary interface of the smart devices displayed in the control center and the smart devices not displayed, so that the smart devices that can be displayed in the control center can be edited.

[0005] As the functions of the control center become more and more abundant, how to improve the flexibility and convenience of editing the control center is of great research significance.

[0006] Summary of the Invention

[0007] The embodiments of the present application provide a control center editing method and an electronic device to improve the flexibility and convenience of editing the control center.

[0008] In a first aspect, embodiments of the present application provide a control center editing method. This method can be applied to an electronic device. In this method, a first operation instruction on an editing control included in the control center interface is detected; in response to the first operation instruction, a first editing interface of the control center is displayed; wherein the first editing interface includes a first editing area and a second editing area, the first editing area being used to edit a displayed shortcut switch, and the second editing area being used to edit a displayed smart device.

[0009] In this method, the editing controls included in the control center can be used to directly display a relatively complete editing preview interface of the control center. Through this editing preview interface, a more intuitive preview of the edited control center can be viewed, as well as the editing preview effects of multiple editing areas. This eliminates the need for users to navigate through corresponding secondary interfaces for different editing areas, thereby reducing the complexity of user operations and improving the flexibility and convenience of editing the control center.

[0010] In one possible design, the first editing interface also includes a first half-screen interface, which includes one or more of the following items: at least one alternative shortcut switch, at least one alternative combination shortcut switch, etc. The alternative shortcut switch and the alternative combination shortcut switch are not displayed in the control center interface.

[0011] In this design, when displaying the control center in the editing state, it is taken into consideration that each editing area of ​​the control center can also include some alternative content that is not displayed in the control center but can be displayed through operation. Therefore, when displaying the editing preview interface, the alternative library interface corresponding to the default editing area can be directly displayed in a half-screen form, thereby providing users with a more intuitive editing preview interface to facilitate users to edit the control center.

[0012] In this application, the half-screen interface refers to an interface in which the current display content of the interface does not occupy the entire screen display area, and other content can be displayed on the screen display area not occupied by the interface. Usually these contents are located in different layers. For example, a common implementation method is that the half-screen interface is overlaid on another interface, covering part of the content of the other interface. It should be noted that this application only applies the name "half-screen" and does not intend to limit the size of the half-screen interface to half of the current screen. The half-screen interface can be any size smaller than the screen display area.

[0013] It is understood that in the embodiments of the present application, a combination of quick switches can be provided, and in the following designs, a combination of component cards, a combination of smart devices, etc. can also be provided. In this way, a richer control center can be provided, which can meet user habits in more scenarios, etc., and can also improve the user's efficiency in using the control center.

[0014] In one possible design, the method also includes: in response to a sliding operation on the first editing interface, when the first editing area is displayed in the first display area of ​​the first editing interface, displaying a first half-screen interface, the first half-screen interface including: at least one alternative shortcut switch, at least one alternative combination shortcut switch, the alternative shortcut switch and the alternative combination shortcut switch are not displayed in the control center interface.

[0015] In this design, users can also swipe the edit preview interface to synchronously switch between the alternative libraries corresponding to different editing areas. For example, the alternative library corresponding to the editing area located at the first display position in the edit preview interface can be displayed in a half-screen interface. This allows for flexible switching of alternative libraries, thereby improving the intuitiveness and convenience of the editing control center.

[0016] In one possible design, the first editing area also includes a first adding control, and the method also includes: in response to a second operation instruction on the first adding control, displaying a first half-screen interface on the first editing interface, the first half-screen interface including: at least one alternative shortcut switch and at least one alternative combination shortcut switch, the alternative shortcut switch and the alternative combination shortcut switch are not displayed in the control center interface.

[0017] In this design, the display of the alternative library corresponding to the editing area can be triggered through a variety of operation methods. Optionally, the operation method can be determined according to the user's customized operation method. For example, when the user sets the display of the edit preview interface, the alternative library is displayed synchronously, and the alternative library can be automatically switched in response to the user's sliding operation on the edit preview interface. For another example, the user sets the method of waking up by the control, and the electronic device can respond to the operation of adding the control corresponding to the editing area by detecting the user, and then display the alternative library interface.

[0018] In one possible design, the method further includes: displaying a second editing interface in response to an add operation instruction for a first alternative shortcut switch or a first alternative combination shortcut switch included in the first half-screen interface; wherein the add operation instruction is used to instruct to add the first alternative shortcut switch or the first alternative combination shortcut switch to the first editing area, and the first editing area included in the second editing interface includes the first alternative shortcut switch or the first alternative combination shortcut switch.

[0019] In this design, new content can be added to the control center through the editing preview interface and the alternative library displayed in half-screen form, such as adding a new shortcut switch or a combination of shortcut switches.

[0020] In one possible design, the method further includes: in response to a deletion operation instruction for the first shortcut switch or the first combination shortcut switch included in the first editing interface, displaying a third editing interface, and displaying the first shortcut switch or the first combination shortcut switch in the first half-screen interface; wherein, the third editing interface no longer displays the first shortcut switch or the first combination shortcut switch.

[0021] In this design, in the editing preview interface, it is also possible to perform lightweight editing of the display content included in the control center, such as deleting the display content, etc., and it is also possible to preview the edited control center, which can improve the convenience of users in editing the control center.

[0022] In one possible design, the method also includes: in response to a sliding operation on the first editing interface, when the second editing area is displayed in the first display area of ​​the first editing interface, displaying a second half-screen interface, the second half-screen interface including: at least one alternative smart device and at least one alternative combination smart device, the alternative smart device and the alternative combination smart device are not displayed in the control center interface.

[0023] In this design, users can swipe the edit preview interface to switch between the corresponding alternative libraries for different editing areas. For example, the library corresponding to the editing area at the first display position in the edit preview interface can be displayed by default. This allows for flexible switching of alternative libraries, thereby improving the intuitiveness and convenience of the editing control center.

[0024] In one possible design, the second editing area also includes a second adding control, and the method also includes: in response to a third operation instruction on the second adding control, displaying a second half-screen interface on the first editing interface, the second half-screen interface including: at least one alternative smart device and at least one alternative combination smart device, and the alternative smart device and the alternative combination smart device are not displayed in the control center interface.

[0025] In this design, the display of the alternative library corresponding to the editing area can be triggered through a variety of operation methods. Optionally, the operation method can be determined according to the user's customized operation method. For example, when the user sets the display of the edit preview interface, the alternative library is displayed synchronously, and the alternative library can be automatically switched in response to the user's sliding operation on the edit preview interface. For another example, the user sets the method of waking up by the control, and the electronic device can respond to the operation of adding the control corresponding to the editing area by detecting the user, and then display the alternative library interface.

[0026] In one possible design, the method further includes: displaying a fourth editing interface in response to an add operation instruction for the first alternative smart device or the first alternative combination smart device included in the second half-screen interface; wherein the add operation instruction is used to instruct to add the first alternative smart device or the first alternative combination smart device to the second editing area, and the second editing area included in the fourth editing interface includes the first alternative smart device or the first alternative combination smart device.

[0027] In this design, new content can be added to the control center through the editing preview interface and the alternative library displayed in half-screen form, such as adding a new shortcut switch or a combination of shortcut switches.

[0028] In one possible design, the method further includes: in response to a deletion operation instruction for the first smart device or the first combined smart device included in the first editing interface, displaying a fifth editing interface, and displaying the first smart device or the first combined smart device in the second half-screen interface; wherein the fifth editing interface no longer displays the first smart device or the first combined smart device.

[0029] In this design, in the editing preview interface, it is also possible to perform lightweight editing of the display content included in the control center, such as deleting the display content, etc., and it is also possible to preview the edited control center, which can improve the convenience of users in editing the control center.

[0030] In a possible design, the first editing interface further includes a third editing area, and the third editing area is used to edit the displayed component card.

[0031] In this design, as the control center becomes more and more functional, it is possible to edit not only the quick switch area and the smart device area, but also the component card area. It is understandable that as the control center includes more areas, it will also be possible to edit more areas.

[0032] In one possible design, the method also includes: in response to a sliding operation on the first editing interface, when the third editing area is displayed in the first display area of ​​the first editing interface, displaying a third half-screen interface, the third half-screen interface including: at least one alternative component card, at least one alternative combination component card, the alternative component card and the alternative combination component card are not displayed in the control center interface.

[0033] In this design, users can also switch between alternative libraries corresponding to different editing areas by sliding the edit preview interface. For example, the alternative library corresponding to the editing area located at the first display position in the edit preview interface can be displayed by default. This allows for flexible switching of alternative libraries, thereby improving the intuitiveness and convenience of the editing control center.

[0034] In one possible design, the third editing area also includes a third adding control, and the method also includes: in response to a fourth operation instruction on the third adding control, displaying a third half-screen interface on the first editing interface, the third half-screen interface including: at least one alternative component card and at least one alternative combination component card, and the alternative component card and the alternative combination component card are not displayed in the control center interface.

[0035] In this design, the display of the alternative library corresponding to the editing area can be triggered through a variety of operation methods. Optionally, the operation method can be determined according to the user's customized operation method. For example, when the user sets the display of the edit preview interface, the alternative library is displayed synchronously, and the alternative library can be automatically switched in response to the user's sliding operation on the edit preview interface. For another example, the user sets the method of waking up by the control, and the electronic device can respond to the operation of adding the control corresponding to the editing area by detecting the user, and then display the alternative library interface.

[0036] In one possible design, the method also includes: displaying a sixth editing interface in response to an add operation instruction for the first alternative component card or the first alternative combination component card included in the third half-screen interface; wherein the add operation instruction is used to instruct to add the first alternative component card or the first alternative combination component card to the third editing area, and the third editing area included in the sixth editing interface includes the first alternative component card or the first alternative combination component card.

[0037] In this design, new content can be added to the control center, such as a new shortcut switch or a combination of shortcut switches, by editing the preview interface and the alternative library displayed in half-screen form.

[0038] In one possible design, the method also includes: in response to a deletion operation instruction for the first component card or the first combination component card included in the first editing interface, displaying a seventh editing interface, and displaying the first component card or the first combination component card in the third half-screen interface; wherein, the seventh editing interface no longer displays the first component card or the first combination component card.

[0039] In this design, in the editing preview interface, it is also possible to perform lightweight editing of the display content included in the control center, such as deleting the display content, etc., and it is also possible to preview the edited control center, which can improve the convenience of users in editing the control center.

[0040] In one possible design, the method further includes: displaying an eighth editing interface in response to a fifth operation instruction in the first editing interface; wherein the fifth operation instruction is used to instruct the first display object to be displayed in a first display position, and the display positions of the M display objects included in the eighth editing interface are different from the display positions in the first editing interface, and the M display objects are determined based on the original display position and the first display position of the first display object; the first display object includes: a second shortcut switch or a second alternative shortcut switch, or a second combination shortcut switch or a second alternative shortcut switch, or a second smart device or a second alternative smart device, or a second combination smart device or a second alternative combination smart device; and M is a positive integer.

[0041] In this design, in the editing preview interface, it is also possible to perform lightweight editing of the display content included in the control center, such as changing the display position of the display content, etc., and it is also possible to preview the edited control center, which can improve the convenience of users in editing the control center.

[0042] In a possible design, the M display objects are display objects located in the same column as the first display position.

[0043] In this design, vertical squeezing or filling can be used to automatically edit the display position in the same column. This way, during the user editing process, the original layout of the control center will not be significantly changed, ensuring the user's editing experience.

[0044] In one possible design, the method further includes: displaying a ninth editing interface in response to a sixth operation instruction in the first editing interface; wherein the fifth operation instruction is used to instruct the second display object to be displayed at the second display position, and in the ninth editing interface, the second display object is displayed at the third display position; the second display position cannot display the second display object; the second display object includes: a third shortcut switch or a third alternative shortcut switch, or a third combination shortcut switch or a third alternative shortcut switch, or a third smart device or a third alternative smart device, or a third combination smart device or a third alternative combination smart device. Optionally, there is no idle display area in the column where the second display position is located. In one possible design, the third display position is the display position that is closest to the second display position among multiple idle display areas.

[0045] In this design, when adding or moving content, if it can't be squeezed vertically, a closer display location can be automatically recommended for the user. This can help users edit the control center and reduce the need for major changes to the original layout of the control center.

[0046] In one possible design, the method further includes: displaying a tenth editing interface in response to a delete operation instruction for the third display object included in the first editing interface; the display positions of the N display objects included in the tenth editing interface are different from the display positions in the first editing interface, and the N display objects are located in the same column as the third display object and below the display position; the number of columns where the N display objects are located is less than or equal to the number of columns where the third display object is located; the third display object includes: a fourth shortcut switch or a fourth alternative shortcut switch, or a fourth combination shortcut switch or a fourth alternative shortcut switch, or a fourth smart device or a fourth alternative smart device, or a fourth combination smart device or a fourth alternative combination smart device; and N is a positive integer.

[0047] In this design, when deleting content from the control center, vertical padding can be used to automatically edit the display position in the same column. This prevents significant changes to the original layout of the control center during editing, ensuring a better user experience.

[0048] In a second aspect, an embodiment of the present application provides a method for editing a control center. The method can be applied to an electronic device. In the method, a first operation instruction for an editing control included in the control center interface is detected; in response to the first operation instruction, a first editing interface of the control center is displayed; wherein the first editing interface includes a first editing area, a second editing area, and a third editing area, the first editing area is used to edit the displayed shortcut switch, the second editing area is used to edit the displayed smart device, and the third editing area is used to edit the displayed component card; wherein the first editing interface also includes a first half-screen interface or a third half-screen interface; the first half-screen interface includes: at least one alternative shortcut switch, at least one alternative combination shortcut switch, the alternative shortcut switch and the alternative combination shortcut switch are not displayed in the control center interface; the third half-screen interface includes: at least one alternative component card, at least one alternative combination component card, the alternative component card and the alternative combination component card are not displayed in the control center interface.

[0049] In this method, through the editing controls included in the control center, a relatively complete editing preview interface of the control center can be directly displayed, and the alternative library interface can be directly displayed in the editing preview interface, thereby improving the intuitiveness of the editing preview interface and improving the portability and flexibility of the user editing control center.

[0050] In one possible design, the third editing area is displayed above the first editing area, and the first editing area is displayed above the second editing area. The method also includes: in response to a sliding operation on the first editing interface, when it is detected that the first editing interface no longer displays the third editing area, displaying the first half-screen interface; when it is detected that the first editing interface no longer displays the first editing area, displaying the second half-screen interface; the second half-screen interface includes: at least one alternative smart device and at least one alternative combination smart device, and the alternative smart device and the alternative combination smart device are not displayed in the control center interface.

[0051] In this design, users can swipe the edit preview interface to switch between the corresponding alternative libraries for different editing areas. For example, the library corresponding to the editing area at the first display position in the edit preview interface can be displayed by default. This allows for flexible switching of alternative libraries, thereby improving the intuitiveness and convenience of the editing control center.

[0052] It should be understood that the contents contained in the multiple editing areas of the control center in the above embodiment are only examples. Those skilled in the art can easily update the content or modify the sequence of the contents contained in the multiple editing areas according to the solutions provided by the application, actual needs or technological developments, and these changes should also fall within the scope of protection of this application.

[0053] In a third aspect, the present application provides an electronic device comprising multiple functional modules; the multiple functional modules interact with each other to implement the method performed by the electronic device in any of the above aspects and its respective embodiments. The multiple functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the multiple functional modules can be arbitrarily combined or divided based on the specific implementation.

[0054] In a fourth aspect, the present application provides an electronic device comprising at least one processor and at least one memory, wherein the at least one memory stores computer program instructions. When the electronic device is running, the at least one processor executes the method executed by the electronic device in any of the above aspects and its various embodiments.

[0055] In a fifth aspect, the present application also provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a computer, the computer executes any one of the above aspects and its possible methods of designing electronic devices to execute.

[0056] In a sixth aspect, the present application provides a computer program product, which includes: a computer program (also referred to as code, or instructions), which, when executed, enables a computer to execute any of the above aspects and possible methods of designing electronic devices.

[0057] In the seventh aspect, an embodiment of the present application also provides a graphical user interface on an electronic device, which electronic device has a display screen, one or more memories, and one or more processors, wherein the one or more processors are used to execute one or more computer programs stored in the one or more memories, and the graphical user interface includes a graphical user interface displayed when the electronic device executes any of the above aspects and its possible designs.

[0058] In an eighth aspect, the present application also provides a chip, which is used to read a computer program stored in a memory and execute any of the above aspects and their possible methods of designing electronic devices to execute.

[0059] In a ninth aspect, the present application further provides a chip system, comprising a processor for supporting a computer device in implementing any of the above aspects and possible methods for designing electronic devices for execution. In one possible design, the chip system further comprises a memory for storing programs and data necessary for the computer device. The chip system may be composed of a chip alone, or may include a chip and other discrete components.

[0060] For the beneficial effects of any of the third to ninth aspects and their possible designs, please refer to the beneficial effects of the various possible designs in the first or second aspect, which will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0061] Figure 1 is a schematic diagram of an interface of a control center;

[0062] FIG2 is a schematic diagram of the hardware structure of a possible electronic device provided in an embodiment of the present application;

[0063] FIG3 is a block diagram of a software architecture of an electronic device provided in an embodiment of the present application;

[0064] FIG4A is a schematic diagram of one of the editing interfaces of the control center provided in an embodiment of the present application;

[0065] FIG4B is a second schematic diagram of the editing interface of the control center provided in an embodiment of the present application;

[0066] FIG4C is a third schematic diagram of the editing interface of the control center provided in an embodiment of the present application;

[0067] FIG5 is a fourth schematic diagram of the editing interface of the control center provided in an embodiment of the present application;

[0068] FIG6A is a fifth schematic diagram of the editing interface of the control center provided in an embodiment of the present application;

[0069] FIG6B is a sixth schematic diagram of the editing interface of the control center provided in an embodiment of the present application;

[0070] FIG7 is a seventh schematic diagram of the editing interface of the control center provided in an embodiment of the present application;

[0071] FIG8A is a schematic diagram of adjusting the editing layout of the control center according to an embodiment of the present application;

[0072] FIG8B is a second schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application;

[0073] FIG9A is a third schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application;

[0074] FIG9B is a fourth schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application;

[0075] FIG10A is a fifth schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application;

[0076] FIG10B is a sixth schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application;

[0077] FIG10C is a seventh schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application;

[0078] FIG11 is a flow chart of a method for editing a control center provided in an embodiment of the present application;

[0079] FIG12 is a schematic diagram of a process for editing rules provided in an embodiment of the present application;

[0080] FIG13 is another flowchart of an editing rule provided in an embodiment of the present application. DETAILED DESCRIPTION

[0081] The embodiments of the present application will be described in detail below with reference to the accompanying drawings.

[0082] The embodiments of the present application can be applied to the field of terminal technology, and specifically can be applied to electronic devices including a control center. In one possible scenario, Figure 1 is a schematic diagram of the interface of a control center. As shown in the interface 100A of Figure 1, the control center may include several areas, such as area 101a, which may include multiple fixed and non-editable component cards, such as component cards for displaying and managing media broadcast functions, component cards for displaying and managing "wireless network", and component cards for displaying and managing "Bluetooth"; area 101b, which may include multiple shortcut switches, such as a shortcut switch for "flashlight", a shortcut switch for "scan", a shortcut switch for "mobile data", a shortcut switch for "mute", a shortcut switch for "auto-rotate", etc.; area 101c, which may include components of smart devices connected to the electronic device; editing control 102.

[0083] In response to a user operation on the edit control 102, the electronic device may display interface 100B or interface 100E. Interface 100B or interface 100E may include a pop-up window 103, wherein pop-up window 103 may include an "Edit Quick Switch" control 103a, a "Show HyperTerminal" control 103b, a "Show Smart Scene" control 103c, and an "Edit Smart Device" control 103d.

[0084] Optionally, in interface 100B, the electronic device may jump to display interface 100C in response to an operation on the "Edit Quick Switches" control 103a. Interface 100C is a secondary interface for editing quick switches, which may include at least a display area 104a and a display area 104b. Display area 104a includes quick switches that can be displayed in interface 100A. Display area 104b includes quick switches that are not displayed in interface 100A but are available on the electronic device (in this embodiment of the present application, display area 104b may also be referred to as an "alternative library," and the quick switches included in display area 104b may also be referred to as "alternative quick switches"). It should be understood that a quick switch in display area 104b can be moved to display area 104a or replace a quick switch in display area 104a by dragging, etc.; a quick switch in display area 104a can also be moved to display area 104b by dragging, etc.; and the quick switches in display area 104a can also be changed in their display order by dragging.

[0085] Alternatively, in interface 100E, the electronic device may jump to display interface 100F in response to an operation on the "Edit Smart Device" control 103d. Interface 100F is a secondary interface for editing smart devices, which may include at least a display area 105a and a display area 105b. Display area 105b may be used to display smart devices that are not displayed in interface 100A but that the electronic device can provide. As shown in interface 100F, the electronic device may also provide a smart device 106 for a watch (in the embodiment of the present application, display area 105b may also be referred to as an "alternative library," and the smart devices included in display area 105b may also be referred to as "alternative smart devices"). Optionally, the source of the alternative smart devices included in the alternative library may be devices synchronized on different devices of the same user account. The alternative smart device is displayed by default in the control center on device 2 and may be used as an alternative smart device on device 1. When the user adds the alternative smart device to the control center of device 1, it may also be displayed in the control center interface of device 1. Display area 105a can be used to display smart devices already displayed in interface 100A; it can also be understood as smart devices that have been added to the control center. It should be understood that smart devices in display area 105b can be moved to display area 105a by dragging, etc.; smart devices in display area 105a can also be moved to display area 105b by dragging, etc.; smart devices in display area 105a can also be changed in the display order by dragging.

[0086] As can be seen from the scenario described in FIG1 , as the functions of the control center become more and more abundant and the content that can be displayed becomes more and more, the user's personalized editing of the control center becomes more cumbersome, resulting in a poor user experience.

[0087] In view of this, an embodiment of the present application provides a method for editing a control center. This method can support the overall editing of multiple areas on the interface displaying the control center, and can implement an edit preview of the edited control center. In addition, in the edit preview interface, not only can lightweight edits such as deletion and changing the display position be implemented, but also convenient switching between editing different areas can be achieved without returning to switch to other areas. Therefore, through this method, the user can reduce the tediousness of editing the control center, improve the flexibility and convenience of editing, and can more intuitively view the complete edit preview interface of the control center.

[0088] The embodiments of the present application can be applied to electronic devices that display a control center, such as mobile phones, PCs, tablet computers, wearable devices (e.g., watches, bracelets, etc.), in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), smart home devices (e.g., smart TVs, smart speakers, etc.). It is understood that the embodiments of the present application do not impose any restrictions on the specific types of electronic devices.

[0089] The electronic devices to which the embodiments of the present application can be applied include but are not limited to electronic devices equipped with Or electronic devices with other operating systems. The portable electronic device may also be other portable electronic devices, such as a laptop computer with a touch-sensitive surface (eg, a touch panel).

[0090] FIG2 shows a schematic diagram of the hardware structure of a possible electronic device. Wherein, the electronic device 200 includes components such as a radio frequency (RF) circuit 210, a power supply 220, a processor 230, a memory 240, an input unit 250, a display unit 260, an audio circuit 270, a communication interface 280, and a wireless fidelity (Wi-Fi) module 290. Those skilled in the art will appreciate that the hardware structure of the electronic device 200 shown in FIG2 does not constitute a limitation on the electronic device 200. The electronic device 200 provided in the embodiment of the present application may include more or fewer components than shown, may combine two or more components, or may have different component configurations. The various components shown in FIG2 may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0091] The following is a detailed introduction to the various components of the electronic device 200 with reference to FIG. 2 :

[0092] The RF circuit 210 can be used to receive and transmit data during communications or calls. Specifically, after receiving downlink data from the base station, the RF circuit 210 sends it to the processor 230 for processing. Furthermore, it sends uplink data to the base station. Typically, the RF circuit 210 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low-noise amplifier (LNA), a duplexer, and the like.

[0093] In addition, the RF circuit 210 can also communicate with other devices via a wireless communication network. The wireless communication can use any communication standard or protocol, including but not limited to Global System of Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), email, Short Messaging Service (SMS), etc.

[0094] The electronic device 200 can also implement communication services and interact with other electronic devices. Therefore, the electronic device 200 needs to have a data transmission function, that is, the electronic device 200 needs to include a communication module. Although Figure 2 shows communication modules such as the RF circuit 210, the Wi-Fi module 290, and the communication interface 280, it is understandable that the electronic device 200 contains at least one of the above components or other communication modules (such as a Bluetooth module) for implementing communication to perform data transmission.

[0095] For example, when the electronic device 200 is a mobile phone, the electronic device 200 may include the RF circuit 210, and may also include the Wi-Fi module 290, or may include a Bluetooth module (not shown in Figure 2); when the electronic device 200 is a computer, the electronic device 200 may include the communication interface 280, and may also include the Wi-Fi module 290, or may include a Bluetooth module (not shown in Figure 2); when the electronic device 200 is a tablet computer, the electronic device 200 may include the Wi-Fi module, or may include a Bluetooth module (not shown in Figure 2).

[0096] Wi-Fi technology is a short-range wireless transmission technology. The electronic device 200 can connect to an access point (AP) via the Wi-Fi module 290 to access a data network. The Wi-Fi module 290 can be used to receive and send data during the communication process.

[0097] The electronic device 200 can be physically connected to other devices via the communication interface 280. Optionally, the communication interface 280 is connected to the communication interface of the other device via a cable to achieve data transmission between the electronic device 200 and the other device.

[0098] The memory 240 can be used to store software programs and modules. The processor 230 executes various functional applications and data processing of the electronic device 200 by running the software programs and modules stored in the memory 240. Optionally, the memory 240 may mainly include a program storage area and a data storage area. Among them, the program storage area can store an operating system (mainly including the corresponding software programs or modules of the kernel layer, system layer, application framework layer and application layer).

[0099] In addition, the memory 240 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, or other volatile solid-state storage device. In the embodiment of the present application, the memory 240 may store computer program instructions for implementing the control center editing method provided in the embodiment of the present application, such as storing computer program instructions that support functions such as displaying an edit preview interface of the complete control center on the display interface of the control center.

[0100] The input unit 250 can be used to receive editing operations of various different types of data objects such as digital or character information input by the user, and to generate key signal inputs related to the user settings and function control of the electronic device 200. Optionally, the input unit 250 may include a touch panel 251 and other input devices 252. Among them, the touch panel 251, also known as a touch screen, can collect user touch operations on or near it (such as operations performed by the user using any suitable object or accessory such as a finger, stylus, etc. on or near the touch panel 251) and drive the corresponding connection device according to a pre-set program. In an embodiment of the present application, the touch panel 251 can collect user operations on the edit preview interface of the complete control center, for example, the user's editing operations in the quick switch area or smart device area on the edit preview interface, and for example, display a half-screen interface associated with the quick switch area or smart device area, the half-screen interface can include quick switches or smart devices that are not displayed in the control center, that is, the quick switches or smart devices included in the alternative library can be displayed.

[0101] Optionally, the other input device 252 may include, but is not limited to, one or more of a physical keyboard, function keys (such as a volume control button, a power button, etc.), a trackball, a mouse, a joystick, etc. For example, when the electronic device 200 is a laptop computer, the other input device 252 may be a mouse and / or a keyboard.

[0102] The display unit 260 can be used to display information input by the user or information provided to the user and various menus of the electronic device 200. The display unit 260 is the display system of the electronic device 200, which is used to present an interface and realize human-computer interaction. The display unit 260 may include a display panel 261. Optionally, the display panel 261 can be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), etc. In an embodiment of the present application, the display unit 260 can be used to display the editing preview interface of the complete control center to the user. Exemplarily, the editing preview interface may include a preview interface or editing preview interface of a component card, an editing preview interface of a quick switch area, an editing preview interface of a smart device, an editing preview interface of a super terminal, etc. Another exemplary embodiment, the editing preview interface may also include a half-screen interface associated with a quick switch area, or a half-screen interface associated with a smart device area.

[0103] The processor 230 is the control center of the electronic device 200. It connects various components using various interfaces and lines, executes or runs software programs and / or modules stored in the memory 240, and calls data stored in the memory 240 to perform various functions of the electronic device 200 and process data, thereby realizing various services based on the electronic device 200. In the embodiment of the present application, the processor 230 can be used to implement the editing method of the control center provided in the embodiment of the present application.

[0104] The electronic device 200 also includes a power supply 220 (such as a battery) for supplying power to various components. Optionally, the power supply 220 can be logically connected to the processor 230 via a power management system, thereby managing charging, discharging, and power consumption through the power management system.

[0105] As shown in Figure 2, the electronic device 200 also includes an audio circuit 270, a microphone 271 and a speaker 272, which can provide an audio interface between the user and the electronic device 200. The audio circuit 270 can be used to convert audio data into a signal that can be recognized by the speaker 272, and transmit the signal to the speaker 272, which is converted into a sound signal for output by the speaker 272. The microphone 271 is used to collect external sound signals (such as the sound of a person speaking, or other sounds, etc.), and convert the collected external sound signals into signals that can be recognized by the audio circuit 270 and send them to the audio circuit 270. The audio circuit 270 can also be used to convert the signal sent by the microphone 271 into audio data, and then output the audio data to the RF circuit 210 to send it to, for example, another electronic device, or output the audio data to the memory 240 for subsequent further processing.

[0106] Although not shown, the electronic device 200 may further include a camera, at least one sensor, etc., which will not be described in detail herein. The at least one sensor may include but is not limited to a pressure sensor, an air pressure sensor, an acceleration sensor, a distance sensor, a fingerprint sensor, a touch sensor, a temperature sensor, etc.

[0107] The operating system (OS) involved in the embodiments of the present application is the most basic system software running on the electronic device 200. The software system of the electronic device 200 can adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. The embodiments of the present application use an operating system with a layered architecture as an example to illustrate the software system architecture of the electronic device 200.

[0108] Figure 3 is a block diagram of the software system architecture of an electronic device provided in an embodiment of the present application. As shown in Figure 3, the software system architecture of the electronic device can be a layered architecture. For example, the software can be divided into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the operating system is divided into five layers, from top to bottom, namely, the application layer, the application framework layer (framework, FWK), the runtime and system library, the kernel layer, and the hardware layer.

[0109] The application layer can include a series of application packages. As shown in Figure 3, the application layer can include camera, settings, skin modules, user interface (UI), third-party applications, etc. Among them, third-party applications can include wireless local area network (WLAN), music, calls, Bluetooth, video, memo, notes, etc.

[0110] In the embodiment of the present application, the application layer can be used to implement the presentation of the edit preview interface. The above-mentioned edit preview interface can implement various edits of the control center based on the editing method of the control center in the following embodiment.

[0111] In one possible implementation, applications can be developed using Java by calling the application programming interface (API) provided by the application framework layer. Developers can use the application framework layer to interact with the underlying operating system layers (e.g., the hardware layer, kernel layer, etc.) to develop their own applications. The application framework layer primarily provides a series of services and management systems for the operating system.

[0112] The application framework layer provides an application programming interface and programming framework for applications in the application layer. The application framework layer includes some predefined functions. As shown in Figure 3, the application framework layer can include an activity manager, a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and so on.

[0113] The activity manager is used to manage the life cycle of each application and provide common navigation back functions, providing an interactive interface for all program windows.

[0114] The window manager manages windowed applications. It can determine the display size, determine whether a status bar is present, lock the screen, and take screenshots. Content providers store and retrieve data and make it accessible to applications. This data can include video, images, audio, incoming and outgoing calls, browsing history and bookmarks, and phone books.

[0115] The view system includes visual controls, such as those for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views. For example, a display interface containing a text notification icon might include a view for displaying text and a view for displaying images.

[0116] The phone manager is used to provide communication functions for electronic devices, such as call status management (including answering, hanging up, etc.).

[0117] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0118] The Notification Manager allows applications to display notifications in the status bar. These messages can be displayed briefly and then disappear automatically without user interaction. For example, the Notification Manager is used to notify users of completed downloads and message reminders. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog windows on the screen. Examples include text messages in the status bar, beeps, vibrations on electronic devices, and flashing indicator lights.

[0119] The runtime includes the core library and the virtual machine. The runtime is responsible for the scheduling and management of the operating system.

[0120] The core library consists of two parts: one containing the Java language's callable functions and the other containing the operating system's core libraries. The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

[0121] The system library can include multiple functional modules, such as a surface manager, a media framework, a 3D graphics processing library (such as OpenGL ES), and a 2D graphics engine (such as SGL).

[0122] The surface manager is used to manage the display subsystem and provide the fusion of two-dimensional and 3D layers for multiple applications.

[0123] The media framework supports playback and recording of a variety of common audio and video formats, as well as static image files. The media framework can support a variety of audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0124] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0125] A 2D graphics engine is a drawing engine for 2D drawings.

[0126] In some embodiments, a three-dimensional graphics processing library may be used to draw a three-dimensional motion trajectory image, and a two-dimensional graphics engine may be used to draw a two-dimensional motion trajectory image.

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

[0128] The hardware layer can include various sensors, such as accelerometers, gravity sensors, touch sensors, etc.

[0129] Typically, the electronic device 200 can run multiple applications simultaneously. In simpler cases, one application corresponds to one process, while in more complex cases, one application corresponds to multiple processes. Each process has a process ID.

[0130] It should be understood that in the embodiments of the present application, "at least one of the following" or similar expressions refers to any combination of these items, including any combination of single items or plural items. For example, at least one of a, b or c can represent: a, b, c, a and b, a and c, b and c, or a, b and c, where a, b, c can be single or multiple. "Multiple" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships can exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship.

[0131] In addition, it should be understood that, in the description of this application, words such as "first" and "second" are only used for the purpose of distinguishing the description, and cannot be understood as indicating or implying relative importance, nor can they be understood as indicating or implying order.

[0132] It should be understood that the hardware structure of the electronic device can be as shown in Figure 2, and the software system architecture can be as shown in Figure 3, wherein the software programs and / or modules corresponding to the software system architecture in the electronic device can be stored in the memory 240, and the processor 230 can run the software programs and applications stored in the memory 240 to execute the process of a control center editing method provided in an embodiment of the present application.

[0133] In order to facilitate understanding of the editing method of the control center provided by the present application, the implementation process of the method provided by the present application is introduced below in conjunction with the contents shown in Figures 4A to 10C.

[0134] The method provided in the embodiment of the present application can be applied to electronic devices such as mobile phones or tablet computers, and can be specifically applied to the scenario of displaying a control center on an electronic device. Among them, on an electronic device, the display control center can generally be triggered by a pull-up operation or a pull-down operation. In the embodiment of the present application, the electronic device 200 is taken as an example of a mobile phone. The following first introduces the interface processing effect that can be achieved by the method provided in the embodiment of the present application through a variety of possible scenarios. It can be understood that when it is implemented, the present application is not limited to the scenarios introduced below.

[0135] Scenario A1 and FIG4A are schematic diagrams of an editing interface of a control center provided in an embodiment of the present application. In conjunction with interface 100A shown in FIG1 , the electronic device may display interface 400A in response to an operation on the editing control 102 included in interface 100A. Interface 400A is an editing preview interface of the control center in the editing state. Interface 400A may include, but is not limited to, the following components:

[0136] (1) Area 401 may include multiple fixed and non-editable component cards, such as a component card for displaying and managing media broadcast functions, a component card for displaying and managing "wireless network," and a component card for displaying and managing "Bluetooth." Area 401 shown in interface 400A may refer to area 101a in interface 100A.

[0137] In another possible scenario, since area 401 includes fixed, non-editable component cards, the edit preview interface of the control center may not display area 401, as shown in interface 400B, thereby simplifying the edit preview interface. For example, the user can customize it through settings, or the system may display area 401 or not display area 401 by default, which is not limited in this application. The following scenarios may also not include fixed, non-editable component cards, and will not be described in detail in the following embodiments.

[0138] (2) Area 402 can be used to edit the quick switches that can be displayed in the control center. The quick switches included in area 402 can be quick switches that can be displayed in the control center. Optionally, the quick switches that can be displayed can be directly displayed, such as the several quick switches shown in interface 100A. Alternatively, the quick switches that can be displayed can also be displayed through operation, such as the electronic device can display interface 410 in response to the user's sliding operation on the area for displaying quick switches in interface 100A, and more quick switches can be displayed in interface 410.

[0139] As shown in interface 400A in Figure 4A, each shortcut switch included in area 402 can display a corresponding deletion control, for example, the shortcut switch for wireless screen projection in interface 400A corresponds to deletion control 402a. Exemplarily, in response to the operation of deletion control 402a, the electronic device can place the shortcut switch for wireless screen projection back into the alternative library of shortcut switches, and can be displayed as interface 420; wherein, compared with interface 400A, interface 420 no longer includes the shortcut switch for wireless screen projection in area 402. It should be noted that the embodiment of the present application does not limit the form and position of the deletion control, for example, it can also be in the form of "×" or the like.

[0140] As shown in interface 400A in Figure 4A, area 402 may also include an "add quick switch" control 402b. Exemplarily, in response to an operation on control 402b, the electronic device may display interface 430 in a half-screen form on interface 400A; wherein, interface 430 includes one or more alternative quick switches. Optionally, an alternative quick switch may be displayed in the control center by dragging the alternative quick switch to area 402. Alternatively, the alternative quick switch may also include a newly added control, and the alternative quick switch may be displayed in the control center by clicking on the newly added control. Alternatively, the alternative quick switch may be displayed in the control center by double-clicking the alternative quick switch. This application does not limit the method of adding new quick switches.

[0141] In addition, in area 402, the display order of the quick switches can also be changed by dragging operations, etc., which will not be described in detail in this application.

[0142] (3) Area 403 is used to edit the smart devices that can be displayed in the control center. The smart devices included in area 403 can be devices that have been added to the control center of the electronic device.

[0143] As shown in interface 400A in FIG4A , each smart device included in area 403 can display a corresponding delete control. For example, in interface 400A, the smart device for the smart desk lamp displays a corresponding delete control 403a. For example, in response to the operation of delete control 403a, the electronic device can place the smart device for the smart desk lamp back into the alternative library, which can also be understood as removing the smart desk lamp from the control center. The specific implementation process can be referred to the processing in area 402, which will not be described in detail here.

[0144] As shown in the interface 400A in FIG4A, the area 403 may also include an "add smart device" control 403b. In response to the operation of the control 403b, the electronic device may display an interface including a library of smart devices in a half-screen form on the interface 400A, which is not shown in FIG4A. In this way, the area 403 may be edited, such as adding a new smart device, through the interface including the library of smart devices. The specific implementation process can be referred to the processing of the area 402, which will not be described in detail.

[0145] (4) Control 404, which can be used to determine the editing result. It should be understood that in actual implementation, this application does not limit the display position and display method of control 404.

[0146] For example, in response to an operation on the control 404 included in the interface 420 , the electronic device may display the edited control center after exiting the editing state based on the preview result in the editing state displayed on the interface 420 .

[0147] In one possible scenario, as shown in FIG4B , the electronic device may display interface 440 in response to the operation of dragging the “eye protection mode” in interface 430 to area 402; wherein, compared with interface 400A, interface 440 has a new shortcut switch for “eye protection mode” in area 402. Optionally, in response to the drag operation, the electronic device may collapse interface 430 by default as shown in FIG4B , or may adjust interface 430 to a smaller size, or may keep displaying interface 430. This application does not limit this. It should be noted that this application does not limit the specific implementation method of adding a new shortcut switch in the control center. For example, it may be a drag operation as shown in FIG4B , or it may be a new shortcut switch added by a click operation, or it may be a new shortcut switch added by a new control corresponding to each shortcut switch.

[0148] In interface 440, the electronic device can respond to an operation on control 404 by displaying interface 450 based on the preview result in the editing state displayed on interface 440; interface 450 is used to display the control center after exiting the editing state. Compared to interface 410 in Figure 4A, interface 450 in Figure 4B has a new shortcut switch for eye protection mode in the quick switch display area.

[0149] In another possible scenario, in interface 460 of Figure 4C, the electronic device may display interface 470 in response to the operation of dragging "Mobile Data" to before "Flashlight"; wherein, compared with interface 460, in interface 470, the positions of "Flashlight" and "Scan" are refreshed due to the repositioning of "Mobile Data".

[0150] In interface 470 , the electronic device may respond to an operation on control 404 and may display interface 480 based on the preview result in the editing state displayed on interface 470 ; wherein interface 480 is used to display the control center after exiting the editing state.

[0151] (5) Control 405 can be used to exit the editing state and return to the original unedited control center. It should be understood that control 405 can be used to indicate that the user has not confirmed the editing results. It should be understood that in actual implementation, this application does not limit the display position and display method of control 405.

[0152] Through the content introduced in Scenario A1, compared with the editing method of the control center in Figure 1, the overall editing of the control center can be realized, the editing preview interface of the control center can be intuitively viewed, and the user's operation complexity can be reduced and the editing flexibility can be improved.

[0153] Scenario A2 and Figure 5 illustrate another editing interface for the control center provided in an embodiment of the present application. Exemplarily, in response to an operation on edit control 102 included in interface 100A, the electronic device displays interface 500, which is an edit preview interface for the control center in the editing state. Unlike area 401 included in interface 400A in Figure 4A, area 501 included in interface 500 also includes an "Add Component Card" control 501a.

[0154] Optionally, in response to an operation on the control 501a in the interface 500, the electronic device may display the interface 510 in a half-screen form on the interface 500. The interface 510 includes one or more alternative component cards, which are component cards that are not displayed in the area 501 but can be provided by the electronic device. For example, they may include a "Hyper Terminal" component card and a "Do Not Disturb Mode" component card. In one possible scenario, the electronic device may display the alternative component card in the control center in response to a click operation on the "Hyper Terminal" component card. In another possible scenario, the electronic device may also display the alternative component card in the control center in response to a drag operation of dragging the "Hyper Terminal" component card to the area 501. In another possible scenario, the electronic device may also display the alternative component card in the control center in response to a click operation on the newly added control 502 corresponding to the "Hyper Terminal" component card. This application does not limit the specific method of adding.

[0155] In addition, after the interface 510 is displayed, the “add component card” may no longer be displayed in the interface 500 .

[0156] Exemplarily, the electronic device displays interface 520 in response to a click operation or a drag operation. Among them, area 501 of interface 520 can also include a "HyperTerminal" component card compared to area 501 of interface 500. In addition, some component cards included in area 501 can also display corresponding deletion controls, such as the "HyperTerminal" component card in interface 520 corresponding to the deletion control 503. It should be understood that the electronic device can also place the "HyperTerminal" component card back into the alternative library in response to the operation of the deletion control 503. Optionally, the area for the media broadcast function, the area for the wireless network, and the area for Bluetooth included in area 501 can still be fixed and uneditable areas; in other words, the component cards added to area 501 through the alternative library are editable. Another option is that each component card included in area 501 is editable, which can also be understood as the user can customize the component card area.

[0157] As described in Scenario A2, compared to Scenario A1, the component card area included in the control center can also be edited, thus meeting user editing needs in more scenarios.

[0158] Scenario A3, Figure 6A is another schematic diagram of an editing interface of the control center provided in an embodiment of the present application. Exemplarily, in response to an operation on the editing control 102 included in interface 100A, the electronic device can also display interface 600 or interface 620. Interface 600 and interface 620 are two different editing preview interfaces when the control center is in the editing state. Unlike interface 500 included in Figure 5, interface 600 can display a half-screen interface 610 by default, and interface 620 can display a half-screen interface 630 by default. Among them, half-screen interface 610 is used to display an alternative library of component cards, and half-screen interface 630 is used to display an alternative library of quick switches. In this way, by displaying the alternative library in the default area, the user can more intuitively edit the control center. It should be understood that the default area can be the first area of ​​the control center, such as area 601 shown in interface 600; or the default area can also be a designated area of ​​the control center, such as area 602 shown in interface 620. In addition, as shown in interface 600 and interface 620, when the alternative library is displayed on the interface, the area associated with the alternative library can also have a preset display effect; wherein, the preset display effect can be, for example, a bold border, a highlighted border, etc., which is not limited in this application.

[0159] Optionally, based on the default display of the half-screen interface, each area may no longer include addition controls for adding alternative component cards, alternative shortcut switches, and alternative smart devices included in the alternative library, for example, the "Add component card" control, the "Add shortcut switch" control, and the "Add smart device" control may no longer be included.

[0160] In one possible scenario, in interface 600, the electronic device can display interface 620 in response to a click operation on area 602. It can also be understood that the electronic device can, in response to the operation, switch from displaying half-screen interface 610 to displaying half-screen interface 630, that is, switch from displaying the candidate library associated with area 601 to displaying the candidate library associated with area 602. It should be understood that the electronic device can also switch to displaying the candidate library associated with other areas in response to the operation, and the specific implementation process will not be repeated.

[0161] In another possible scenario, in interface 620, the electronic device may further display interface 640 in response to a downward pull operation on area 630; wherein, compared to half-screen interface 630 displayed on interface 620, half-screen interface 650 displayed on interface 640 is smaller in size. In this way, the half-screen interface can reduce the obstruction of the edit preview interface of the control center, allowing more edit preview interfaces to be displayed, meeting the needs of more editing scenarios.

[0162] Scene A4 and Figure 6B are another schematic diagram of an editing interface of the control center provided in an embodiment of the present application. The interface 600 included in Figure 6B can refer to the introduction of Figure 6A. In interface 600, the electronic device can also display interface 660 in response to a scrolling operation on the editing preview area. Among them, the scrolling operation can be used to instruct the user to switch to view the display content of the editing preview area, so compared with the half-screen interface 610 displayed on interface 600, the half-screen interface 670 displayed on interface 660 is smaller in size. In addition, compared with interface 600, the content of the editing preview area displayed on interface 660 has moved upward. It should be understood that the range of movement of the editing preview area can be determined according to the scrolling operation.

[0163] In interface 660, the electronic device can continue to respond to the scrolling operation on the edit preview area and switch to display interface 680. Compared with interface 660, the content of the edit preview area displayed in interface 680 has moved upward. In addition, as shown in interface 680, due to the movement of the content, area 601 is no longer displayed in interface 680. At this time, the electronic device detects and responds to this display event and can switch from displaying half-screen interface 670 to displaying half-screen interface 690; wherein, half-screen interface 690 is the alternative library corresponding to area 602. In this way, the alternative library can be displayed in association with the edit preview interface.

[0164] In interface 680, the electronic device can also continue to respond to the scrolling operation on the edit preview area and display interface 6010. Compared with interface 680, the content of the edit preview area displayed in interface 6010 has moved upward. Similar to interface 680, as shown in interface 6010, due to the movement of the content, area 602 is no longer displayed in interface 6010, and area 603 is displayed in the first display position. At this time, the electronic device detects and responds to the display event and can switch from displaying half-screen interface 690 to displaying half-screen interface 6020; wherein, half-screen interface 6020 is the alternative library corresponding to area 603. In this way, the alternative library can be displayed in association with the edit preview interface.

[0165] Through the implementation process of scenario A4, users can more flexibly switch between editing different areas during the editing control center, and can automatically switch to display different alternative libraries as users browse the editing preview interface, which can reduce users' manual switching operations and improve users' editing efficiency.

[0166] In addition, based on the introduction of scenarios A1 to A4 above, considering that a complete editing preview interface including multiple areas of the control center can be displayed, the display order of the multiple areas included in the control center can also be changed. For example, in response to the operation of dragging the display area of ​​the component card below the display area of ​​the quick switch, the electronic device can display the display area of ​​the quick switch in the first area position of the control center and the display area of ​​the component card in the second area position of the control center.

[0167] Scenario B, Figure 7, is a schematic diagram of another editing interface of the control center provided in an embodiment of the present application. Exemplarily, in response to an operation on the editing control 102 included in interface 100A, the electronic device displays interface 700. Interface 700 is the editing preview interface of the control center in the editing state, and a half-screen interface 710 is displayed on interface 700. Unlike the half-screen interface 510 displayed on interface 500 in Figure 5, interface 710 may also include a combination component card 711 and a combination component card 712. Combination component card 711 may be a combination of "Eye Protection Mode," "Darkness Mode," and "Brightness," while combination component card 712 may be a combination of "Scan," "Payment Code," and "Mobile Top-up." Optionally, combination component cards may be clustered by electronic devices based on the same or similar functions. For example, combination component card 711 may include multiple components with display functions, while component card 712 may include multiple components with transaction functions. Alternatively, combination component cards may be generated by the electronic device based on other preset rules, such as user usage frequency. Alternatively, the combination component card can be generated in response to a user operation. For example, when a user drags a component onto another component in a half-screen interface or an edit preview interface, the combination card can be automatically generated. Alternatively, the combination component card can be provided by a third party. This application does not limit the source of the combination component card.

[0168] Optionally, in interface 710, the electronic device displays interface 720 in response to an operation on combination component card 711; the operation may be, for example, a click operation, a drag operation, etc., which is not limited in this application. Compared to interface 700, interface 720 adds combination component card 711 to the edit preview interface of the control center.

[0169] In response to the operation of control 404 on interface 720, the electronic device displays interface 730. Interface 730 is the control center after editing. Compared to interface 100A, interface 730 has a new combination component card. Optionally, considering that the combination component card already includes the "brightness" function, the quick switch display area 702 in interface 730 may no longer display brightness, compared to the quick switch display area 701 shown in interface 100A.

[0170] It should be understood that FIG7 takes the component card area as an example, and the alternative library associated with the quick switch area and the smart device area may also include combined quick switches and combined smart device cards, etc., which will not be described in detail in this application.

[0171] In addition, the contents of the combination component cards, combination shortcut switches, and component smart devices introduced in Scenario B can also be combined with Scenario A1 to Scenario A4, and this application will not go into details about the specific scenarios.

[0172] In Scenario C, based on the introduction to Scenarios A1 through A4 and Scenario B, components, quick switches, and smart devices can be added, deleted, or modified in the edit preview interface. Furthermore, component cards, quick switches, and smart devices can be combined. Therefore, determining the editing layout of the control center is worth considering.

[0173] For example, Figure 8A is a schematic diagram of an adjustment of the editing layout of the control center provided in an embodiment of the present application. As shown in Figure 8A, 810 may include three display contents. Among them, 810 may be, for example, an area of ​​the control center for displaying component cards, and the three display contents may be, for example, component cards for media playback, component cards for wireless networks, and combination component cards; 810 may also be, for example, an area of ​​the control center for displaying shortcut switches, and the three display contents may be, for example, combination shortcut switch 1, combination shortcut switch 2, and combination shortcut switch 3; 810 may be, for example, an area of ​​the control center for displaying smart devices, and the three display contents may be, for example, a card for a Bluetooth headset, a card for a smart desk lamp, and a card for a watch. It should be noted that each display content of the following Figures 8B to 10C may also correspond to an editing area of ​​the control center, which will not be repeated below.

[0174] For example, the electronic device detects operation 1 for adding display content 800A to interface 810. As shown in interface 820, operation 1 is used to instruct to insert display content 800A above display content 3. In response to operation 1, the electronic device displays interface 830. As shown in interface 830, display content 3 moves downward in the vertical direction, and the newly added display content 800A is displayed between display content 2 and display content 3.

[0175] For another example, Figure 8B is another schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application. As shown in Figure 8B, 840 may include three display contents. Exemplarily, the electronic device detects operation 2 of adding display content 800B in interface 840. As shown in interface 850, operation 1 is used to indicate that display content 800B is inserted above display content 2. The electronic device responds to operation 2 and displays interface 860. As shown in interface 860, display content 2 and display content 3 move downward in the vertical direction, and the newly added display content 800B is displayed above display content 2.

[0176] For another example, Figure 9A is another schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application. The interface 910 included in Figure 9A may include 6 display contents; and 910 sets a rule with a limited height of 6 rows. Exemplarily, the electronic device detects operation 3 of adding display content 900A in interface 910. As shown in interface 920, operation 3 is used to indicate that display content 900A is inserted above display content 2. The electronic device displays interface 930 in response to operation 3. As shown in interface 930, since the right column is already full in the row direction, display content 900A cannot occupy the right column display area. At this time, the electronic device can display display content 900A on the nearest idle display area in response to the full event, as shown in interface 930, in the idle display area between display content 1 and display content 5.

[0177] It should be understood that when the electronic device determines the display position of the display content 900A, it can also determine whether the nearest idle display area is greater than or equal to the display area required to display the content 900A. If it cannot be displayed, it can continue to determine the next nearby idle display area.

[0178] In addition, it should be understood that the size of the displayed content can be various sizes such as 1*1, 2*1, 1*2, 2*2, and the electronic device can edit the layout according to the size of the displayed content. For example, the display content 900A shown in the interface 920 is 2*1 in size, so the electronic device needs to determine whether the display content 900A can be squeezed into the two right columns. For another example, when the newly added display content is 1*1 in size and the operation instruction squeezes the rightmost column, the electronic device needs to determine whether the newly added display content can be squeezed into the rightmost column.

[0179] For another example, Figure 9B is another schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application. The interface 940 included in Figure 9B may include three display contents. For example, the electronic device detects operation 4 of adding display content 900B in interface 940. As shown in interface 950, operation 4 is used to indicate the insertion of display content 900B at the position of display content 1. The electronic device responds to operation 4 and displays interface 960. As shown in interface 960, since the top of display content 1 cannot be occupied, display content 900B cannot occupy the display area of ​​display content 1. At this time, the electronic device responds to the event of being unable to occupy and can display display content 900B on the nearest idle display area. As shown in interface 960, display content 900B is displayed in the idle display area below display content 1.

[0180] For another example, FIG10A is another schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application. As shown in FIG10A , 1010 may include 6 display contents divided into 2 columns. Exemplarily, the electronic device detects operation 5 for deleting display content 1 in interface 1010. As shown in interface 1020, operation 5 is used to indicate the deletion of display content 1; for example, the deletion of display content 1 can be achieved by clicking on the delete control. In response to operation 5, the electronic device displays interface 1032; as shown in interface 1032, the display content in the same column in the vertical direction as display content 1 is padded upward, that is, display content 2 and display content 4 are padded upward. Alternatively, the electronic device may also display interface 1031 in response to operation 5; as shown in interface 1031, all display contents included in the interface are padded sequentially, which will cause the display contents to be displayed in different columns, thereby causing a large change to the display content that the user has edited.

[0181] For another example, Figure 10B is a schematic diagram of another adjustment to the editing layout of the control center provided in an embodiment of the present application. As shown in Figure 10B , 1040 may include five display contents. Exemplarily, the electronic device detects operation 6 for deleting display content 1 in interface 1040. As shown in interface 1050, operation 6 indicates the deletion of display content 1; for example, deletion of display content 1 can be achieved by clicking on a delete control. In response to operation 6, the electronic device displays interface 1062. As shown in interface 1062, display content in the same column as display content 1 in the vertical direction can be padded upward. However, since display content 4 has four columns and cannot be displayed in the area corresponding to display content 1, display content 4 can remain unchanged. Alternatively, in response to operation 6, the electronic device may also display interface 1061. As shown in interface 1061, all display content included in the area is padded sequentially. This causes the display content to be displayed in different columns, resulting in a significant change to the display content that the user has already edited.

[0182] For another example, FIG10C is another schematic diagram of adjusting the editing layout of the control center provided in an embodiment of the present application. As shown in FIG10C , 1070 may include 5 display contents. Exemplarily, the electronic device detects operation 7 for deleting display content 3 in interface 1070. As shown in interface 1080, operation 7 is used to indicate the deletion of display content 2; for example, the deletion of display content 2 can be achieved by clicking on the delete control. In response to operation 7, the electronic device displays interface 1092; as shown in interface 1092, the display content in the same column in the longitudinal direction as display content 2 is filled upward, and since the size of display content 5 includes 4 columns, it cannot be displayed through the area corresponding to display content 3, so display content 4 can remain stationary, and display content 5 is also included in the same longitudinal direction as display content 3 and can be displayed, so the display content can be filled in the original display area of ​​display content 3. Alternatively, the electronic device may display interface 1091 in response to operation 7; as shown in interface 1091, all display contents included in the area are sequentially filled in, which may cause the display contents to be displayed in different columns, thereby causing a large change to the display contents that the user has edited.

[0183] In addition, it should be noted that the editing layout method described in Figures 8A to 10C above is not only applicable to the editing scene of the control center, but also to the application display interface including multiple columns. For example, when the electronic device is not interested in a display content displayed in the application interface and needs to delete it, one or more display contents below the display content in the same column can be replaced, while the display content in different columns can remain unchanged, thereby reducing the changes to the display content in the display interface and avoiding affecting the user's viewing experience or usage habits.

[0184] Based on the above description of the interface processing effect that can be achieved by adopting the method provided in the embodiment of the present application, the following introduces the implementation process of the editing method of the control center provided by the present application, so as to illustrate how to adopt the method provided by the present application to achieve the interface processing effect shown in Figures 4A to 10C introduced above, thereby helping to improve the editing flexibility and convenience of the control center.

[0185] Referring to FIG11 , which is a flow chart of a method for editing a control center according to a possible embodiment of the present application, the method can be applied to electronic devices (e.g., mobile phones, PCs, tablet computers, etc.). Taking a mobile phone as an example, the method can include the following process:

[0186] Step 1101: Detect a first operation instruction on an editing control included in the control center interface. For example, the control center interface is interface 100A, the editing control is control 102 included in interface 100A, and the first operation instruction may be a click operation.

[0187] Step 1102. In response to the first operation instruction, display the first editing interface of the control center; wherein, the first editing interface includes a first editing area and a second editing area, the first editing area is used to edit the displayed shortcut switch, and the second editing area is used to edit the displayed smart device.

[0188] Optionally, the first editing interface may also include a component card area. The first editing interface is shown in interface 400A, for example. The first editing area is for example area 402 in interface 400A, the second editing area is for example area 403 in interface 400A, and the third editing area is for example area 401 in interface 400A.

[0189] Alternatively, the first editing interface further includes a third editing area, and the third editing area is used to edit the displayed component card. The first editing interface is shown as interface 500, for example, and the third editing area is area 501 in interface 500.

[0190] By using the method provided in the embodiment of the present application, the complete control center editing preview interface can be displayed. In this way, the editing preview interface can be viewed more intuitively, thereby improving the accuracy of the user's editing of the control center.

[0191] Considering that different display areas of the control center also have corresponding alternative libraries, in the embodiment of the present application, the display of the alternative library can be triggered in a variety of ways, including but not limited to one or a combination of the following ways:

[0192] Method A, triggered by adding controls. As shown in Figure 4A, the add control corresponding to area 402 can be an "add quick switch" control 402b, and the add control corresponding to area 403 can be an "add smart device" control 402b. As shown in Figure 5, the add control corresponding to area 501 can be an "add component card" control 501a. Exemplarily, when the electronic device detects an operation instruction for any add control, in response to the operation instruction, a half-screen interface can be used to display the alternative library of the corresponding area, such as shown in interface 430 in Figure 4A. This method can facilitate the awakening of the alternative library when the user needs it by means of control reminders, and can reduce the obstruction of the editing preview interface when the alternative library is not needed.

[0193] Mode B: Default Display. As shown in FIG6A , in response to an operation instruction on the editing control 102, the electronic device may, while displaying the editing interface of the control center, simultaneously display the alternative library in area 601 or the alternative library in area 602 by default. This allows the user to more intuitively view the alternative component cards, quick switches, and smart devices, facilitating more personalized editing scenarios for the user.

[0194] Method C: Switch the display by following the scrolling of the edit preview interface. For specific implementation details, please refer to the content described in Figure 6B.

[0195] Based on the edit preview interface and the half-screen display of the alternative library interface, the control center can be edited. The editing method may include but is not limited to at least one of the following methods:

[0196] Editing method 1: Adding new content. For example, the electronic device can respond to the user's operation instruction to add new display content from the candidate library to the editing preview interface to add new content in the control center. Please refer to the content described in Figures 4B and 5.

[0197] Optionally, the newly added content may include a single component card, a quick switch, or a smart device, or may include a combination of component cards, quick switches, and smart devices. Please refer to the content described in FIG. 7 .

[0198] Editing method 2: Deleting content. For example, the electronic device can respond to a user's operation instruction to delete displayed content in the editing preview interface by placing the content displayed in the control center into the alternative library, as described in FIG. 4A .

[0199] In one possible scenario, when editing the control center, it is also possible to consider using preset rules for editing. For example, FIG12 is a flow chart of an editing rule provided in an embodiment of the present application, which may include the following steps:

[0200] Step 1201: Detect a new addition operation or a drag operation on the edit preview interface.

[0201] Step 1202: Determine whether there is an idle display area in the squeezing direction. If yes, proceed to step 1203A; if no, proceed to step 1203B.

[0202] Step 1203A: synchronously move the displayed content in the squeezing direction.

[0203] Step 1203B: Display the content to be displayed in the nearest display area among the multiple idle display areas.

[0204] The contents of step 1201 to step 1203B can be found in FIG. 8A to FIG. 9B , and will not be repeated here.

[0205] Editing method 3: changing the display order. For example, the electronic device can adjust the display positions of multiple display contents in the control center in response to a user's operation instruction to change the display position of the content in the editing preview interface. Please refer to the content described in FIG. 4C .

[0206] For another example, FIG13 is another flowchart of an editing rule provided in an embodiment of the present application, which may include the following steps:

[0207] Step 1301: Detect a delete operation on the edit preview interface.

[0208] Step 1302: Determine whether the Y-axis direction can be filled. If so, proceed to step 1303A; if not, proceed to step 1303B.

[0209] Step 1303A: synchronously move the relevant display content in the Y-axis direction.

[0210] Step 1303B: Maintain the display position of the relevant display content.

[0211] The contents of step 1301 to step 1303B can be found in FIG. 10A to FIG. 10C , and will not be repeated here.

[0212] Based on the above embodiments, the present application also provides an electronic device, which includes multiple functional modules; the multiple functional modules interact with each other to implement the functions performed by the electronic device in each method described in the embodiments of the present application. The multiple functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the multiple functional modules can be arbitrarily combined or divided based on the specific implementation. For example, steps 1101 to 1102 performed by the electronic device in the embodiment shown in Figure 11 are executed. Alternatively, steps 1201 to 1203A or step 1203B performed by the electronic device in the embodiment shown in Figure 12 can also be executed.

[0213] Based on the above embodiments, the present application further provides an electronic device, which includes at least one processor and at least one memory, wherein the at least one memory stores computer program instructions, and when the electronic device is running, the at least one processor performs the functions performed by the electronic device in each method described in the embodiments of the present application. For example, steps 1101 to 1102 performed by the electronic device in the embodiment shown in Figure 11 are performed. Alternatively, steps 1201 to 1203A or step 1203B performed by the electronic device in the embodiment shown in Figure 12 may also be performed.

[0214] Based on the above embodiments, the present application also provides a computer program product, which includes: a computer program (also called code, or instructions), which, when executed, enables a computer to execute the methods described in the embodiments of the present application.

[0215] Based on the above embodiments, the present application further provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a computer, the computer executes the methods described in the embodiments of the present application.

[0216] Based on the above embodiments, the present application further provides a chip, which is used to read a computer program stored in a memory to implement the various methods described in the embodiments of the present application.

[0217] Based on the above embodiments, the present application provides a chip system, which includes a processor for supporting a computer device to implement the various methods described in the embodiments of the present application. In one possible design, the chip system also includes a memory, which is used to store the necessary programs and data for the computer device. The chip system can be composed of a chip, or it can include a chip and other discrete devices. It should be understood by those skilled in the art that the embodiments of the present application can be provided as a method, system, or computer program product. Therefore, the present application can take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, the present application can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0218] The present application is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the present application. It should be understood that each flow and / or box in the flow chart and / or block diagram, as well as the combination of the flow chart and / or box in the flow chart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device produce a device for implementing the functions specified in one or more flow charts and / or one or more boxes in the block diagram.

[0219] These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce a product including an instruction device that implements the functions specified in one or more processes in the flowchart and / or one or more boxes in the block diagram.

[0220] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, so that the instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one or more processes in the flowchart and / or one or more boxes in the block diagram.

[0221] Obviously, those skilled in the art may make various modifications and variations to this application without departing from the scope of protection of this application. Thus, if these modifications and variations of this application fall within the scope of the claims of this application and their equivalents, this application is intended to include these modifications and variations.

Claims

1. An editing method for a control center, characterized in that Applied to an electronic device, including: Detecting a first operation instruction for an editing control included in the control center interface; In response to the first operation instruction, displaying a first editing interface of the control center; wherein, the first editing interface includes a first editing area and a second editing area, the first editing area is used for editing the displayed quick switches, and the second editing area is used for editing the displayed smart devices.

2. The method according to claim 1, wherein The first editing interface further includes a first half-screen state interface, and the first half-screen state interface includes at least one of at least one alternative quick switch and at least one alternative combined quick switch, and the alternative quick switch and the alternative combined quick switch are not displayed in the control center interface.

3. The method according to claim 2, characterized in that, The method further includes: In response to a sliding operation on the first editing interface, when the first editing area is displayed in the first display area of the first editing interface, displaying a first half-screen state interface, and the first half-screen state interface includes at least one of at least one alternative quick switch and at least one alternative combined quick switch, and the alternative quick switch and the alternative combined quick switch are not displayed in the control center interface.

4. The method according to any one of claims 1 to 3, characterized in that The first editing area further includes a first addition control, and the method further includes: In response to a second operation instruction for the first addition control, displaying a first half-screen state interface on the first editing interface, and the first half-screen state interface includes at least one of at least one alternative quick switch and at least one alternative combined quick switch, and the alternative quick switch and the alternative combined quick switch are not displayed in the control center interface.

5. The method according to any one of claims 2 to 4, characterized in that The method further includes: In response to an addition operation instruction for a first alternative quick switch or a first alternative combined quick switch included in the first half-screen state interface, displaying a second editing interface; wherein, the addition operation instruction is used to indicate adding the first alternative quick switch or the first alternative combined quick switch to the first editing area, and the first editing area included in the second editing interface includes the first alternative quick switch or the first alternative combined quick switch.

6. The method according to any one of claims 2 to 5, characterized in that The method further includes: In response to a deletion operation instruction for a first quick switch or a first combined quick switch included in the first editing interface, displaying a third editing interface, and displaying the first quick switch or the first combined quick switch in the first half-screen state interface; wherein, the first quick switch or the first combined quick switch is no longer displayed in the third editing interface.

7. The method according to any one of claims 1 to 6, characterized in that, The method further includes: In response to a sliding operation on the first editing interface, when the second editing area is displayed in the first display area of the first editing interface, displaying a second half-screen state interface, and the second half-screen state interface includes at least one of at least one alternative smart device and at least one alternative combined smart device, and the alternative smart device and the alternative combined smart device are not displayed in the control center interface.

8. The method according to any one of claims 1 to 7, characterized in that The second editing area further includes a second addition control, and the method further includes: In response to a third operation instruction for the second addition control, a second half-screen state interface is displayed on the first editing interface, and the second half-screen state interface includes at least one of at least one alternative intelligent device and at least one alternative combined intelligent device, where the alternative intelligent device and the alternative combined intelligent device are not displayed in the control center interface.

9. The method according to claim 7 or 8, characterized in that The method further includes: In response to an addition operation instruction for a first alternative intelligent device or a first alternative combined intelligent device included in the second half-screen state interface, a fourth editing interface is displayed; wherein, the addition operation instruction is used to indicate adding the first alternative intelligent device or the first alternative combined intelligent device to the second editing area, and the second editing area included in the fourth editing interface includes the first alternative intelligent device or the first alternative combined intelligent device.

10. The method according to any one of claims 7 to 9, characterized in that The method further includes: In response to a deletion operation instruction for a first intelligent device or a first combined intelligent device included in the first editing interface, a fifth editing interface is displayed, and the first intelligent device or the first combined intelligent device is displayed in the second half-screen state interface; wherein, the first intelligent device or the first combined intelligent device is no longer displayed in the fifth editing interface.

11. The method according to any one of claims 1 to 10, characterized in that, The first editing interface further includes a third editing area for editing the displayed component card.

12. The method according to claim 11, wherein The method further includes: In response to a sliding operation on the first editing interface, when the third editing area is displayed in the first display area of the first editing interface, a third half-screen state interface is displayed, and the third half-screen state interface includes at least one of at least one alternative component card and at least one alternative combined component card, where the alternative component card and the alternative combined component card are not displayed in the control center interface.

13. The method according to claim 11 or 12, characterized in that, The third editing area further includes a third addition control, and the method further includes: In response to a fourth operation instruction for the third addition control, a third half-screen state interface is displayed on the first editing interface, and the third half-screen state interface includes at least one of at least one alternative component card and at least one alternative combined component card, where the alternative component card and the alternative combined component card are not displayed in the control center interface.

14. The method according to claim 12 or 13, characterized in that The method further includes: In response to an addition operation instruction for a first alternative component card or a first alternative combined component card included in the third half-screen state interface, a sixth editing interface is displayed; wherein, the addition operation instruction is used to indicate adding the first alternative component card or the first alternative combined component card to the third editing area, and the third editing area included in the sixth editing interface includes the first alternative component card or the first alternative combined component card.

15. The method according to any one of claims 12 to 14, characterized in that, The method further includes: In response to a deletion operation instruction for the first component card or the first combined component card included in the first editing interface, display a seventh editing interface, and display the first component card or the first combined component card in the third half-screen state interface; wherein, the seventh editing interface no longer displays the first component card or the first combined component card.

16. The method according to any one of claims 1 to 15, characterized in that, The method further includes: In response to a fifth operation instruction in the first editing interface, display an eighth editing interface; wherein, the fifth operation instruction is used to indicate that a first display object is to be displayed at a first display position, and the display positions of M display objects included in the eighth editing interface are different from the display positions in the first editing interface, and the M display objects are determined according to the original display position and the first display position of the first display object; The first display object includes: a second quick switch or a second alternative quick switch, or a second combined quick switch or a second alternative quick switch, or a second smart device or a second alternative smart device, or a second combined smart device or a second alternative combined smart device; M is a positive integer.

17. The method according to claim 16, wherein The M display objects are display objects located in the same column as the first display position.

18. The method according to any one of claims 1 to 17, characterized in that, The method further includes: In response to a sixth operation instruction in the first editing interface, display a ninth editing interface; wherein, the fifth operation instruction is used to indicate that a second display object is to be displayed at a second display position, and in the ninth editing interface, the second display object is displayed at a third display position; the second display object cannot be displayed at the second display position; The second display object includes: a third quick switch or a third alternative quick switch, or a third combined quick switch or a third alternative quick switch, or a third smart device or a third alternative smart device, or a third combined smart device or a third alternative combined smart device.

19. The method according to claim 18, wherein There is no idle display area in the column where the second display position is located.

20. The method according to claim 18 or 19, characterized in that, The third display position is the display position closest to the second display position among multiple idle display areas.

21. The method according to any one of claims 1 to 20, characterized in that, The method further includes: In response to a deletion operation instruction for a third display object included in the first editing interface, display a tenth editing interface; the display positions of N display objects included in the tenth editing interface are different from the display positions in the first editing interface, and the N display objects are display objects located in the same column as the third display object and below the display position; the number of columns where the N display objects are located is less than or equal to the number of columns where the third display object is located; The third display object includes: a fourth quick switch or a fourth alternative quick switch, or a fourth combined quick switch or a fourth alternative quick switch, or a fourth smart device or a fourth alternative smart device, or a fourth combined smart device or a fourth alternative combined smart device; N is a positive integer.

22. An editing method for a control center, characterized in that Applied to an electronic device, it includes: Detect a first operation instruction for an editing control included in the control center interface; In response to the first operation instruction, display a first editing interface of the control center; wherein, the first editing interface includes a first editing area, a second editing area, and a third editing area, the first editing area is used to edit the displayed quick switches, the second editing area is used to edit the displayed smart devices, and the third editing area is used to edit the displayed component cards; Wherein, the first editing interface further includes a first half-screen state interface or a third half-screen state interface; the first half-screen state interface includes at least one of at least one alternative quick switch and at least one alternative combined quick switch, and the alternative quick switch and the alternative combined quick switch are not displayed in the control center interface; the third half-screen state interface includes at least one of at least one alternative component card and at least one alternative combined component card, and the alternative component card and the alternative combined component card are not displayed in the control center interface.

23. The method according to claim 22, wherein The third editing area is displayed above the first editing area, and the first editing area is displayed above the second editing area. The method further includes: In response to a sliding operation on the first editing interface, when it is detected that the third editing area is no longer displayed on the first editing interface, display the first half-screen state interface; When it is detected that the first editing area is no longer displayed on the first editing interface, display a second half-screen state interface; the second half-screen state interface includes at least one of at least one alternative smart device and at least one alternative combined smart device, and the alternative smart device and the alternative combined smart device are not displayed in the control center interface.

24. An electronic device, characterized in that, Comprising at least one processor, the at least one processor is coupled to at least one memory, and the at least one processor is configured to read the computer program stored in the at least one memory to execute the method according to any one of claims 1 to 21, or execute the method according to claim 22 or 23.

25. A computer-readable storage medium, characterized in that, Instructions are stored in the computer-readable storage medium, and when it runs on a computer, the computer is caused to execute the method according to any one of claims 1 to 21, or execute the method according to claim 22 or 23.

26. A computer program product comprising instructions, characterized in that, When the computer program product runs on a computer, the computer is caused to execute the method according to any one of claims 1 to 21, or execute the method according to claim 22 or 23.

Images