Display method and electronic equipment

Abstract

The embodiment of the invention relates to the technical field of terminals, in particular to a display method and electronic equipment, which can display a card used for displaying system information on a control center interface and help a user check the system information conveniently and quickly. The method comprises the following steps: displaying a control center interface; in response to a first operation on the control center interface, a first window is displayed, and the first window comprises a first card used for displaying system information; and displaying the first card on the control center interface in response to a second operation for the first card in the first window.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to a display method and an electronic device. Background Technology

[0002] System information from electronic devices can be used to indicate the system's operating status, the usage of software or hardware resources, and so on. For example, system information may include: hardware usage information such as storage space, display screen, and battery usage; service usage information such as data usage under a contract with a carrier; and system status information. Typically, users need to operate the electronic device to display the corresponding interface to view system information, which is cumbersome and inconvenient. Summary of the Invention

[0003] This application provides a display method and an electronic device that can display cards for displaying system information on a control center interface, helping users to conveniently and quickly view system information.

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

[0005] In a first aspect, a display method is provided for use in an electronic device. The method includes: displaying a control center interface; responding to a first operation on the control center interface, displaying a first window, the first window including a first card for displaying system information; and responding to a second operation on the first card in the first window, displaying the first card on the control center interface.

[0006] In this application, the electronic device can respond to a user's first operation on the control center interface by displaying a first window. The first window includes a first card for displaying information. The user can select the first card as needed, and the electronic device can respond to a second operation by the user on the first card in the first window by displaying the second card on the control center interface. This allows the user to view system information conveniently and quickly on the control center interface.

[0007] In another possible implementation of the first aspect, the control center interface includes a first control used to trigger the electronic device to display an editable item list; the editable item list includes a first option used to trigger the electronic device to display a first window; the first operation includes an operation on the first control and an operation on the first option. This implementation provides a possible way to trigger the display of a first window on a mobile phone.

[0008] In another possible implementation of the first aspect, in response to a first operation on the control center interface, a first window is displayed on the editing interface; the editing interface includes a second card that can be edited; the first card displayed on the control center interface is associated with the second card. The association may include the first card being displayed at a display position on the control center interface for displaying the second card, and the first and second cards being stacked.

[0009] In another possible implementation of the first aspect, in response to the first operation on the control center interface, a first window is displayed on the control center interface.

[0010] In another possible implementation of the first aspect, the control center interface includes a first control used to trigger the electronic device to display an editable item list; the editable item list includes a first option used to trigger the electronic device to display an editing interface, the editing interface including a second card that can be edited; the first operation includes an operation on the first control, an operation on the first option, and an operation on the second card. This implementation provides another possible way to trigger the display of a first window on a mobile phone.

[0011] In another possible implementation of the first aspect, the first window includes a second control for closing the first window; the second operation on the first card includes an operation on the first card and an operation on the second control. This implementation provides one possible implementation of the second operation.

[0012] In another possible implementation of the first aspect, the control center interface includes a second card before displaying the first window in response to a first operation on the control center interface; in response to a second operation on the first card in the first window, the first card is displayed on the control center interface, and the second card is not displayed. The electronic device can use the first card to replace the second card displayed on the control center interface.

[0013] In another possible implementation of the first aspect, before displaying the first window in response to a first operation on the control center interface, the control center interface includes a second card; in response to a second operation on the first card in the first window, a card stack is displayed on the control center interface, the card stack being formed by stacking the second card and the first card, wherein the number of the first card is one or more. The electronic device can stack the first card and the second card to form a card stack and display the card stack on the control center interface. This saves display area on the control center interface and allows for the display of more cards.

[0014] In another possible implementation of the first aspect, the operation on the first card includes any one of dragging the first card, clicking the first card, or operating the fourth control corresponding to the first card.

[0015] In another possible implementation of the first aspect, the method further includes: receiving a user's switching operation on the topmost displayed card in the card stack; and switching the topmost card in the card stack in response to the switching operation.

[0016] In another possible implementation of the first aspect, the method further includes: displaying a bounding box in response to a third operation on the control center interface; and displaying the first card on the desktop of the electronic device in response to dragging the first card to the bounding box.

[0017] In another possible implementation of the first aspect, the control center interface includes a first control for triggering the electronic device to display an editable item list; the editable item list includes a first option for triggering the electronic device to display an editing interface; the editing interface includes a first card; and the third operation includes operations on the first control, operations on the first option, and operations on the first card.

[0018] In another possible implementation of the first aspect, the system information includes one or more of the following: storage space, display and battery usage information, traffic usage information, and system status information.

[0019] In another possible implementation of the first aspect, the method further includes: in response to a fourth operation on the control center interface, swapping the display positions of the third and fourth cards in the control center interface.

[0020] In another possible implementation of the first aspect, the control center interface includes a first control for triggering the electronic device to display an editable item list; the editable item list includes a first option for triggering the electronic device to display an editing interface, the editing interface including a third card and a fourth card, and a third operation including an operation on the first control, an operation on the first option, and an operation to swap the display positions of the third card and the fourth card. The operation to swap the display positions of the third card and the fourth card includes dragging the third card onto the fourth card, and dragging the fourth card onto the third card.

[0021] In another possible implementation of the first aspect, the control center interface also displays device cards, and the method further includes: in response to a fifth operation on the control center interface, displaying a second window that includes the first device card. This first device card is different from the device card displayed on the control center interface. In response to a fifth operation on the first device card in the second window, the first device card is displayed on the control center interface. Thus, the user can add device cards to the control center interface as needed.

[0022] In another possible implementation of the first aspect, the control center interface includes a first control for triggering the electronic device to display an editable item list; the editable item list includes a second option for triggering the electronic device to display a second window; the first operation includes an operation on the first control and an operation on the second option.

[0023] In another possible implementation of the first aspect, the second window includes a fifth control for closing the second window; the sixth operation on the first device card includes operations on the first device card and operations on the second control. The operation on the first device card can be an operation on adding a control corresponding to the first device card, such as a click operation.

[0024] In a second aspect, an electronic device is provided, comprising: a memory, a wireless communication module, and one or more processors; the wireless communication module receives and transmits data according to the control of the processor to realize communication between the electronic device and other electronic devices; the memory is coupled to the processor; wherein the memory is used to store computer program code, the computer program code including computer instructions; when the computer instructions are executed by the processor, the electronic device performs the method as described in any of the first aspects.

[0025] Thirdly, a chip system is provided that can be applied to an electronic device including memory. The chip system includes one or more interface circuits and one or more processors. The interface circuits and processors are interconnected via lines. The interface circuits are used to receive signals from the aforementioned memory and send the signals to the processors, the signals including computer instructions stored in the memory. When the processor executes the computer instructions, the electronic device performs a method as described in the first aspect and any of its possible design embodiments.

[0026] Fourthly, a computer-readable storage medium is provided, including computer instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any of the first aspects.

[0027] Fifthly, a computer program product comprising a computer program / instructions that, when executed by a processor, implement the steps of any of the methods in the first aspect.

[0028] In understanding, the beneficial effects that can be achieved by the electronic device of any possible design of the second aspect, the chip system of the third aspect, the computer-readable storage medium of the fourth aspect, and the computer program product of the fifth aspect can be referred to as the beneficial effects of the first aspect and any possible design, which will not be repeated here. Attached Figure Description

[0029] Figure 1A schematic diagram of the interface of a control center provided in an embodiment of this application;

[0030] Figure 2 This is a schematic diagram of an interface for viewing data usage information.

[0031] Figure 3 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

[0032] Figure 4 A schematic diagram of the software architecture of an electronic device provided in an embodiment of this application;

[0033] Figure 5 A schematic flowchart illustrating a display method provided in an embodiment of this application;

[0034] Figure 6 A schematic diagram illustrating how to trigger the display of an editing interface on an electronic device, as provided in an embodiment of this application;

[0035] Figure 7 A schematic diagram of an editing interface provided for an embodiment of this application;

[0036] Figure 8 A schematic diagram illustrating a triggering electronic device displaying an editing interface including a first window, provided in an embodiment of this application;

[0037] Figure 9 A schematic diagram of a first card provided for an embodiment of this application;

[0038] Figure 10 A schematic diagram illustrating a method for switching a first card displayed in a first window, provided as an embodiment of this application;

[0039] Figure 11a A schematic diagram illustrating the display of a first card on a control center interface, provided as an embodiment of this application;

[0040] Figure 11b A schematic diagram illustrating the stacking and display of a first card on a control center interface, provided as an embodiment of this application;

[0041] Figure 12a Another schematic diagram illustrating the display of the first card on the control center interface, provided as an embodiment of this application;

[0042] Figure 12b Another schematic diagram showing the stacked display of the first cards on the control center interface, provided for an embodiment of this application;

[0043] Figure 13 A schematic diagram illustrating the replacement of a second card with a first card, provided as an embodiment of this application;

[0044] Figure 14A schematic diagram illustrating another method of replacing a second card with a first card, provided as an embodiment of this application;

[0045] Figure 15 A schematic diagram illustrating the modification of the first card in the control center interface, provided in an embodiment of this application;

[0046] Figure 16 A schematic diagram illustrating the stacking of a first card and a second card in a control center interface, provided as an embodiment of this application;

[0047] Figure 17 Another schematic diagram showing the stacking of a first card and a second card in a control center interface, provided for an embodiment of this application;

[0048] Figure 18 Another schematic diagram showing the stacking of a first card and a second card in a control center interface, provided for an embodiment of this application;

[0049] Figure 19 Another schematic diagram showing the stacking of a first card and a second card in a control center interface, provided for an embodiment of this application;

[0050] Figure 20 A schematic diagram illustrating a method for switching the top layer card of a card stack, as provided in an embodiment of this application;

[0051] Figure 21 A schematic diagram illustrating the modification of cards in a card stack, provided as an embodiment of this application;

[0052] Figure 22a A schematic diagram illustrating the display of a first card on a desktop, provided as an embodiment of this application;

[0053] Figure 22b Another schematic diagram illustrating the display of the first card on a desktop, provided as an embodiment of this application;

[0054] Figure 22c Another schematic diagram illustrating the display of the first card on a desktop, provided as an embodiment of this application;

[0055] Figure 22d Another schematic diagram illustrating the display of the first card on a desktop, provided as an embodiment of this application;

[0056] Figure 22e A schematic diagram illustrating how the first card will not be displayed on the control center interface, as provided in this application embodiment;

[0057] Figure 23 A schematic diagram illustrating the display position of cards on a switching control center interface provided in an embodiment of this application;

[0058] Figure 24A schematic diagram illustrating the display of device cards and scene cards on a control center interface, as provided in this application embodiment;

[0059] Figure 25a A schematic diagram illustrating a modification of the device cards displayed on the control center interface, provided as an embodiment of this application;

[0060] Figure 25b A schematic diagram illustrating another modification to the device cards displayed on the control center interface provided in this application embodiment;

[0061] Figure 26 A schematic diagram illustrating another modification to the device cards displayed on the control center interface provided in this application embodiment;

[0062] Figure 27 A schematic diagram of a display switch editing interface provided in an embodiment of this application;

[0063] Figure 28 This is a schematic diagram of a display control center interface provided in an embodiment of this application. Detailed Implementation

[0064] Electronic devices typically display switches for turning functions on or off, brightness adjustment switches for the display screen, volume adjustment switches for the speaker, and multimedia control cards through a control center interface. In some embodiments, the electronic device may display switches with the same function or type in the form of cards on the control center interface. That is, the electronic device displays switches with the same function or type in one card. For example, the switch for enabling the wireless communication function of the electronic device may be displayed in one card, such as the switch for enabling Bluetooth and the switch for enabling Wi-Fi. Another example is that the electronic device may display the brightness adjustment switch for the display screen and the volume adjustment switch for the speaker in one card.

[0065] The control center can also display suggestion cards, which include switches determined by the electronic device based on the user's usage habits and / or the current usage scenario of the electronic device. The current usage scenario includes the current usage time and / or the current usage location. For example, if a user typically activates airplane mode near building A for commuting, the electronic device will display the switch for that location on the suggestion card when it detects the user is near building A. Similarly, if a user typically activates airplane mode at 10 PM, the electronic device will display the switch for activating airplane mode on the suggestion card between 9 PM and 10 PM.

[0066] The following uses a mobile phone as an example to introduce a display method provided by an embodiment of this application.

[0067] like Figure 1 As shown, the phone's control center interface can be divided into areas 1-3. Area 1 displays cards, such as cards 1-4. Card 1 includes switches for enabling Wi-Fi and Bluetooth. Card 2 is the suggestion card mentioned earlier, which could be named, for example, "YOYO Suggestion Card". Card 3 includes controls for multimedia playback and related multimedia information. Card 4 includes switches for adjusting screen brightness and speaker volume. In some other embodiments, the screen brightness and speaker volume switches may also be displayed using different cards. Area 2 displays switches other than those shown in cards 1 and 2. Examples include switches for enabling mobile data, muting, screen rotation, and hotspot functionality. Area 3 displays cards corresponding to device collaboration applications, such as card 5.

[0068] Users can easily control their phones through the control center interface, such as turning phone functions on and off, controlling screen brightness, controlling speaker volume, and enabling device collaboration.

[0069] Understandable Figure 1 The area divisions and cards shown are just an example; actual implementations may include more. Figure 1 The number of cards shown may be more or less, the area division method may be different, and the type and arrangement of cards may also be different. This application embodiment does not impose specific limitations on this.

[0070] In some scenarios, users also pay attention to their phone's system information. System information includes resource usage such as storage space, display, and battery information. It also includes information about services contracted with the carrier, such as data usage and system status information.

[0071] The information includes: storage space usage information (total storage space, used storage space, and available storage space); battery usage information (remaining battery percentage, estimated remaining time); display usage information (screen time used, increase or decrease in today's usage compared to yesterday, and application interface display time); data usage information (total data usage under contract with the carrier, today's used data usage, and remaining data usage); and system status information (the amount of storage space occupied by cleanable files and the system status score). The system status information can be generated by applications installed on the phone for managing the phone, such as system manager or phone manager applications.

[0072] Currently, viewing the aforementioned system information is rather cumbersome, requiring users to repeatedly trigger their electronic devices to display the corresponding interface. For example, consider a user wanting to view data usage information. Figure 2 This illustrates how users typically view data usage information using conventional technologies. For example... Figure 2 As shown, the phone displays the main interface, which includes an icon for the settings application. In response to the user's interaction with the settings application icon, the phone displays interface 2a. Interface 2a displays a list of settings items, including multiple settings controls. Among these controls is a "Mobile Network" setting. In response to the user's interaction with this setting, the phone displays interface 2b. Interface 2b displays multiple mobile network-related settings, including a "Data Usage" setting. In response to the user's interaction with this setting, the phone displays interface 2c. Interface 2c displays data usage information. It can be seen that the user needs to interact with the phone at least three times to view data usage information, which is cumbersome and time-consuming.

[0073] Therefore, this application provides a display method applied to an electronic device. This method enables the display of system information, such as displaying cards containing system information, on the control center interface of the electronic device, allowing users to conveniently view system information in the control center.

[0074] The method provided in this application can be applied to electronic devices with data processing capabilities. Electronic devices may include mobile phones, tablets, laptops, personal computers (PCs), ultra-mobile personal computers (UMPCs), handheld computers, netbooks, smart home devices (e.g., smart TVs, smart screens, large screens, smart speakers, smart air conditioners, etc.), personal digital assistants (PDAs), wearable devices (e.g., smartwatches, smart bracelets, etc.), in-vehicle devices, virtual reality devices, etc., and this application does not impose any limitations on these. In this application embodiment, the aforementioned electronic device is an electronic device capable of running an operating system and installing applications. Optionally, the operating system running on the electronic device may be... system, system, Systems, etc.

[0075] Take a mobile phone as an example. Figure 3As shown, the electronic device 300 may include: a processor 310, a memory 320, a universal serial bus (USB) interface 330, a power management module 340, antennas such as antenna 1 and antenna 2, a communication module 350, a display screen 360, an audio module 370, a camera 380, a sensor module 390, etc.

[0076] Processor 310 may include one or more processing units, such as application processors (APs), modem processors, graphics processing units (GPUs), image signal processors (ISPs), controllers, memory, video codecs, digital signal processors (DSPs), baseband processors, and / or neural network processing units (NPUs). Different processing units may be independent devices or integrated into one or more processors. The controller may serve as the central nervous system and command center of the electronic device 300. The controller can generate operation control signals based on instruction opcodes and timing signals to control instruction fetching and execution.

[0077] The memory 320 can be used to store computer executable program code, which includes instructions. The processor 310 executes various functional applications and data processing of the electronic device by running the instructions stored in the memory 320. The memory 320 may include a program storage area and a data storage area. The program storage area may store the operating system and at least one application program required for a function (such as sound playback, interface display, etc.). The data storage area may store data created during the use of the electronic device (such as notification messages). Furthermore, the memory 320 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0078] The power management module 340 is used to connect the battery to the processor 310. The power management module 340 receives battery and / or power input to power the processor 310, memory 320, communication module 350, display screen 360, and camera 380, etc. The power management module 340 can also be used to monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage current, impedance). In some other embodiments, the power management module 340 may also be located within the processor 310.

[0079] The communication module 350 can provide wireless communication solutions for use on the electronic device 300, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR). The communication module 350 can be one or more devices integrating at least one communication processing module. The communication module 350 receives electromagnetic waves via an antenna, performs frequency modulation and filtering of the electromagnetic wave signal, and sends the processed signal to the processor 310. The communication module 350 can also receive signals to be transmitted from the processor 310, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via the antenna. In this embodiment, the wireless communication module 350 can establish one or more connections, including Wi-Fi, Bluetooth, and Wi-Fi peer-to-peer (P2P) connections, with other electronic devices. The wireless communication module 350 can also send signals to electronic devices with established connections.

[0080] In some embodiments, the antenna of the electronic device 300 is coupled to the communication module 350, enabling the electronic device 300 to communicate with networks and other devices via wireless communication technologies. The wireless communication technologies may include Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, Global Navigation Satellite System (GNSS), WLAN, NFC, FM, and / or IR technologies. The GNSS may include Global Positioning System (GPS), BeiDou Navigation Satellite System (BDS), GLONASS, and / or Galileo.

[0081] Electronic device 300 implements display functions through a GPU, display screen 360, and application processor. The GPU is a microprocessor for image processing, connecting the display screen 360 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 310 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0082] The display screen 360 is used to display images, videos, etc. The display screen 360 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Mini-LED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc.

[0083] Electronic device 300 can achieve shooting function through ISP, camera 380, video codec, GPU, display 360 and application processor.

[0084] The audio module 370 is used to convert digital audio information into analog audio signal output, and also to convert analog audio input into digital audio signal. The audio module 370 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 370 may be located in the processor 310, or some functional modules of the audio module 370 may be located in the processor 310.

[0085] The camera 380 is used to capture still images or videos. An object passes through the lens, generating an optical image that is projected onto a photosensitive element. This photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then passed to an ISP (Image Signal Processor) for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP (Digital Signal Processor) for further processing. The DSP converts the digital image signal into standard image signals in formats such as RGB and YUV.

[0086] The sensor module 390 may include pressure sensors, gyroscope sensors, barometric pressure sensors, magnetic sensors, accelerometers, distance sensors, proximity sensors, fingerprint sensors, temperature sensors, touch sensors, ambient light sensors, and bone conduction sensors, etc.

[0087] It is understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 300. In other embodiments, the electronic device 300 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0088] Taking the aforementioned electronic device 300 as an example, which is a mobile phone, the software system of the electronic device 300 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses a layered architecture... Taking the system as an example, the software structure of electronic device 300 is illustrated.

[0089] Figure 4 This is a software structure block diagram of the electronic device 300 according to an embodiment of this application.

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

[0091] The application layer can include a series of application packages. These application packages may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS. The application framework layer provides application programming interfaces (APIs) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions. For example... Figure 4 As shown, the application framework layer may include an input system and a control center.

[0092] The input system monitors user interactions with the touchscreen of the electronic device 300 and converts the parameters input by the touchscreen driver into usable events, which are then passed to the relevant upper-level modules. For example, the input system monitors the touchscreen of the electronic device 300 via the touchscreen driver and converts the touch parameters generated by the user's touch operations into usable events, which are then passed to the control center. The control center then triggers the display screen to show the corresponding image based on the user's actions.

[0093] The system libraries include the core libraries and the virtual machine. The Android Runtime is responsible for the scheduling and management of the Android system.

[0094] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0095] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

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

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

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

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

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

[0101] The kernel layer is the layer between hardware and software. The kernel layer can contain touchscreen drivers, display drivers, audio drivers, sensor drivers, etc.

[0102] The following describes a display method and electronic device provided by the present application in conjunction with specific embodiments and accompanying drawings. The electronic device is a mobile phone as an example.

[0103] Figure 5 This is a flowchart illustrating a display method provided in an embodiment of this application, which includes steps S501-S503.

[0104] S501 displays the control center interface.

[0105] In response to a user's action, the phone displays a control center interface. This action could be, for example, a swipe down on the phone's screen. The control center interface may include a first area, such as area 1, which may display at least one card, such as... Figure 1 Cards 1-4.

[0106] S502, in response to the first operation on the control center interface, displays the first window.

[0107] The first window is used to display a first card, which displays system information. The first card will be described in detail below and will not be repeated here. In some embodiments, in response to a user's first operation, the phone can display the first window in the control center interface. In other embodiments, in response to a user's first operation, the phone displays the first window in an editing interface. The editing interface includes a second card that is allowed to be edited, and the first card displayed in the control center is associated with the second card. This association can be understood as displaying the second card in the display area of ​​the control center interface used to display the first card, or stacking the first card and the second card in the display area of ​​the control center interface used to display the first card.

[0108] The first window can be displayed as a pop-up or a floating window. The following explanation uses the example of displaying the first window in the editing interface, specifically as the first pop-up. The first operation can be implemented in several ways, which will be described in different cases below.

[0109] Method 1: In response to user action 1 in the control center interface, the phone displays the editing interface. In response to user action 2 in the editing interface, the phone displays the first pop-up window in the editing interface.

[0110] Operation 1 can include operation a and operation b. Operation a can be, for example, a user's action on the first control in the control center interface, such as control 1, such as a click. Control 1 can be displayed anywhere on the control center interface. Optionally, for aesthetic purposes and visibility, control 1 can be displayed at the top of the control center interface. If the top of the control center interface also includes the interface name, such as "Control Center," control 1 can be displayed flush with the interface name. Control 1 is used to trigger the phone to display an editable item list. This editable item list includes multiple editable items, such as edit switches, edit cards, hide trust rings, edit smart devices, and edit smart scenes. The function and corresponding editing methods of each editable item will be described in detail below, and will not be elaborated here. Operation b can be, for example, an action on the first option in the editable item list, such as "edit card," such as a click. The first option is used to trigger the phone to display the editing interface. For example, let's take a click operation as an example. Figure 6 As shown, the mobile phone displays a control center interface 601. The control center interface 601 includes control 602, also known as control 1. In response to the user clicking control 602, the mobile phone displays an editable item list 603. In response to the user clicking the "Edit Card" option in the editable item list 603, the mobile phone displays an editing interface.

[0111] The editing interface is used to preview the cards displayed in the control center interface. In some embodiments, if the control center interface includes editable cards (hereinafter referred to as second cards), these cards can be highlighted in the editing interface; that is, the editing interface includes editable second cards. Editable cards may be cards that can be replaced or stacked. At least one card displayed in the control center interface is a second card. The number of second cards can be an integer greater than or equal to one.

[0112] Please refer to Figure 7 , Figure 7 Therefore, the control center interface includes, for example Figure 1 The following example illustrates cards 1-4. Editing interfaces 701 and 702 are two different examples used to preview cards displayed in the control center interface. When the control center interface includes a second card, the phone can blur or gray out the interface image other than the second card in the editing interface, thus indicating to the user that the unblurred or ungrayed cards are those that can be edited, as shown in the example editing interface. Figure 7 As shown in interface 701, card 2 is an editable card, while cards 1, 3, and 4 are not. Therefore, all images in interface 701 except for card 2 are grayed out. When the control center interface includes multiple second cards, to clearly distinguish the second cards, a control 2 can be displayed for each second card, indicating that the card is editable. For example, control 2 can be displayed at any position—the upper left, upper right, lower left, or lower right corner of the second card. For example, the editing interface can be as follows... Figure 7 As shown in interface 702, cards 1 and 2 are editable second cards, and control 2 is displayed in the upper right corner of cards 1 and 2. Cards 3 and 4 are not editable second cards, and control 2 is not displayed in the upper right corner of cards 3 and 4.

[0113] Operation 2 is used to trigger the phone to display the first pop-up window in the editing interface. If the second card includes the corresponding control 2, operation 2 can be a user action on the control 2 corresponding to the second card, such as a click. That is, control 2 can not only prompt the user that the corresponding card is editable, but also trigger the phone to display the first pop-up window in the editing interface. If the second card does not include control 2, operation 2 can be an action on the second card, such as a click or double-click, etc. Continuing with... Figure 7Taking a click operation as an example, in response to the user clicking card 2 on interface 701, the phone displays the first pop-up window 703 on interface 701, as shown in interface 704. Alternatively, in response to the user clicking control 2 of card 2 on interface 702, the phone displays the first pop-up window 703 on the editing interface. Optionally, the phone can also gray out or blur the other images in the editing interface 702 except for card 2 to prompt the user about the card currently being edited, as shown in interface 704. That is to say, the first operation can include operations on the first control, operations on the first option in the editing item list such as "Edit Card", and operations on the second card in the editing interface. Among them, operations on the second card in the editing interface include operations on the second card itself and operations on the control 2 corresponding to the second card.

[0114] Method 2: In response to user action 1 in the control center interface, the phone displays the first window. That is, the first action is action 1.

[0115] In some embodiments, in response to user operation 1 on the control center interface, the mobile phone displays a first window on the control center interface. In other embodiments, in response to user operation 1 on the control center interface, the mobile phone displays a first window on the editing interface.

[0116] For details on operation 1, please refer to the corresponding content in Method 1 above, which will not be repeated here. The difference is that operation 'b' above is used to trigger the phone to display the first window, such as displaying an editing interface that includes the first window.

[0117] The following example illustrates method two. Let's take a click operation as an example, with the first window being the first pop-up. Please refer to... Figure 8 The phone displays as follows Figure 8 The control center interface 800 is shown in (a) above. The control center interface 800 includes control 1. In response to the user clicking control 1, the phone displays an editable item list 801 on the control center interface 800, such as... Figure 8 As shown in (b) above. In response to the user clicking the first option in the edit list, such as "Edit Card," the phone displays as shown below. Figure 8 The editing interface shown in (c) includes a first pop-up window 802. The first option triggers the phone to display the editing interface including the first window. Since method two can directly display the second card and the corresponding first pop-up window in the editing interface without requiring the user to select the second card, it is suitable for scenarios where the control center interface includes a second card. Optionally, if the control center interface does not include a second card, in response to the user's operation 1 in the control center interface, the phone directly displays the editing interface including the first window. This editing interface also includes the card displayed in the control center interface.

[0118] In other words, the first operation can include operations on the first control and operations on the first option in the edit item list, such as "Edit Card".

[0119] The first pop-up window displays the first card. This first card differs from the cards displayed in the control center interface. The first card displays system information. This system information may include one or more of the following: storage usage information, display usage information, battery usage information, data usage information, and system status information. The first card includes one or more elements of text, images, and controls.

[0120] For example, each type of system information can correspond to a first card. Figure 9 As shown, six cards are displayed, such as cards a-e. Card a is used to display system status information. Figure 9 As shown, card a includes system status score information such as "93 points" and the corresponding rating information such as "Excellent". Card a also includes information on the memory usage of currently cleanable files, such as "1.2GB cleanable". Card a may also include control a, which is used to trigger the phone's system performance optimization. This system performance optimization includes junk file cleanup, security protection optimization, etc. After optimizing the phone's system performance, the system status score may remain unchanged or increase.

[0121] Card B is used to display data usage information. For example... Figure 9 As shown, card b includes information about remaining data allowance, such as "12.6GB remaining," and information about data used today, such as "0.7GB today." The data allowance is measured in GB. Card b may also include a preset image to indicate that the card corresponds to the data allowance.

[0122] Card C is used to display battery usage information. For example... Figure 9 As shown, card c includes the remaining battery power (e.g., "12% remaining power"), the estimated battery life (e.g., "estimated to last 45 minutes"), a battery level image, and control b. Control b is used to trigger the phone to optimize power consumption. Power consumption optimization may include, for example, closing background applications, disabling wireless communication functions, and reducing screen brightness.

[0123] Card d is used to display usage information for the display screen. For example... Figure 9 As shown, card d includes the usage time displayed on the screen, such as "3 hours and 20 minutes used" and a preset image corresponding to the usage time.

[0124] Card e is used to display storage space usage information. For example... Figure 9As shown, card e includes storage space usage information such as "10% used 25GB / 256GB" and preset images.

[0125] For example, a single first card can display multiple types of system information; that is, multiple types of system information can be integrated and displayed on a single first card, such as... Figure 9 Card f in the example. As an example, card f includes display usage information and data usage information.

[0126] It is understood that the first card illustrated in the embodiments of this application does not constitute a specific limitation on the first card. The first card may include more or fewer elements than illustrated.

[0127] Optional, such as Figure 7 or Figure 8 As shown in the first pop-up window 703 or 802, the first pop-up window may also include prompt text to remind the user to operate the first card to display it in the control center interface. This prompt text could be, for example, "Click or drag, and the card above will be displayed in the control center." The first pop-up window also includes a second control, such as control 3. Control 3 is used to close the first pop-up window. Control 3 could be, for example, a completion control.

[0128] Due to the limited size of the first pop-up window, it can only display one set of first cards. A set of first cards can include a preset number of cards, which can be 1, 2, or other integers. If the phone displays multiple first cards, it can respond to user actions by switching the displayed card set in the first pop-up window. This action could be, for example, swiping from left to right, from right to left, from top to bottom, or from bottom to top within the pop-up window's display area.

[0129] For example, such as Figure 10 As shown in (a), taking a set of first cards including two cards and a mobile phone including five cards, namely cards a-e, as an example, the mobile phone displays a first pop-up window showing cards a and b. In response to the user swiping from left to right in the display area of ​​the first pop-up window, the mobile phone displays cards c and d. In response to the user continuing to swipe from left to right in the display area of ​​the first pop-up window, the mobile phone displays card e.

[0130] For example, such as Figure 10As shown in (b), the first pop-up window may also include navigation points 101, the number of which is the same as the number of the first card group. For example, if the phone includes 5 first cards, namely cards a-e, displayed in pairs, then the number of the first card group is 3, corresponding to 3 navigation points. For example, the phone displays the first pop-up window, which shows cards a and b. Cards a and b form a group of cards, corresponding to the first navigation point from the left, which is highlighted. This prompts the user to swipe the cards in the first pop-up window to select the desired first card. In response to the user swiping from left to right in the display area of ​​the first pop-up window, the phone displays cards c and d in the first pop-up window. Cards c and d form a group of cards, corresponding to the second navigation point from the left, which is highlighted. In response to the user continuing to swipe from left to right in the display area of ​​the first pop-up window, the phone displays card e in the first pop-up window. Card e forms a group of cards, corresponding to the third navigation point from the left, which is highlighted.

[0131] For example, users can also expand the first pop-up window. (Example: ...) Figure 10 As shown in (c) above. The editing interface 102 includes a first pop-up window 103. The first pop-up window 103 includes a control 104. In response to a user's operation on the control 104, such as a click operation, the phone expands the first pop-up window 103. When the first pop-up window 103 is expanded, the phone switches the control 104 to a control 105. Control 105 is a collapse control. In response to a user's operation on the control 105, such as a click operation, the phone collapses the first pop-up window 103.

[0132] S503, in response to the user's second operation on the first card in the first pop-up window, displays the first card in the control center interface.

[0133] The second operation includes operation 3 and an operation on the second control in the first pop-up window, such as completing the control. Operation 3 can be a click on the first card, a drag-and-drop operation on the first card, or a click on the fourth control of the first card, such as adding a control. In some embodiments, in response to the user's second operation on the first card in the first pop-up window, the mobile phone displays the first card in the control center interface.

[0134] The mobile phone displays the first card in the control center interface in the following scenarios:

[0135] Scenario 1: The phone directly displays the first card in the control center interface without changing the display status of the cards originally displayed in the first area of ​​the control center interface. The display status includes showing and not showing.

[0136] Scenario 2: The phone uses the first card to replace the second card displayed in the control center interface.

[0137] Scenario 3: The phone displays the first card and the second card stacked together, and the card stack is displayed in the control center interface.

[0138] The following describes the process of the phone responding to the second operation and displaying the first card on the control center interface, broken down into different scenarios.

[0139] Scenario 1: The editing interface includes a first pop-up window and cards displayed in the control center interface. Please refer to [reference needed]. Figures 11a-12b . Figures 11a-12b Therefore, the control center interface is Figure 1 The interface shown is used as an example.

[0140] like Figure 11a and Figure 12a As shown, the response is used for the user's second operation on the first card, and the first card is displayed directly on the control center interface.

[0141] like Figure 11a As shown, taking operation 3 as an example of clicking the first card, the phone displays as follows: Figure 11a The editing interface 111 is shown in (a) above. The editing interface 111 includes a first pop-up window 112, which displays a first card 113 and a first card 116. A response is provided for when the user clicks on the first card 113 in the first pop-up window 112, such as... Figure 11a As shown in (b), the phone displays the first card 113 in the editing interface 111, but does not display the first card 113 in the first pop-up window 112. Alternatively, in response to the user clicking the first card 113 in the first pop-up window 112, the phone moves the first card 113 from the first pop-up window 112 to an area in the editing interface 111 other than the first pop-up window 112 for display.

[0142] Optionally, if the phone includes multiple first cards, the phone can continue to display previously undisplayed first cards, such as first card 117, in the first pop-up window 112 after first card 113 is moved out of the first pop-up window 112. Figure 11a As shown in (b) above. Next, in response to the user clicking the completion control in the first pop-up window 112, the phone displays as shown below. Figure 11a The control center interface shown in (c) includes a first card 113. Before the first pop-up window 112 is closed, the phone can continue to receive user input. Figure 11a The editing interface 111 shown in (b) operates on the other first cards, such as card 116, and also includes card 116 in the control center interface.

[0143] like Figure 12a As shown, taking operation 3 as an example of dragging the first card, the phone displays as follows: Figure 12aThe editing interface 121 is shown in (a) above. The editing interface 121 includes a first pop-up window 122, which includes a first card 123 and a first card 126. In response to the user dragging the first card 123 out of the first pop-up window 122, the phone displays the first card 123 in the editing interface 121 and does not display it in the first pop-up window 122. That is, the phone moves the first card 123 from the first pop-up window 122 to an area of ​​the editing interface 121 other than the first pop-up window 122 for display. Figure 12a As shown in (b) above. In response to the user clicking the completion control in the first pop-up window 122, the phone displays as shown below. Figure 12a The control center interface shown in (c) includes a first card 123. Similarly, the phone can continue to receive user input before the pop-up 122 is closed. Figure 12a The editing interface shown in (b) allows dragging and dropping other cards, such as the first card 126, to also display the first card 126 in the control center interface.

[0144] When a user selects to add multiple first cards to the control center interface, the above example describes the situation as if these multiple first cards were displayed individually in the control center interface. In some other embodiments, when a user selects to add multiple first cards to the control center interface, the phone can also stack and display these selected first cards in the control center interface as a card pile, i.e., in the control center interface described above. The following, in conjunction with... Figure 11b and Figure 12b Let me introduce it.

[0145] like Figure 11b As shown, taking operation 3 as an example of clicking the first card, the phone displays as follows: Figure 11b The editing interface 111b is shown in (a) above. The editing interface 111b includes a first pop-up window 112b, which includes a first card 113b and a first card 116b. In response to a user clicking the first card 113b in the first pop-up window 112b, the phone displays the first card 113b in the editing interface 111b, but does not display the first card 113b in the first pop-up window 112b, as shown below. Figure 11b As shown in (b) in the diagram. Next, in response to the user clicking the first card 116b in the first pop-up window 112b, the phone stacks the first card 116b and the first card 113b to form a card stack 118b. The phone displays the card stack 118b in the editing interface 111b, but does not display the first card 116b in the first pop-up window 112b, as shown in (b). Figure 11b As shown in (c) above. In response to the user clicking the completion control in the first pop-up window 112b, the phone displays as shown below. Figure 11bThe control center interface shown in (d) includes a card stack 118b. Optionally, if the phone includes multiple first cards, the phone can continue to display previously undisplayed first cards, such as first card 117b, in the first pop-up window 112b after removing the first card 113b from the first pop-up window 112b. Figure 11b As shown in (b) of the diagram.

[0146] like Figure 12b As shown, taking operation 3 as an example of dragging the first card, the phone displays as follows: Figure 12b The editing interface 121b shown in (a) includes a first pop-up window 122b, which includes a first card 123b and a first card 126b. In response to the user dragging the first card 123b out of the first pop-up window 122b, the phone displays the first card 123b in the editing interface 121b, but does not display the first card 123b in the first pop-up window 122b. Figure 12b As shown in (b) in the image. Next, in response to the user dragging the first card 126b out of the first pop-up window 122b, the phone stacks the first card 123b and the first card 126b to form a card stack 128b, and displays the card stack 128b in the editing interface 121b. Card 126b is not displayed in the first pop-up window 122b, as shown in (b). Figure 12b As shown in (c) above. In response to the user clicking the completion control in the first pop-up window 122b, the phone displays as shown below. Figure 12b The control center interface shown in (d) includes a card stack 128b.

[0147] Specifically, when displaying the first card or card stack, the phone can sequentially place the first card or card stack after the existing cards in the control center interface. This maintains the original display order of the cards in the control center interface.

[0148] Scenario 2: The editing interface includes a first pop-up window, where a second card is highlighted, while the rest of the interface images are grayed out or blurred. In response to a user's second action on the first card in the first pop-up window, the phone replaces the second card with the first card. Please refer to [reference needed]. Figure 13 and Figure 14 . Figure 13 and Figure 14 Therefore, the control center interface is Figure 1 The interface shown below serves as an example. The following example uses the second card as a suggestion card.

[0149] Please refer to Figure 13 Taking operation 3 as an example, which is a click operation on the first card, the phone displays as follows: Figure 13The editing interface 131 shown in (a) includes a first pop-up window 132 and a suggestion card 134. The first pop-up window 132 includes a first card 133. In response to the user clicking the first card 133 in the first pop-up window 132, the phone displays the first card 133 in the position used to display the suggestion card 134 in the editing interface 131, and the phone does not display the first card 133 in the first pop-up window 132. Instead, the phone displays the suggestion card 134 in the position used to display the first card 133 in the first pop-up window 132. That is, the phone swaps the display positions of the suggestion card 134 and the first card 133, as shown in (a). Figure 13 As shown in (b) above. The first pop-up window 132 also includes a completion control. In response to the user's operation on the completion control in the first pop-up window 132, such as a click operation, the mobile phone displays as shown below. Figure 13 The control center interface shown in (c) includes a first card 133 but does not include a suggestion card 134. Optionally, before clicking the completion control in the first pop-up window, the phone can respond to the user's click operation on another first card in the first pop-up window and replace the first card 133 with that card.

[0150] Please refer to Figure 14 Taking operation 3 as an example, which is a drag-and-drop operation on the first card, the phone displays as follows: Figure 14 The editing interface 141 shown in (a) includes a first pop-up window 142 and a suggestion card 144. The first pop-up window 142 includes a first card 143. In response to the user dragging the first card 143 from the first pop-up window 142 onto the suggestion card 144, the phone does not display the suggestion card 144 in the editing interface 141, and displays the first card 143 in the position used to display the suggestion card 144 in the editing interface 141. The phone also displays the suggestion card 144 in the position used to display the first card 143 in the first pop-up window 142. That is, the phone swaps the display positions of the suggestion card 144 and the first card 143. Figure 14 As shown in (b) above. The first pop-up window 142 also includes a completion control. In response to the user's operation on the completion control in the first pop-up window 144, such as a click operation, the mobile phone displays as shown below. Figure 14 The control center interface shown in (c) includes a first card 143 but does not include a suggestion card 144. Optionally, before clicking the completion control in the first pop-up window, the phone can respond to the user dragging another first card from the first pop-up window onto the first card 143, replacing the first card 143 with that card.

[0151] Figure 13 and Figure 14In the example shown, when the phone replaces the suggestion card with the first card, it directly displays the first card in the designated position for displaying suggestion cards on the control center interface, without displaying the suggestion card itself. This does not change the display position of other cards on the control center interface. In other embodiments, the phone can first delete the suggestion card from the control center interface and perform a shift operation on the remaining cards, then display the first card after the remaining cards. This also allows the phone to achieve the goal of displaying the first card but not the suggestion card on the control center interface.

[0152] Users can also change the first card displayed on the control center interface. For example, they can change first card 1 to the suggestion card or change first card 1 to another first card, such as first card 2. Please refer to [link / reference]. Figure 15 The phone displays as follows Figure 15 The control center interface 150 is shown in (a) above. The control center interface 150 includes a first card 151. In response to a first user action, the phone displays an editing interface 152 including a second pop-up window, such as... Figure 15 As shown in (b) above. The editing interface 152 includes a second pop-up window, such as pop-up window 153. The second pop-up window includes the remaining first cards and second cards, such as suggestion cards, or the second pop-up window only includes suggestion cards, or the second pop-up window only includes the remaining first cards. The remaining first cards are all different from the first card 151. For example, pop-up window 153 includes a first card 154 and a suggestion card 155. In response to the user's operation 3 on the first card 154 in pop-up window 153, the mobile phone swaps the display positions of the first card 154 and the first card 151, as shown below. Figure 15 As shown in (c) above. Next, in response to clicking the completion control in pop-up 153, the phone displays as shown below. Figure 15 The control center interface shown in (d) 157 does not include the first card 151, but includes the first card 154. This allows the user to modify the first card displayed on the control center interface as needed. Optionally, the user can continue to replace the cards displayed on the editing interface before clicking the completion control in the pop-up window. Continuing... Figure 15 For example, in such Figure 15 In the editing interface shown in (c), the phone can continue to respond to user operations and display card 155 in the control center interface.

[0153] Scenario 3: The editing interface includes a first pop-up window, where the second card is highlighted, while the rest of the interface images are grayed out or blurred. In response to the user's second operation on the first card in the first pop-up window, the phone stacks the first and second cards into a card pile and displays this pile in the control center interface. The number of the first card is greater than or equal to one. Please refer to [reference needed]. Figures 16-18 . Figure 16 and Figure 18 Therefore, the control center interface is Figure 1 The interface shown is used as an example.

[0154] Please refer to Figure 16 Operation 3 can be a click on the first card in the first pop-up window, as displayed on the phone. Figure 16 The editing interface 160 shown in (a) includes a first pop-up window 161 and a second card, such as suggestion card 164. The first pop-up window 161 includes first card 162 and first card 163. In response to a user clicking on the first card 162 in the first pop-up window 161, the phone displays a card stack 165 in the editing interface 160, and the phone does not display the first card 162 in the first pop-up window 161, as shown... Figure 16 As shown in (b) above. In this case, the card stack 165 is formed by stacking the first card 162 on top of the suggestion card 164. In response to the user clicking the completion control in the first pop-up window 161, the phone displays as shown below. Figure 16 The control center interface shown in (c) includes a card stack 165. Thus, in response to user input, the phone can display a first card stacked with a second card on the control center interface.

[0155] The phone can also respond to user actions by stacking multiple first and second cards on the control center interface. For example... Figure 16 As shown, in response to a user clicking on the first card 162 in the first pop-up window 161, and then in response to the user clicking on the first card 163 in the first pop-up window 161, the phone displays a card stack 168 in the editing interface 160, and the phone does not display the first card 163 in the first pop-up window 161. The card stack 168 is formed by stacking the first card 163 on top of the card stack 165. In response to the user clicking on the first card 162 in the first pop-up window 161, the phone displays a card stack 168 in the editing interface 160, and the phone does not display the first card 163 in the first pop-up window 161. Figure 16 In the editing interface shown in (d) 160, clicking the completion control in the first pop-up window 161 will display the following on the phone: Figure 16 The control center interface shown in (e) includes a card stack 168.

[0156] For example, operation 3 could be dragging the first card to the display area of ​​the second card. Please refer to [reference needed]. Figure 17 The phone displays as follows Figure 17 The editing interface 170 shown in (a) includes a first pop-up window 171 and a second card, such as a suggestion card 174. The first pop-up window 171 includes a first card 172 and a second card 173. In response to the user dragging the first card 172 from the first pop-up window 171 to the display area of ​​the suggestion card 174, the phone displays a card stack 175 in the editing interface 170, and the phone does not display the first card 172 in the first pop-up window 171. Figure 17As shown in (b) above. In this case, the card stack 175 is formed by stacking the first card 172 on top of the suggestion card 174. In response to the user clicking the completion control in the first pop-up window 171, the phone displays as shown below. Figure 17 The control center interface shown in (c) includes a card stack 175. This allows the phone to stack a first card and a second card together to form a card stack, which is then displayed on the control center interface.

[0157] The phone can also stack multiple first and second cards to form a card pile and display the card pile on the control center interface. For example... Figure 17 As shown, in response to the user dragging the first card 172 to the display area of ​​the suggested card 174, and then in response to the user dragging the first card 173 in the first pop-up window 171 to the display area of ​​the suggested card 174, the phone displays the card stack 177 in the editing interface 170, and does not display the first card 173 in the first pop-up window 171, as follows. Figure 17 As shown in (d) in the diagram. The phone displays the first card 173 on top of the card stack 175; that is, the phone stacks the suggested card 174, the first card 172, and the first card 173 to form a card stack 177. The phone displays the card stack 177 in the editing interface 170, but does not display the first card 173 in the first pop-up window 171. Finally, in response to the user clicking the complete control in the first pop-up window 171, the phone displays as shown in the diagram. Figure 17 The control center interface shown in (e) includes a card stack 177.

[0158] For example, operation 3 could be that the user clicks the add control corresponding to the first card. This add control is used to stack and display the first cards in the control center interface. Each first card displayed in the first pop-up window has a corresponding add control, which can be displayed around the first card, such as in the upper left, upper right, lower left, or lower right corner. Please refer to [reference needed]. Figure 18 .

[0159] The phone displays as follows Figure 18 The editing interface 181 shown in (a) includes a first pop-up window 183 and a second card, such as a suggested card 182. The first pop-up window 183 includes card a and card b. Card a includes an add control 184, and card b includes an add control 185. In response to the user clicking the add control 184 of card a, the phone displays a card stack 186 in the editing interface 181, and card a is not displayed in the first pop-up window 183, as shown in (a). Figure 18 As shown in (b) of the diagram. In this diagram, card stack 186 is formed by stacking cards a on top of suggested card 182. This is in response to a user... Figure 18 In the editing interface shown in (b) 181, clicking the completion control in the first pop-up window 183 will display the following on the phone: Figure 18 The control center interface shown in (c) displays the card stack 186 at the location used to display suggestion cards. Optionally, after the phone displays card a stacked on suggestion card 182, the phone switches the add control 184 corresponding to card a to the delete control 189. The delete control is used to remove card a from the card stack 186 and display card a in the first pop-up window 183.

[0160] Optionally, after responding to the user clicking the add control 184 on card a, the phone can continue to respond to the user's... Figure 18 In the editing interface 181 shown in (b), clicking the add control 185 for card b displays a card stack 188 in the editing interface 181. Card b is not displayed in the first pop-up window 183, as shown in (b). Figure 18 As shown in (d) above. The phone will suggest stacking cards 182, a, and b to form card stack 188. Finally, in response to the user's... Figure 18 In the editing interface shown in (d), clicking the completion control in the first pop-up window 183 will display the following on the phone: Figure 18 The control center interface shown in (e) displays the card stack 188 in the location where suggestion cards are displayed.

[0161] Optional, in Figures 16-18 In the illustrated embodiment, before clicking the completion control in the first pop-up window, the phone can also display the cards in the card stack in the first pop-up window in response to the user's operation. As an example, in response to an operation on the topmost card in the card stack, the phone displays that card in the first pop-up window. This operation corresponds to operation 3 mentioned above; correspondingly, this operation can be a click operation on the topmost card in the card stack, a drag operation to the first pop-up window, or a click operation on the delete control.

[0162] In some embodiments, in scenario 2, the first card displayed in the first pop-up window may also include a corresponding add control. In response to a click on the add control of the first card, the phone does not display the first card in the first pop-up window, but instead displays the first card in the location where the second card is displayed in the editing interface.

[0163] exist Figures 16-18 In the illustrated embodiment, the mobile phone can sequentially stack at least one first card on top of the second card to form a card stack. In other embodiments, the mobile phone can also sequentially stack at least one first card below the second card to form a card stack.

[0164] It should be understood that in the above embodiment, the mobile phone responding to the user's operation 3 on the first card and displaying the first card in the editing interface means that the mobile phone responding to the user's operation 3 on the first card removes the first card from the first pop-up window and displays the first card in the area of ​​the editing interface other than the first pop-up window.

[0165] The preceding embodiments were all illustrated using the example of a first pop-up window displaying two first cards. The phone may also include multiple first cards. Due to the limited size of the first pop-up window, the phone may display only one, two, or more first cards in the first pop-up window. After responding to operation 3 and displaying one first card in the editing interface, the remaining undisplayed first cards can be displayed in the first pop-up window. Taking a phone including cards a-d, and operation 3 being the user clicking on a first card as an example, combined with... Figure 19 Let me introduce it.

[0166] Please refer to Figure 19 The phone displays as follows Figure 19 The editing interface shown in (a) includes a suggested card 190 and a first pop-up window 191. Cards a and b are displayed in the first pop-up window 191. In response to the user clicking on card a in the first pop-up window 191, the phone displays a card stack 192 in the editing interface, and card a is not displayed in the first pop-up window 191; instead, cards b and c are displayed. Figure 19 As shown in (b) above. Card stack 192 is formed by stacking card a and suggestion card 190. In response to the user clicking card c in the first pop-up window 191, the phone displays card stack 193 in the editing interface. Card c is not displayed in the first pop-up window 191; instead, cards b and d are displayed, as shown below. Figure 19 As shown in (c). Card stack 193 is formed by stacking card c, card a, and suggestion card 190. In response to the user clicking card d in the first pop-up window 191, the phone displays card stack 194 in the editing interface, and card d is not displayed in the first pop-up window 191; instead, card b is displayed, as shown in (c). Figure 19 As shown in (d) above. Card stack 196 is formed by stacking cards d, c, a, and suggestion card 190. In response to the user clicking card b in the first pop-up window 191, the phone displays card stack 195 in the editing interface, and card b is not displayed in the first pop-up window 191, as shown below. Figure 19 As shown in (e). Card stack 195 is formed by stacking card b, card d, card c, card a, and suggestion card 190. In response to a user click... Figure 19 The completion control in the first pop-up window 191 of the editing interface shown in (e) is displayed on the phone as follows: Figure 19 The control center interface shown in (f) includes a card stack 195.

[0167] To facilitate user viewing, users can switch the topmost suggested card in the card stack, changing its appearance to another card. To switch the topmost card, users can swipe down or up on it. Swiping down shows the next layer of cards, while swiping up shows the layer above. The following example illustrates this using a stack of cards, with the first card on top of the second card.

[0168] As an example, the phone displays as follows Figure 20 The control center interface 200 is shown in (a). The control center interface 200 displays a card stack 201. In the card stack 201, from top to bottom, are card b, card a, and card 2. In response to the user's downward swipe operation on card b, the phone switches the top card of the card stack 201 to card a, as shown in (a). Figure 20 As shown in (b) above. In response to the user's downward swipe on card a, the phone switches the top card of card stack 201 to card 2, as shown below. Figure 20 As shown in (c) in the figure.

[0169] As another example, the phone displays as follows Figure 20 The control center interface 203 is shown in (d). The control center interface 203 displays a card pile 201. In the card pile 201, from top to bottom, are card b, card a, and card 2. The control center interface 203 also displays navigation points 202. The number of navigation points in navigation points 202 is the same as the number of cards in the card pile 201. For example, if the card pile 201 contains 3 cards, the navigation points 202 contain 3 navigation points. Starting from the top of the navigation points, the first navigation point corresponds to card b, the second to card a, and the third to card 2. The navigation point corresponding to the topmost card in the card pile is displayed differently from the navigation points corresponding to other cards in the card pile. For example, the navigation point corresponding to the topmost card is highlighted. Furthermore, as the topmost card in the card pile changes, the highlighted navigation point also changes. For example, as... Figure 20 As shown in (d), the topmost card in the current card stack 201 is card a, and the first navigation point in the corresponding navigation point 202 is highlighted. In response to the user's downward swipe on card b, the phone switches the topmost card in the card stack 201 to card a, and the phone highlights the second navigation point in navigation point 202, as shown in (d). Figure 20As shown in (e) in the diagram. In response to the user's downward swipe on card a, the phone switches the topmost card of the card stack 201 to card 2, and highlights the third navigation point in navigation point 202, as shown in the diagram. Figure 20 As shown in (f). Optionally, in response to the user's downward swipe on card 2, the phone switches the topmost card of the card stack 201 to card b and highlights the first navigation point in navigation point 202, as shown in (f). Figure 20 As shown in (d) above. Optionally, in response to a user's upward swipe on card a, the phone can switch the topmost card of the card stack 201 to card b and highlight the first navigation point in navigation point 202, as shown below. Figure 20 As shown in (d) in the figure.

[0170] When the control center interface displays a card stack, users can add or replace cards in the stack as needed. As an example, when the control center interface includes a card stack, in response to user interaction with control 1, the phone displays an editable item list. In response to user interaction with the first option in the editable item list, such as "Edit Card," the phone displays an editing interface including a second pop-up window, which also includes the card stack. In response to interaction with the topmost card in the card stack, the phone removes that card from the stack and displays it in the second pop-up window. In response to interaction with the first card in the second pop-up window, the phone removes that first card from the second pop-up window and stacks it on top of the card stack. Please refer to [reference needed]. Figure 21 The phone displays as follows: Figure 21 The control center interface shown in (a) includes a card stack 211. The card stack 211 can be formed by stacking, for example, three cards, with the top card being, for example, card 212. In response to a user's click on control 213, the phone displays an editable item list 214 in the control center interface, such as... Figure 21 As shown in (b) above. In response to the user clicking the "Edit Card" option in the edit item list 214, the phone displays as shown below. Figure 21 The editing interface 215 is shown in (c). This editing interface 215 includes a second pop-up window 216. Card 212 includes a corresponding delete control 217. In response to the user clicking the delete control 217, the phone does not display card 212 in the card stack 211, but displays card 212 in the second pop-up window 216. The phone switches the topmost card in the card stack 211 to the next layer of card 212, as shown below. Figure 21As shown in (d) above. It can be seen that after the user clicks control 217, the phone deletes card 212 from the card pile 211, reducing the number of cards in the pile to two. The phone then removes card 212 from the card pile 211 and displays card 212 in the second pop-up window 216. This allows the user to delete cards from the card pile. For example, in response to the user's action... Figure 21 (c) In the editing interface 215 shown, clicking the add control 218 corresponding to card 219 causes the phone to stack card 219 on top of the card stack 211. Card 219 is not displayed in the second pop-up window 216. Figure 21 As shown in (e), the card stack 211 contains 4 cards, with card 219 being the topmost card. Thus, in response to user actions, the phone can add cards to the card stack.

[0171] The user can also trigger the phone to display the first card on the phone's home screen. As an example, when the control center interface includes the first card, in response to the third operation, the phone displays an editing interface. In some embodiments, the editing interface includes the first card but does not include a pop-up window. In other embodiments, the editing interface includes the first card and a second pop-up window. In other embodiments, the editing interface includes the first card and a second pop-up window, and the displayed image of the editing interface other than the first card is grayed out or blurred. The second pop-up window includes the remaining first cards and / or second cards, such as suggestion cards. The remaining first cards do not include the first card. The third operation includes: the user's operation on control 1 and the operation on the first option in the editing item list, such as "Edit Card". In response to the operation on control 1, the phone displays the editing item list, and in response to the user's operation on the first option in the editing item list, such as "Edit Card", the phone displays the editing interface. Then, in response to the operation on the first card, the phone displays a bounding box in the editing interface. In response to dragging the first card to the bounding box, the phone displays the first card on the home screen, but does not display the first card in the control center interface. The operations on the first card include long-pressing the first card and dragging the first card to a preset length.

[0172] The following is combined with Figures 22a-22d The details are presented separately.

[0173] For example, please refer to Figure 22a Taking the editing interface excluding the second pop-up window as an example, the phone displays a control center interface (not shown in the figure), which includes a first card 221. The phone receives a third operation from the user, and in response to the third operation, the phone displays as shown... Figure 22aThe editing interface 223 is shown in (a) above. In the editing interface 223, the phone can display prompt information for a preset area based on user triggers. For example, in response to a user long-pressing the first card 221 in the editing interface 223, the phone displays a bounding box. As another example, in response to a user long-pressing the first card 221, the phone selects the first card 221, and then, in response to the user dragging the first card 221 a preset distance, the phone displays a bounding box. The area within this bounding box is a preset area, and the bounding box may include prompt text, such as "Drag the card to this area to display it on the desktop." This prompt text may be displayed within the bounding box. For example, as shown below... Figure 22a As shown in (b), the editing interface 223 includes a bounding box 222. Then, in response to the user dragging the first card 221 to the display area of ​​the bounding box 222, the phone does not display the bounding box 222 and the first card 221 in the editing interface 223, as shown... Figure 22a As shown in (c), the phone displays the first card 221 on the desktop, as follows. Figure 22a As shown in (d) in the diagram. Furthermore, after the user drags the first card 221 out of the suggestion card display area, the phone can display suggestion card 224 in the suggestion card display area, as shown in the diagram. Figure 22a (b) and Figure 22a As shown in (c) in the diagram. Figure 22a In the editing interface 223 shown in (c), the phone can respond to an operation on the return control 225, such as a click, by displaying a control center interface that does not include the first card 221. Alternatively, in Figure 22a In the editing interface 223 shown in (c), the phone can respond to the user's operation, display the first pop-up window, and continue to respond to the user's operation, replacing the suggestion card with the first card. Please refer to the relevant introduction in Scenario 2 for further details.

[0174] For example, please refer to Figure 22b Taking the editing interface excluding the second pop-up window as an example, the phone displays as follows: Figure 22b The editing interface is shown in (a) above. This editing interface includes a first card 221b. In the editing interface, the user triggers the phone to display a bounding box 222b, as shown below. Figure 22b As shown in (b) above. Next, in response to the user dragging the first card 221b to the bounding box 222b, the phone does not display the bounding box 222b and the first card 221b in the editing interface, as shown below. Figure 22b As shown in (c) above. The phone displays the first card 221b on the desktop, as shown below. Figure 22b As shown in (d) in the diagram. Similarly, in Figure 22bIn the editing interface shown in (c), the phone can respond to the user's operation by returning to the control center interface, or by triggering the display of the first pop-up window and replacing the suggestion card with the first card. Please refer to the relevant introduction in Scenario 2 for further details.

[0175] For example, please refer to Figure 22c Taking the editing interface, including the first pop-up window, as an example, the phone displays as follows: Figure 22c The editing interface 223c is shown in (a) above. The editing interface 223c includes a first card 221c and a first pop-up window 224c. The first pop-up window 224c displays two first cards, both of which are different from the first card 221c. In response to dragging the first card 221c to the display area of ​​the first pop-up window 224c, the phone switches the first pop-up window from a first mode to a second mode, and displays a bounding box 222c in the upper area of ​​the first pop-up window, as shown below. Figure 22c As shown in (b) and (c) in the image. Next, in response to the user dragging the first card 221c to the bounding box 222c, the phone does not display the bounding box 222c and the first card 221c in the editing interface, and the phone switches the first pop-up window from the second form to the first form, as shown in the image. Figure 22c As shown in (d) in the image. The phone displays the first card 221c on the home screen, as shown in the image. Figure 22c As shown in (e) in the diagram. Figure 22c On the editing interface shown in (d), the mobile phone can respond to the second operation on the first card in the first pop-up window and replace the second card in the control center interface with the first card.

[0176] For example, please refer to Figure 22d Taking the editing interface, including the first pop-up window, as an example, the phone displays as follows: Figure 22d The editing interface 223d is shown in (a) above. The editing interface 223d includes a first card 221d and a first pop-up window 224d. The first pop-up window 224d displays two first cards, which are different from the first card 221d. In response to a long press on the first card 221d, the phone switches the first pop-up window from a first mode to a second mode, and displays a bounding box 225d in the upper area of ​​the first pop-up window, as shown below. Figure 22d As shown in (b) above. Next, in response to the user dragging the first card 221d to the bounding box 222d, the phone does not display the bounding box 222d and the first card 221d in the editing interface, and the phone switches the first pop-up window from the second form to the first form, as shown below. Figure 22d As shown in (c) above. The phone displays the first card 221d on the desktop, as shown below. Figure 22d As shown in (d) in the diagram. Figure 22d On the editing interface shown in (c), the mobile phone can respond to the second operation on the first card in the first pop-up window and display the first card in the control center interface.

[0177] exist Figure 22c and Figure 22d In the illustrated embodiment, in response to the user dragging the first card to the display area of ​​the first pop-up window, the phone does not display a border frame, but switches the first pop-up window from the second mode to the first mode, and displays a preset frame in the first pop-up window. Then, in response to the user continuing to drag the first card to the preset frame in the first pop-up window, the phone displays the first card in the first pop-up window. Please refer to... Figure 22e The phone displays as follows Figure 22e The editing interface 223e shown in (a) includes a first pop-up window 224e, a bounding box 225e, and a first card 221e, wherein the first pop-up window 224e is a second form. Figure 22e As shown in (a), in response to the user dragging the first card 221e to the display area of ​​the first pop-up window 224e, the phone switches the first pop-up window 224e from the second form to the first form. The phone does not display the bounding box 225e in the editing interface 223e, as shown in (a). Figure 22e As shown in (b) above. It can be seen that the first pop-up window 224e includes a preset frame, indicating that the first card 221e can be displayed within this preset frame. Then, in response to dragging the first card 221e to the preset frame 222e in the first pop-up window 224e, the phone displays the first card 221e within the preset frame 222e of the first pop-up window 224e. The first card 221e is not displayed in the area of ​​the editing interface 223e other than the first pop-up window 224e, as shown below. Figure 22e As shown in (c) in the figure.

[0178] In the above embodiments, the user dragging the first card 221 to the boundary frame 224 includes two cases. One case is: the user drags the first card 221 to the preset area enclosed by the boundary frame 224 and then releases the hand. The other case is: the user drags the first card 221 to the preset area enclosed by the boundary frame 224, stays in the preset area for a preset time, and then releases the hand.

[0179] The mobile phone can also adjust the arrangement of cards displayed in the control center interface in response to user operations. For example, the mobile phone can, in response to a fourth operation, swap the display positions of the third and fourth cards in the control center interface. The third and fourth cards can be any two cards from cards 1-4 previously displayed in the control center interface before responding to the user's first operation. Alternatively, one of the third and fourth cards can be the first card, and the other card can be any one of cards from cards 1-4 previously displayed in the control center interface before responding to the user's first operation. Alternatively, both the third and fourth cards can be the first card. The mobile phone displays the control center interface and, in response to operation 1, displays an editing interface, which includes the cards displayed in the control center interface. In response to the user dragging the third card onto the fourth card, the mobile phone swaps the display positions of the third and fourth cards. That is, the fourth operation includes operation 1 and the operation of dragging the third card onto the fourth card. Operation 1 can include operations on control 1 and operations on the first option in the edit item list.

[0180] Please refer to Figure 23 The phone displays as follows Figure 23 The control center interface shown in (a) responds to operation 1, and the phone displays as follows: Figure 23 The editing interface is shown in (b). The editing interface includes four cards. In response to a user long-pressing any one of the cards, the phone can select that card. And in response to a user dragging that card to the display area of ​​another card, the phone can swap the display positions of the two cards. For example, in response to a user dragging card 231 to the display area of ​​card 232, the phone swaps the display positions of card 231 and card 232. Figure 23 As shown in (c) above. Responding to the user's... Figure 23 The return operation of the card editing interface shown in (c) will display the following on the phone: Figure 23 The control center interface is shown in (d) above.

[0181] Smartphones can have apps installed for managing smart homes. The following example uses the Smart Space app. Users can control their smart home devices through the Smart Space app. Please refer to [link / reference]. Figure 24 The phone displays as follows Figure 24The smart home interface 241 shown in (a) includes area a and area b. Area a displays scene cards, and area b displays device cards. Scene cards display information about scenes created by the user. For example, scene cards may include scene triggering conditions, scene execution actions, etc. Device cards display smart home information, including the device name, device model, switch used to turn the device on or off, and images of the smart home. In response to the user creating scene cards or device cards in the smart space application, the phone not only displays the scene cards or device cards on interface 241, but also on the control center interface. Continuing... Figure 24 For example, Figure 24 The smart home interface shown in (a) does not include scene cards and device cards, therefore, Figure 24 The control center interface shown in (b) does not include scene cards and device cards. In response to the user creating scene card 242 corresponding to scene 1 in the Smart Space application, scene card 246 corresponding to scene card 242 is displayed in area 4 of the control center interface. In response to the user creating card 243 corresponding to scene 2 in the Smart Space application, card 247 corresponding to scene card 243 and displaying scene 2 is displayed in area 4 of the control center interface. In response to the user adding card 244 corresponding to the smart screen in the Smart Space application, device card 248 corresponding to the smart screen is displayed in area 4 of the control center interface. In response to the user adding device card 245 corresponding to the speaker in the Smart Space application, device card 249 corresponding to the smart screen is displayed in area 4 of the control center interface, such as... Figure 24 As shown in (c) and (d) in the diagram. Figure 24 As shown in (d) of the control center interface, the phone displays scene cards such as card 246 and card 247 in the large card 2410.

[0182] Due to limited display area, if the user sets multiple scene cards, the phone will by default only display a preset number, such as two scene cards, in the large card area. The large card can include an expand control; in response to the user's operation of this expand control, the display area of ​​the large card increases, and the phone displays more scene cards within the large card. Optionally, when the large card is expanded, the device card will be hidden. Continuing... Figure 24 For example, Figure 24 As shown in (d), the large card 2410 includes an expand control 2411. In response to the user clicking the expand control 2411, the mobile phone displays as shown in Figure 2410. Figure 24 The control center interface is shown in (e). In this control center interface, the phone switches the expanded control 2411 to the collapsed control 2412. In response to the user clicking the collapsed control, the phone displays as shown... Figure 24The control center interface is shown in (d) above.

[0183] Due to the limited display area of ​​the control center interface, if a user has set multiple device cards, the phone will display a preset number of device cards in the control center by default, such as two. Users can add or replace displayed device cards in the control center interface. For example, when the phone displays the control center interface, in response to the fifth operation, a second window is displayed. This second window includes device cards, and the device cards displayed in the control center interface are all different. In response to the sixth operation on the first device card, the phone displays that first device card in the control center interface. As an example, in response to the fifth operation, the phone displays a second window in the device card editing interface. The fifth operation includes operations on the first control and operations on the second option in the edit list, such as "Edit Smart Device," which could be a click operation, for example. The sixth operation could be clicking the add control of the first device card and then clicking the fifth control in the second window, such as completing the control operation.

[0184] Please refer to Figure 25a The phone displays as follows Figure 25a The control center interface is shown in (a). This control center interface displays device cards 251 and 252. In response to the user clicking control 1 on the control center interface, the phone displays an editable item list 253 on the control center interface, such as... Figure 25a As shown in (b) above. In response to the user clicking the "Edit Smart Device" option in the edit item list 253, the phone displays the device card editing interface 254, as shown below. Figure 25a As shown in (c) above. The device card pre-editing interface 254 includes device card 251, device card 252, and a second window such as pop-up window 255. The second window displays at least one device card, excluding the device card that was displayed on the control center interface before responding to user operations. Figure 25a As shown in (c), pop-up window 255 includes device card 256 and device card 257. Device card 251 includes a corresponding delete control 258, and device card 252 includes a corresponding delete control 259. Device card 256 includes a corresponding add control 2510, and device card 257 includes a corresponding add control 2511. Figure 25aAs shown in (c) and (d), in response to the user clicking the add control 2511 corresponding to device card 257, the phone displays device card 257 in the device card editing interface 254, but does not display device card 257 in the pop-up window 255. That is, the phone removes device card 257 from the pop-up window 255 and displays it in a display area of ​​the device card editing interface other than the pop-up window 255. Furthermore, if the phone also includes device cards that were not previously displayed in the pop-up window 255, the phone can also display those device cards in the pop-up window 255, such as device card 2512. Figure 25a As shown in (d) of Figure 25, pop-up window 255 includes a completion control 2513. In response to the user clicking the completion control 2513, the phone displays a control center interface as shown in (e) of Figure 25, which includes device cards 257. Due to the limited screen size, in response to the user's upward swipe operation on the control center interface, the content displayed on the control center interface moves horizontally upwards, and as the top content gradually scrolls off the screen, the device cards at the bottom gradually appear. In this way, the user can add device cards to be displayed on the control center interface as needed.

[0185] Users can also delete device cards displayed in the control center interface as needed. Please refer to [link / reference]. Figure 25b The phone displays as follows: Figure 25b The device card editing interface shown in (a) includes a pop-up window 250b and a device card. Please refer to the previous text for how to trigger the display of the device card editing interface on the phone. In response to the user clicking the delete control 252b corresponding to device card 251b, the phone does not display device card 251b in the device card editing interface, but displays device card 251b in the pop-up window 250b. Then, the phone can respond to the user's operation from... Figure 25b The device card editing interface shown in (b) returns to the control center interface. The control center interface does not include device card 251. Please refer to the previous text for instructions on how to trigger the phone to return from the device card editing interface to the control center interface.

[0186] Users can also modify the order of device cards displayed in the control center interface. Please refer to [link / reference]. Figure 26 The phone displays as follows Figure 26 The device card editing interface is shown in (a) above. Please refer to the previous text for how to trigger the display of the device card editing interface on the phone. In response to the user long-pressing device card 260, the phone selects device card 260 and the pop-up window 261 switches to the second form, as shown below. Figure 26 As shown in (b) above. In response to the user dragging device card 260 to the display area of ​​device card 262, the phone swaps the display positions of the two cards and switches pop-up window 261 to the first form, as shown below. Figure 26As shown in (c) above. Next, the phone can respond to the user's actions, from... Figure 26 The device card editing interface shown in (c) returns to the control center interface. The display positions of device card 261 and device card 260 in the control center interface are swapped. Optionally, such as... Figure 26 As shown in (d) and (e), in response to the user dragging device card 260 to pop-up window 261, the phone switches pop-up window 261 to its first form, and pop-up window 261 includes a preset box 263, which indicates that device card 260 can be dragged to that position. In response to the user dragging device card 260 to the preset box 263 in pop-up window 261, the phone does not display device card 260 in the device card editing interface, but displays device card 260 in pop-up window 261, as shown in (d) and (e). Figure 26 As shown in (f) in the figure.

[0187] Users can also modify the switches displayed in the control center interface. The phone displays the control center interface, which includes suggestion cards. For example... Figure 27 As shown in (a), the mobile phone displays a control center interface 601a. ​​In response to an operation on control 602a, the mobile phone displays an editable item list 603a in the control center interface. In response to an operation on a third option such as "Edit Switch," the mobile phone displays a switch editing interface 604a. The switch editing interface 604a includes area 605a, area 606a, and a third window 607a. Area 605a includes two display positions. In response to the user dragging a card displayed in the third window 607a to one of the display positions, the mobile phone can display the user-selected switch in that position. Area 606a is used to include the switches displayed in the control center interface. In response to the user dragging a card displayed in the third window 607a to area 606a, the mobile phone can display the user-selected switch in area 606a. Figure 27 As shown in (b), the phone displays a control center interface 601b. In response to an operation on control 602b, the phone displays an editable item list 603b in the control center interface. In response to an operation on a third option such as "Edit Switch," the phone displays a switch editing interface 604b. The switch editing interface 604b includes an area 606b and a third window 607b. Area 606a is used to include the switches displayed in the control center interface. In response to the user dragging a card displayed in the third window 607a to area 606a, the phone can display the user-selected switch in area 606a.

[0188] This application also provides two different control center interfaces in its embodiments. For example... Figure 28As shown in (a), in response to a user swiping down on the main interface, the phone displays a control center interface 280a. This control center interface includes a control 281a. In response to clicking the control 281a, the phone displays a control center interface 282a, and the phone switches the control 281a to an upward arrow. The switches displayed on the control center interface are rectangular in shape. Figure 28 As shown in (b), in response to a user swiping down on the main interface, the phone displays a control center interface 280b, which includes a control 281b. In response to clicking the control 281b, the phone displays a control center interface 282b, and the phone switches the control 281a to an upward arrow. The switches displayed on the control center interface are circular in shape. Furthermore, the switches are displayed in cards such as cards 283 and 284.

[0189] This application provides an electronic device including a memory, a display screen, and one or more processors. The display screen is coupled to the processors. The memory stores computer program code. The computer program code includes computer instructions. When the processor executes the computer instructions, the electronic device can perform various functions or steps performed by the mobile phone in the above method embodiments. The structure of the electronic device can be referred to... Figure 3 The structure of the electronic device 300 shown.

[0190] This application embodiment also provides a computer storage medium, which includes computer instructions, when the computer instructions are executed in the aforementioned electronic device (such as...). Figure 3 When the electronic device 300 shown is run, it causes the electronic device to perform the various functions or steps in the above method embodiments.

[0191] This application also provides a computer program product that, when run on a computer, causes the computer to perform the various functions or steps described in the above method embodiments.

[0192] This application also provides a chip system including at least one processor and at least one interface circuit. The processor and the interface circuit are interconnected via lines. For example, the interface circuit can be used to receive signals from other devices (e.g., the memory of an electronic device). As another example, the interface circuit can be used to send signals to other devices (e.g., the processor). Exemplarily, the interface circuit can read instructions stored in the memory and send the instructions to the processor. When the instructions are executed by the processor, the electronic device can perform the steps in the above embodiments. Of course, the chip system may also include other discrete devices, and this application does not specifically limit this.

[0193] Through the above description of the embodiments, those skilled in the art can clearly understand that, for the sake of convenience and brevity, only the division of the above functional modules is used as an example. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

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

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

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

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

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

Claims

1. A display method, characterized in that, Applied to electronic devices, the method includes: Display the control center interface; In response to a first operation on the control center interface, a first window is displayed, the first window including a first card for displaying system information; In response to a second operation performed on the first card in the first window, the first card is displayed on the control center interface.

2. The method according to claim 1, characterized in that, The control center interface includes a first control, which is used to trigger the electronic device to display an editable item list; the editable item list includes a first option, which is used to trigger the electronic device to display the first window; The first operation includes operations on the first control and operations on the first option.

3. The method according to claim 1, characterized in that, The response to the first operation on the control center interface, displaying the first window, includes: In response to the first operation on the control center interface, the first window is displayed in the editing interface; the editing interface includes a second card that can be edited. The first card displayed on the control center interface is associated with the second card.

4. The method according to claim 3, characterized in that, The control center interface includes a first control, which is used to trigger the electronic device to display an editable item list; the editable item list includes a first option, which is used to trigger the electronic device to display the editing interface, and the editing interface includes a second card that can be edited; The first operation includes operations on the first control, operations on the first option, and operations on the second piece.

5. The method according to any one of claims 1-4, characterized in that, The first window includes a second control, which is used to close the first window; The second operation on the first card includes operations on the first card and operations on the second control.

6. The method according to any one of claims 1-5, characterized in that, Before displaying a first window in response to a first operation on the control center interface, the control center interface includes a second card; The response to the second operation on the first card in the first window, displaying the first card on the control center interface, includes: In response to a second operation performed on the first card in the first window, the first card is displayed on the control center interface, while the second card is not displayed.

7. The method according to any one of claims 1-6, characterized in that, Before displaying a first window in response to a first operation on the control center interface, the control center interface includes a second card; The response to the second operation on the first card in the first window, displaying the first card on the control center interface, includes: In response to a second operation on the first card in the first window, a card stack is displayed on the control center interface, the card stack being formed by stacking the second card and the first card, the number of the first card being one or more.

8. The method according to claim 5, characterized in that, The operation on the first card includes any one of the following: dragging the first card, clicking the first card, or operating the fourth control corresponding to the first card.

9. The method according to claim 6, characterized in that, The method further includes: In response to a third operation on the control center interface, a bounding box is displayed; In response to dragging the first card to the bounding box, the first card is displayed on the desktop of the electronic device.

10. The method according to claim 9, characterized in that, The control center interface includes a first control, which is used to trigger the electronic device to display an editable item list; the editable item list includes a first option, which is used to trigger the electronic device to display an editing interface, the editing interface includes a first card, and the third operation includes operations on the first control, operations on the first option, and operations on the first card.

11. The method according to claim 6, characterized in that, The method further includes: In response to a fourth operation on the control center interface, the display positions of the third and fourth cards in the control center interface are swapped.

12. The method according to any one of claims 1-11, characterized in that, The system information includes one or more of the following: storage space, display and battery usage information, data usage information, and system status information.

13. An electronic device, characterized in that, The electronic device includes: a memory, a wireless communication module, and one or more processors; the wireless communication module receives and transmits data under the control of the processor to realize communication between the electronic device and other electronic devices; the memory is coupled to the processor; wherein the memory is used to store computer program code, the computer program code including computer instructions; when the computer instructions are executed by the processor, the electronic device performs the method as described in any one of claims 1-12.

14. A computer-readable storage medium, characterized in that, Includes computer instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1-12.

15. A computer program product comprising a computer program / instructions, characterized in that, When the computer program / instructions are executed by the processor, they implement the steps of the method as described in any one of claims 1-12.

Images