Display style setting method and electronic equipment

Abstract

The invention discloses a display style setting method and electronic equipment, and relates to the field of terminals.The method comprises the steps that in response to a first operation for screen locking, a screen locking setting interface comprising a first preview area and a screen locking toolbar is displayed, the first preview area is used for previewing the screen locking effect, and the first preview area is used for previewing the screen locking toolbar; the screen locking toolbar comprises a plurality of controls used for modifying the screen locking effect; in response to a second operation for the desktop, a desktop setting interface comprising a second preview area and a desktop toolbar is displayed, the second preview area is used for previewing the desktop home page effect, and the desktop toolbar comprises a plurality of controls used for modifying the desktop effect; in response to a third operation aiming at the lock screen setting interface, switching from the lock screen setting interface to the desktop setting interface; and in response to a fourth operation for the desktop setting interface, switching display from the desktop setting interface to the lock screen setting interface. According to the method and the device, a user can intensively and conveniently set a plurality of display parameters, and meanwhile, the setting effect can be displayed in real time in an overlapping manner.

Description

[0001] This application claims priority to Chinese Patent Application No. 202411397961.0, filed with the State Intellectual Property Office of China on September 30, 2024, entitled "A Method and System for Personalizing Mobile Phone Interfaces", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminals, and in particular to a display style setting method and an electronic device. Background Technology

[0003] As terminal technology continues to develop, the configurable display styles of electronic devices are becoming increasingly diverse. For example, users can change the desktop wallpaper of their electronic devices, and also change the style, shape, or color of application icons displayed on the desktop. Because the display styles that users can personalize for their electronic devices are constantly increasing, when users need to set multiple items, they need to switch back and forth between different entry points. Furthermore, the effects cannot be layered and previewed in real time; users can only view the adjusted content after setting each item separately. If they are not satisfied, they need to enter different entry points again to make further adjustments, making the process cumbersome. Summary of the Invention

[0004] This application provides a display style setting method and an electronic device, which enables users to centrally and conveniently set multiple display parameters of the electronic device in one interface, and the settings can be displayed in real time and overlaid.

[0005] In a first aspect, a method for setting display styles is provided, characterized in that it is applied to an electronic device including a display screen, the method comprising: in response to a first operation on a lock screen, displaying a lock screen settings interface, the lock screen settings interface including a first preview area and a lock screen toolbar, the first preview area being used to preview a lock screen effect, and the lock screen toolbar including a plurality of controls for modifying the lock screen effect; in response to a second operation on a desktop, displaying a desktop settings interface, the desktop settings interface including a second preview area and a desktop toolbar, the second preview area being used to preview a desktop homepage effect, and the desktop toolbar including a plurality of controls for modifying the desktop effect; in response to a third operation on the lock screen settings interface, switching from the lock screen settings interface to the desktop settings interface; and in response to a fourth operation on the desktop settings interface, switching from the desktop settings interface to the lock screen settings interface.

[0006] For example, the first operation can be a two-finger pinch operation. The lock screen settings interface is as follows: Figure 3 As shown in (c) above. The second operation can be a two-finger pinch operation. The desktop settings interface is as follows. Figure 3As shown in (d) in the diagram. The third operation can be a leftward swipe. The fourth operation can be a rightward swipe.

[0007] In this embodiment of the application, by aggregating personalized content in the electronic device system and switching between different scenes, such as lock screen and desktop, through swiping, multiple options and parameters of the electronic device can be personalized within the same page, making it convenient for users to operate. At the same time, all parameter adjustments are previewed in real time. Therefore, when adjusting parameters, effects such as wallpaper, rounded corners of icons, and fonts can be overlaid and previewed to achieve the personalized setting effect desired by the user.

[0008] In one possible implementation, in response to a second operation on the desktop, displaying a desktop settings interface includes: in response to the second operation on the desktop, displaying a desktop editing interface, the desktop editing interface including a desktop preview area and a personalization settings icon, the desktop preview area being used to preview the desktop, and all pages of the desktop being used to switch displays in response to a swipe operation; and in response to a fifth operation on the personalization settings icon, switching from the desktop editing interface to the desktop settings interface.

[0009] For example, the desktop editing interface is as follows Figure 4 As shown in (b) and (c) above. The fifth operation is a click operation; the personalization settings icon is... Figure 4 The icon for "Rubik's Cube Personalization and Wallpaper" is shown in (c). The fifth operation is a click operation.

[0010] In one possible implementation, the method further includes: displaying a settings application home page in response to the launch of the settings application, the settings application home page including desktop and personalization options; displaying a desktop and personalization interface including a personalization settings icon in response to a sixth operation on the desktop and personalization options; and switching from the desktop and personalization interface to the desktop settings interface in response to a seventh operation on the personalization settings options.

[0011] For example, the personalization settings icon in the desktop and personalization interface is Figure 5 The Rubik's Cube Personalization Engine card shown in (b) has an icon that can be displayed in any way, such as a card, icon, or control.

[0012] In one possible implementation, the desktop and personalization interface further includes a theme settings option, and the method further includes: in response to an eighth operation on the theme settings option, switching from the desktop and personalization interface to a theme selection interface, the theme selection interface including a custom editing control; and in response to a ninth operation on the custom editing control, switching from the theme selection interface to the desktop settings interface.

[0013] For example, the theme settings options are Figure 6 The theme tab shown in (a) has the following theme selection interface: Figure 6 As shown in (b) above. Both the eighth and ninth operations can be click operations.

[0014] In one possible implementation, the method further includes: displaying a theme application homepage in response to the launch of the theme application, the theme application homepage including a personalization settings icon; and switching from the theme homepage to the desktop settings interface in response to a tenth operation on the personalization settings icon.

[0015] For example, the theme application homepage is as follows Figure 9 As shown in (a) above, the personalization settings icon is as follows: Figure 9 The Rubik's Cube personalized card shown in (a) is an example. The tenth operation can be a click operation.

[0016] In one possible implementation, the desktop toolbar includes at least icon style controls; the method further includes:

[0017] In response to the eleventh operation on the icon style control, the desktop settings interface switches to a secondary desktop settings interface, which includes a third preview area and a first pop-up window. The third preview area is used to preview the effects of all desktop pages, and the first pop-up window is used to display multiple different icon parameter options.

[0018] For example, the desktop settings interface has a secondary interface such as Figure 16 As shown in (b) above, the third preview area is as follows: Figure 16 The preview area shown in (b) shows the first pop-up window as follows: Figure 16 The icon style pop-up in (b) of the document.

[0019] For example, the icon parameter option refers to Figure 16 The options in the icon style pop-up window in (b) are as follows. The eleventh operation can be a click operation.

[0020] It should be understood that since the second preview area previews the desktop homepage effect, the second preview area can change as the display effect of the third preview area changes.

[0021] It should be understood that in the third preview area, all desktop pages can be switched in response to swipe gestures.

[0022] In one possible implementation, the icon parameter options include icon color options, and the method further includes: in response to a twelfth operation for the icon color option, the first pop-up in the secondary interface of the desktop settings interface is switched to a second pop-up, the second pop-up being used to display multiple different color options; in response to a thirteenth operation for any one of the color options, the icon color in the third preview area is switched to the color corresponding to the color option.

[0023] For example, such as Figure 16 As shown in (b), the color control is the icon color option; the second pop-up window is... Figure 16 The color selection pop-up is shown in (c). Both the twelfth and thirteenth operations can be clicked.

[0024] Optionally, in this embodiment, the color options in the second pop-up window may further include a default color option and a wallpaper color selection option. In response to a click on the default color option, the icon color in the third preview area remains unchanged; in response to a click on the wallpaper color selection option, the current icon color in the third preview area is switched to the same color as the main color of the wallpaper.

[0025] In one possible implementation, the icon parameter options include multiple different icon style options, and the method further includes: in response to a fourteenth operation for any one of the icon style options, the icon style of the third preview area is switched to the style corresponding to the icon style option.

[0026] For example, the fourteenth operation can be a click operation.

[0027] In one possible implementation, the icon parameter options include an icon size control bar and an icon rounded corner control bar, and the method further includes: in response to a fifteenth operation on the icon size control bar, switching the icon size in the third preview area to the size indicated by the icon size control bar; and in response to a sixteenth operation on the icon rounded corner control bar, switching the icon rounded corners in the third preview area to the rounded corner size indicated by the icon rounded corner control bar.

[0028] For example, both the fifteenth and sixteenth operations can be sliding operations.

[0029] In one possible implementation, the desktop toolbar further includes a switching effect control, and the method further includes: in response to a seventeenth operation on the switching effect control, a third pop-up window is displayed in the secondary interface of the desktop settings interface, the third pop-up window being used to display multiple desktop switching options indicating different desktop switching effects; in response to an eighteenth operation on any desktop switching option, the desktop switching animation in the third preview area is switched to the desktop switching animation corresponding to the desktop switching option.

[0030] For example, the third pop-up window is Figure 14 The switching effect pop-up shown in (b) can be clicked for both the seventeenth and eighteenth operations.

[0031] Optionally, desktop switching options may include default options, depth of field options, and push options.

[0032] In one possible implementation, the desktop toolbar further includes a desktop layout control, and the method further includes: in response to a nineteenth operation on the desktop layout control, a fourth pop-up window is displayed in the secondary interface of the desktop settings interface, the fourth pop-up window being used to display multiple desktop layout options indicating different desktop layout effects; in response to a twentieth operation on any desktop layout option, the desktop layout mode of the third preview area is switched to the desktop layout mode corresponding to the desktop layout option.

[0033] For example, the fourth pop-up window is Figure 15 In the desktop layout pop-ups shown in (b) and (c), both the nineteenth and twentieth operations can be clicked.

[0034] In one possible implementation, the secondary interface of the desktop settings interface that displays the fourth pop-up includes an application control, and the method further includes: in response to a twenty-first operation on the application control, switching the display from the secondary interface of the desktop settings interface to the desktop, wherein the desktop layout is the desktop layout corresponding to the desktop layout option.

[0035] For example, the twenty-first operation can be a click operation.

[0036] In one possible implementation, the desktop toolbar further includes a folder control, and the method further includes: in response to a twenty-second operation on the folder control, displaying a fifth pop-up window in the secondary interface of the desktop settings interface, the fifth pop-up window being used to display a background blur switch and a blur level control bar; in response to a twenty-third operation on the background blur switch, switching the folder in the third preview area to a background blur state; and in response to a twenty-fourth operation on the blur level control bar, switching the background blur level of the folder in the third preview area to the level indicated by the blur level control bar.

[0037] For example, the fifth pop-up window can be Figure 19 The folder pop-up window shown in (b) is an example. Operations 22 and 23 can both be clicked, while operation 24 can be swiped.

[0038] In one possible implementation, the desktop settings interface further includes a theme card, and the method further includes: in response to a twenty-fifth operation on the theme card, switching the display from the desktop settings interface to a theme settings interface, the theme settings interface including a fourth preview area and a sixth pop-up window; the fourth preview area is used to display a lock screen preview image or a desktop preview image, and the sixth pop-up window is used to display multiple different theme options; in response to a twenty-sixth operation on any one of the theme options, the theme corresponding to the lock screen preview image and the desktop preview image in the fourth preview area is switched to the theme corresponding to the theme option.

[0039] For example, the theme settings interface is as follows Figure 20 As shown in (b) and (c), the theme settings interface is also a secondary interface of the desktop settings interface. The sixth pop-up window can be... Figure 20 The topic pop-ups shown in (b) and (c) are as follows.

[0040] For example, both the twenty-fifth and twenty-sixth operations can be click operations.

[0041] In one possible implementation, the theme settings interface further includes an application control, and the method further includes: in response to a twenty-seventh operation on the application control, switching the display from the theme settings interface to the desktop, the theme of the desktop being the theme corresponding to the theme option.

[0042] For example, the twenty-seventh operation could be a click operation.

[0043] In one possible implementation, the desktop settings interface further includes a wallpaper card, the wallpaper card including a color control, and the method further includes: in response to a twenty-eighth operation on the color control, displaying a seventh pop-up window in the secondary interface of the desktop settings interface, the seventh pop-up window being used to display multiple different color options; in response to a twenty-ninth operation on any one of the color options, switching the wallpaper color of the third preview area to the color corresponding to the color option.

[0044] For example, the seventh pop-up window can be as follows: Figure 22 The color pop-up shown in (b) is shown in the image; both the 28th and 29th operations can be clicked.

[0045] In one possible implementation, the wallpaper card further includes a follow lock screen control, and the method further includes: in response to a thirtieth operation on the follow lock screen control, the wallpaper in the third preview area is switched to the same wallpaper as the lock screen interface.

[0046] For example, the thirtieth operation can be a click operation.

[0047] In one possible implementation, the wallpaper card further includes a custom control, and the method further includes: in response to a thirty-first operation on the custom control, displaying an eighth pop-up window in the secondary interface of the desktop settings interface, the eighth pop-up window being used to display multiple different wallpaper options; in response to a thirty-second operation on any one of the wallpaper options, switching the wallpaper in the third preview area to the wallpaper corresponding to the wallpaper option.

[0048] For example, the eighth pop-up window can be as follows: Figure 24 The wallpaper pop-up shown in (b) is shown in the image; both the thirty-first and thirty-second operations can be clicked.

[0049] In one possible implementation, the first preview area further includes a wallpaper preview control, and the method further includes:

[0050] In response to the thirty-third operation on the wallpaper preview control, the desktop settings interface is switched to display the wallpaper preview interface, which is used to display the content of the first preview area in full screen; in response to the movement operation on the wallpaper preview interface, the wallpaper position is moved; in response to the zoom operation on the wallpaper preview interface, the wallpaper size is zoomed.

[0051] For example, the thirty-third operation can be a click operation, and the wallpaper preview interface can be... Figure 27 The interface shown in (b) is shown in the image.

[0052] Optionally, the wallpaper preview interface includes a save control. In response to a click on the save control, the wallpaper effect in the second preview area switches to the effect after being moved and / or scaled.

[0053] In one possible implementation, the desktop editing interface further includes desktop card icons, which are used to indicate the addition or modification of cards on the desktop.

[0054] For example, desktop card icons such as Figure 4 The third icon from the bottom, shown in (c).

[0055] In one possible implementation, the desktop editing interface further includes a desktop settings icon, which is used to indicate at least one of the following: desktop layout, lock screen layout, and icon size.

[0056] For example, desktop settings icons such as Figure 4 The first icon at the bottom, shown in (c).

[0057] In one possible implementation, the method further includes: in response to a thirty-fourth operation on the lock screen settings interface, switching the display from the lock screen settings interface to an off-screen settings interface, the off-screen settings interface including a fifth preview area and an off-screen toolbar, the fifth preview area being used to preview the off-screen effect, and the off-screen toolbar including a plurality of controls for modifying the off-screen effect.

[0058] For example, the always-on display settings interface can be as follows: Figure 11 As shown in (a) in the diagram. The thirty-fourth operation can be a leftward swipe operation.

[0059] In one possible implementation, the method further includes: in response to a thirty-fifth operation on the desktop settings interface, switching the display from the desktop settings interface to a system settings interface, the system settings interface including a sixth preview area and a system rounded corner toolbar, the sixth preview area being used to preview all pages of the system interface, the system rounded corner toolbar including a system rounded corner control bar and a follow icon control; in response to a thirty-sixth operation on the system rounded corner control bar, resizing the system rounded corners in the sixth preview area; and in response to a thirty-seventh operation on the follow icon control, ensuring that the system rounded corners and icon rounded corners in the sixth preview area are kept consistent in size.

[0060] For example, the system settings interface can be as follows: Figure 11 (d) and Figure 28 As shown in (a), the 35th and 37th operations can both be click operations, and the 36th operation can be a swipe operation.

[0061] In a second aspect, a display style setting device is provided, comprising a unit consisting of software and / or hardware, the unit being used to perform any one of the methods in the technical solution of the first aspect.

[0062] Thirdly, embodiments of this application provide a chip including a processor; the processor is used to read and execute a computer program stored in a memory to perform any one of the methods described in the first aspect.

[0063] Optionally, the chip also includes a memory, which is connected to the processor via a circuit or wire.

[0064] Alternatively, the chip may further include a communication interface.

[0065] Fourthly, an electronic device is provided, comprising: a processor, a memory, and an interface; the processor, memory, and interface cooperate with each other to enable the electronic device to perform any one of the methods described in the first aspect.

[0066] Fifthly, an electronic device is provided, which includes any one of the chips described in the third aspect.

[0067] Alternatively, the electronic device can be a foldable screen device.

[0068] In a sixth aspect, a computer-readable storage medium is provided, wherein a computer program is stored therein, and when the computer program is executed by a processor, the processor performs any one of the methods described in the first aspect.

[0069] In a seventh aspect, a computer program product is provided, the computer program product comprising: computer program code, which, when executed on an electronic device, causes the electronic device to perform any one of the methods described in the first aspect. Attached Figure Description

[0070] Figure 1 This is a schematic diagram of the hardware structure of the electronic device provided in the embodiments of this application;

[0071] Figure 2 This is a software structure block diagram of the electronic device provided in the embodiments of this application;

[0072] Figure 3 This is a schematic diagram of a personalized interface for entering the Rubik's Cube from the lock screen, provided in an embodiment of this application.

[0073] Figure 4 This is a schematic diagram of a personalized Rubik's Cube interface provided in an embodiment of this application;

[0074] Figure 5 This is a schematic diagram of an interface for accessing Rubik's Cube personalization from system settings, provided in an embodiment of this application.

[0075] Figure 6 This is a schematic diagram of another interface for accessing Rubik's Cube personalization from system settings, provided in an embodiment of this application.

[0076] Figure 7 This is another schematic diagram of the interface for accessing Rubik's Cube personalization from system settings, provided in an embodiment of this application;

[0077] Figure 8 This is another schematic diagram of the interface for accessing Rubik's Cube personalization from system settings, provided in an embodiment of this application;

[0078] Figure 9 This is a schematic diagram of an interface for accessing the Rubik's Cube personalization from a theme application, provided in an embodiment of this application;

[0079] Figure 10 This is another schematic diagram of the interface for entering the Rubik's Cube personalization from the theme application, provided in an embodiment of this application;

[0080] Figure 11 This is a schematic diagram of an interface related to the basic structure of a Rubik's Cube for personalization, provided in an embodiment of this application;

[0081] Figure 12 This is a schematic diagram of an interface returned from the lock screen settings interface according to an embodiment of this application;

[0082] Figure 13 This is a schematic diagram of an interface returned from a desktop editing interface, provided in an embodiment of this application;

[0083] Figure 14 This is a schematic diagram of an interface for setting switching effects provided in an embodiment of this application;

[0084] Figure 15 This is a schematic diagram of an interface for setting desktop layout provided in an embodiment of this application;

[0085] Figure 16 This is a schematic diagram of an interface for setting icon styles provided in an embodiment of this application;

[0086] Figure 17 This is a schematic diagram of an interface for setting icon colors provided in an embodiment of this application;

[0087] Figure 18 This is a schematic diagram of an interface for selecting more icon styles provided in an embodiment of this application;

[0088] Figure 19 This is a schematic diagram of an interface for setting up a folder, provided in an embodiment of this application;

[0089] Figure 20 This is a schematic diagram of an interface related to the selection and application of a topic, provided in an embodiment of this application;

[0090] Figure 21 This is a schematic diagram of an interface for using a paid theme, provided in an embodiment of this application.

[0091] Figure 22 This is a schematic diagram of an interface for setting wallpaper color provided in an embodiment of this application;

[0092] Figure 23 This is a schematic diagram of an interface for setting the wallpaper to follow the lock screen, provided in an embodiment of this application;

[0093] Figure 24 This is a schematic diagram of an interface for setting a custom wallpaper provided in an embodiment of this application;

[0094] Figure 25 This is a schematic diagram of an interface for setting an external image as wallpaper, provided in an embodiment of this application.

[0095] Figure 26 This is a schematic diagram of an interface for setting a blurred wallpaper background, provided in an embodiment of this application;

[0096] Figure 27 This is a schematic diagram of a wallpaper preview interface provided in an embodiment of this application;

[0097] Figure 28 This is a schematic diagram of an interface for setting system rounded corners provided in an embodiment of this application;

[0098] Figure 29 This is a schematic diagram of an interface for setting system fonts provided in an embodiment of this application;

[0099] Figure 30 This is a flowchart illustrating a display style setting method provided in an embodiment of this application. Detailed Implementation

[0100] The technical solutions of the embodiments of this application will be described below with reference to the accompanying drawings. In the description of the embodiments of this application, unless otherwise stated, " / " means "or," for example, A / B can mean A or B; "and / or" in this text is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. Furthermore, in the description of the embodiments of this application, "multiple" refers to two or more than two.

[0101] Hereinafter, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Thus, a feature defined as "first," "second," or "third" may explicitly or implicitly include one or more of that feature.

[0102] The display style setting method provided in this application embodiment can be applied to electronic devices such as mobile phones, tablets, wearable devices, in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, and personal digital assistants (PDAs). This application embodiment does not impose any restrictions on the specific type of electronic device.

[0103] For example, Figure 1 This is a schematic diagram of the structure of an electronic device 100 provided in an embodiment of this application. The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

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

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

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

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

[0109] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C buses. The processor 110 can couple to the touch sensor 180K, charger, flash, camera 193, etc., through different I2C bus interfaces. For example, the processor 110 can couple to the touch sensor 180K through the I2C interface, enabling the processor 110 and the touch sensor 180K to communicate through the I2C bus interface, thereby realizing the touch function of the electronic device 100.

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

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

[0112] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch screen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0113] It is understood that the interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

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

[0115] Figure 2 This is a software structure block diagram of an electronic device 100 according to an embodiment of this application. The layered architecture divides the 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 Android runtime and system libraries, and the kernel layer. The application layer may include a series of application packages.

[0116] like Figure 2 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0117] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0118] like Figure 2 As shown, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

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

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

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

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

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

[0124] The notification manager allows applications to display notification information in the status bar. It can be used to convey informational messages and can disappear automatically after a short time without user interaction.

[0125] The Android runtime consists of core libraries and a virtual machine. The Android runtime is responsible for scheduling and managing the Android system.

[0126] 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.

[0127] 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.

[0128] 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.

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

[0130] 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.

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

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

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

[0134] For ease of understanding, the following embodiments of this application will be described using the following methods: Figure 1 and Figure 2 Taking the electronic device with the structure shown as an example, and in conjunction with the accompanying drawings and application scenarios, the display style setting method provided in this application embodiment will be specifically described.

[0135] In related designs, when users want to configure the lock screen of electronic devices (such as mobile phones), they need to enter the settings interface from the desktop and personalization options in the system settings or the lock screen interface to personalize the lock screen and desktop. The settings interface may contain different settings, such as lock screen style settings, always-on display settings, font settings, icon settings, desktop settings, etc. When users want to set multiple items, they need to switch back and forth between different entry points, and the effects cannot be combined and previewed in real time. They can only view the adjusted content after setting it separately. If they are not satisfied, they need to enter different entry points again to make adjustments, which is cumbersome.

[0136] This application provides a display style setting method that aggregates personalized content within the system, allowing users to switch between different scenes by swiping left and right, such as: screen off, lock screen, desktop, system, sound effects, etc. This enables users to conveniently and quickly personalize multiple aspects of their electronic devices within a single page. Furthermore, all adjustments are previewed in real-time, and multiple settings, such as wallpaper, rounded icon corners, and font sizes, can be overlaid for preview, achieving the desired personalized effect.

[0137] The first part describes in detail the setting entry point of the embodiments of this application with reference to the accompanying drawings.

[0138] In this embodiment, the function of personalizing electronic devices on a single page is called "Magic Cube Personalization." The settings interface for "Magic Cube Personalization" allows users to switch between previews of different scene-related interfaces and corresponding toolbars by swiping left and right, thus facilitating personalized settings for multiple items on a single page. Users can access the Magic Cube Personalization settings interface in the following ways: Method 1: From the lock screen; Method 2: From the desktop; Method 3: From system settings; Method 4: From the entry point in the theme application. These four access methods are described in detail below.

[0139] Method 1: Access the Rubik's Cube's personalized settings interface from the lock screen.

[0140] Figure 3Image (a) shows the unlocked interface, which displays the lock screen wallpaper. Users can then... Figure 3 In the lock screen interface shown in Figure (a), performing a two-finger pinch operation, in response to the two-finger pinch operation, the electronic device enters the interface editing state, and can display, as shown in Figure (a). Figure 3 The lock screen editing interface is shown in (b) above. Optionally, if the user performs a two-finger pinch operation directly on the locked interface, in response to the two-finger pinch operation, the electronic device may first display an unlock screen that requires the user to enter a password and / or fingerprint. After the user unlocks the device by entering any one of the password, fingerprint, or face on the unlock screen, the electronic device may display the following... Figure 3 The lock screen editing interface is shown in Figure (b).

[0141] It should be noted that, as Figure 3 As shown in (b), in response to a two-finger pinch operation, the electronic device can first display a thumbnail of the current lock screen and other historical lock screens, where historical lock screens refer to lock screen styles saved by the user. The thumbnail of the current lock screen has an editing control, and in response to the user's operation on the editing control, the electronic device can display, as shown in (b). Figure 3 The lock screen settings interface is shown in Figure (c).

[0142] Optionally, users can, for example Figure 3 In the lock screen editing interface shown in Figure (b), users can swipe left and right to select previously used wallpapers. Users can also... Figure 3 In the lock screen editing interface shown in Figure (b), clicking the edit control responds to the user's click on the edit control, and the electronic device can display the following: Figure 3 The lock screen settings interface shown in Figure (c) is the first settings interface for Rubik's Cube personalization.

[0143] In such Figure 3 As shown in Figure (c), a back control can be displayed at the top of the lock screen settings interface. When the user clicks the back control, the electronic device can return to the lock screen interface. The lock screen settings interface can also display a prompt message indicating that it is currently in the lock screen settings interface, such as the word "Lock Screen". The lock screen settings interface can also display a "Done" control at the top. When the user clicks the "Done" control, the electronic device can apply the current settings, such as changes to the lock screen style or depth effect settings, to the lock screen interface, and can also save the current settings as a lock screen history.

[0144] The central area of ​​the lock screen settings interface serves as the primary preview area, used to preview the lock screen effects set by the user. Optionally, a share control can be displayed in the upper right corner of the preview area. Users can click the share control to share the current lock screen as an image to other applications or devices. Users can also click the clock display area in the primary preview area to modify the clock's style, font, and color.

[0145] Below the lock screen settings interface is a lock screen toolbar, which includes several tool controls such as "Lock Screen Style," "AI Style," "Personalized Decoration," and "Depth of Field Effect." When the user clicks "Lock Screen Style," the electronic device can display a variety of lock screen wallpapers and templates for selection. When the user clicks "AI Style," the electronic device can intelligently adapt the lock screen style. When the user clicks "Personalized Decoration," the lock screen can be customized according to personal preferences. When the user clicks "Depth of Field Effect," the user can choose whether to display a depth of field effect on the lock screen wallpaper.

[0146] Users can also... Figure 3 In the lock screen settings interface shown in Figure (c), when a left swipe is performed, the electronic device responds to the user's left swipe, switching to the desktop preview interface while maintaining the interface editing state, that is, displaying the desktop settings interface (i.e., the second settings interface for Magic Cube personalization), for example... Figure 3 As shown in Figure (d) in the diagram.

[0147] A back control can be displayed at the top of the desktop settings interface. When the user clicks the back control, the electronic device can return to the lock screen or the desktop. The top of the desktop settings interface can also display a prompt message indicating that the current desktop settings interface is active, such as the word "Desktop". A "Done" control can also be displayed at the top of the desktop settings interface. When the user clicks the "Done" control, the electronic device can apply the current desktop settings, such as the theme and wallpaper style, to the desktop.

[0148] The middle area of ​​the desktop settings interface is the second preview area, used to preview the desktop interface.

[0149] The desktop settings interface includes theme and wallpaper cards at the bottom. Users can click the theme card to enter the theme settings interface to set the lock screen and desktop theme, and click the wallpaper card to enter the desktop wallpaper selection interface to set the desktop wallpaper. Below the theme and wallpaper cards, the desktop settings interface also includes a desktop toolbar, which includes several tool controls, such as "icon styles," "desktop layout," and "transition effects." When the user clicks "icon styles," the electronic device can display a variety of icon styles for the user to choose from, setting the style of the desktop icons; when the user clicks "transition effects," the electronic device can display a variety of desktop transition effect templates for the user to choose from, setting the display animation when switching desktops.

[0150] When a user clicks "Desktop Layout," the electronic device displays various desktop icon layout templates for the user to choose from. These templates may include an icon for a smart layout option, also known as smart wrap. When the user clicks the smart wrap icon, the electronic device automatically and intelligently arranges the desktop icons based on the displayed wallpaper; this will not be elaborated upon here. Optionally, the layout templates may also include other layout options for the user to choose from.

[0151] Optionally, users can continue to swipe left in the desktop settings interface, allowing the electronic device to maintain the interface editing state and switch to displaying the system settings interface (i.e., the Rubik's Cube's personalized third settings interface), for example... Figure 3 As shown in Figure (e).

[0152] A back control can be displayed at the top of the system settings interface. When the user clicks the back control, the electronic device can return to the previous screen. Figure 3 The lock screen interface shown in Figure (a) or the return to the desktop; the system settings interface can also display a prompt message indicating that the current system settings interface is in progress, such as the words "System Interface"; the system settings interface can also display a "Done" control. When the user clicks the "Done" control, the electronic device can apply the current settings, such as modifications to the system interface style, to the system interface.

[0153] The middle area of ​​the system settings interface is the system preview area, used to preview the settings effect of the system interface.

[0154] The system settings interface includes toolbars at the bottom for adjusting the rounded corners of icons and fonts. For the icon rounding toolbar, users can drag the control bar left and right to change the rounded corner size of icons in the system interface. Users can also click the "Follow Icon" control in the toolbar to make the rounded corners of cards in the system interface follow the rounded corners of the icons. For the font adjustment toolbar, users can click to access a secondary pop-up window corresponding to the system font and modify the font style.

[0155] Method 2: Access the Rubik's Cube's personalized settings interface from the desktop.

[0156] like Figure 4 As shown in (a), when the desktop is displayed, in response to a user's pinch-to-zoom gesture, the electronic device can enter an interface editing state, for example, displaying... Figure 4 The desktop editing interface shown in (c) is shown in the image.

[0157] The central area of ​​the desktop editing interface is the desktop preview area, used to preview the desktop.

[0158] Optionally, when a user performs a two-finger pinch operation on the desktop, the preview area can preview the desktop page displayed when pinching with two fingers, or it can preview the first desktop page by default. This embodiment of the application does not limit this. Optionally, the first desktop page is also called the initial desktop screen. Optionally, in this case, the desktop icons in the preview area of ​​the desktop editing interface are arranged in the same way as the original desktop.

[0159] Optionally, in response to left and right swipe operations on the desktop editing interface, such as Figure 4 The desktop preview area shown in (c) can display the negative one screen, the second page, the third page of desktops, etc. In other words, editing the preview area can preview all the content included in the current desktop (all desktops).

[0160] exist Figure 4 In the desktop editing interface shown in Figure (c), desktop card icons, personalization icons, and desktop settings icons can be displayed at the bottom of the interface. Users can click on the desktop card icons to add or modify cards on the desktop; users can also click on the desktop settings icons to set desktop layout, lock screen layout, icon size, and other settings. When a user clicks on a personalization icon (such as controls for Rubik's Cube personalization and wallpaper), the electronic device can respond to the user's operation and display, for example... Figure 4 The desktop settings interface is shown in Figure (d). Figure 4 The desktop settings interface shown in Figure (d) is as follows: Figure 3 The content shown in (d) is the same as that in the previous diagram, and will not be repeated here. Users can find it in... Figure 4 Swipe left or right in image (d) to switch to the view shown below. Figure 3 The interface shown in Figure (c) or Figure (e) will not be described again here.

[0161] Optionally, after updating the Rubik's Cube version, in response to the user's two-finger pinch operation, upon first entering... Figure 4 Before the desktop editing interface shown in (c) above, the electronic device can pop up a window such as Figure 4The pop-up window shown in (b) prompts the user to enable the Rubik's Cube personalization function. This pop-up window may include two controls: "OK" and "Try it." In response to the user clicking the "Try it" control, the pop-up window disappears, and the electronic device can directly switch to displaying [the desired feature]. Figure 4 The desktop settings interface shown in (d) is shown in the image.

[0162] It should be understood that the above pop-up window will only appear once when you first enter the desktop editing interface, and will not appear again thereafter.

[0163] Method 3: Access the Rubik's Cube's personalized settings interface through the system settings application.

[0164] Figure 5 (a) shows the home screen of the Settings app after it is launched. The home screen displays desktop and personalization controls. In response to a click, the electronic device can enter the desktop and personalization interface.

[0165] In such Figure 5 A back control can be displayed above the desktop and personalization interface shown in (b). When the user clicks the back control, the electronic device can return to the system settings interface. A prompt message indicating that the desktop and personalization interface is currently displayed can also be displayed above the desktop and personalization interface, such as the words "Desktop and Personalization". The desktop and personalization interface can also display multiple content settings options in the form of cards, such as "Cube Personalization Engine" settings, "Wallpaper" settings, "Screen Off" settings, "Lock Screen" settings, "Theme" settings, "Font" settings, and "Icon" settings.

[0166] It should be understood that each setting option can be displayed in any of the following forms: card, text, icon, control, etc. For example, in Figure 5 In (b) of the above, all settings options are displayed in card format.

[0167] When a user clicks the "Magic Cube Personalization Engine" settings option, such as Figure 5 As shown in (b) above, the electronic device can switch the display as follows: Figure 5 The desktop settings interface shown in (c) is similar to... Figure 4 The desktop settings interface shown in (d) is the same, so it will not be described again here.

[0168] Optionally, when the user clicks the "Theme" settings option, such as Figure 6 As shown in (a), the electronic device can switch the display as follows: Figure 6The theme selection interface is shown in (b) above. A back control can be displayed at the top of the theme selection interface. When the user clicks the back control, the electronic device can return to the desktop and personalized interface. A prompt message indicating that the theme selection interface is currently open can also be displayed at the top of the theme selection interface, such as the word "Theme". In the middle of the theme selection interface, preview styles of several recommended themes and classic themes can be displayed for the user to choose from and use.

[0169] Below the theme selection screen, you can also see custom editing controls and more theme controls. When the user clicks the custom editing control, the electronic device can switch the display to something like... Figure 6 The desktop settings interface shown in (c) is similar to... Figure 4 The desktop settings interface shown in (d) is the same as that shown in the diagram, and will not be described again here. Users can access the desktop settings interface as shown in the diagram. Figure 6 In image (c), swipe left or right to switch to the view as shown. Figure 3 The interface shown in Figure (c) or Figure (e) will not be described again here.

[0170] Optionally, for Figure 6 As shown in (b) of the theme selection interface, if the user selects any theme to apply, a pop-up window for Rubik's Cube personalization can be displayed on the desktop when the theme is applied for the first time, prompting the user to learn and use the Rubik's Cube personalization function. This pop-up window may include a navigation to the editing control. In response to a click operation targeting the navigation to the editing control, the electronic device can switch from displaying the theme on the desktop to displaying the theme on the screen. Figure 6 The desktop settings interface shown in (c) is shown in the image.

[0171] Optionally, when applying a theme for the first time, a tooltip will appear on the desktop after each change of theme, wallpaper, icon, or font, displaying a prompt to go to the editing controls, providing a jump to... Figure 6 The functions of the desktop settings interface shown in (c) are as follows.

[0172] Optionally, when the user clicks the "icon" settings option, such as Figure 7 As shown in (a), the electronic device can switch the display as follows: Figure 7 The icon selection interface is shown in (b) above. A back control can be displayed at the top of the icon selection interface; when the user clicks the back control, the electronic device can return to the desktop and personalized interface. A prompt indicating that the icon selection interface is currently active, such as the word "icon," can also be displayed at the top. Previews of multiple icon styles can be displayed in the middle of the icon selection interface for the user to choose from and use. A custom editing control and more icon controls can be displayed at the bottom of the icon selection interface. When the user clicks the custom editing control, the electronic device can switch between displaying icons such as... Figure 7 The desktop settings interface shown in (c) is a secondary interface.

[0173] Optionally, a tooltip will appear on the desktop after each change of theme, wallpaper, icon, or font, displaying a prompt to go to the editing controls, providing a jump to, for example... Figure 7 The functions of the second-level interface of the desktop settings interface shown in (c) are as follows.

[0174] exist Figure 7 In the desktop settings interface shown in (c), a prompt message indicating that this is the second-level desktop settings interface can be displayed at the top, such as the word "Desktop". The middle area of ​​the second-level desktop settings interface is a preview area used to preview the desktop; swiping left or right allows you to view different desktops.

[0175] It should be noted that, Figure 7 The desktop settings interface shown in (c) includes a preview area for previewing all pages on the desktop. All pages on the desktop can be switched between each other in response to left and right swipe operations. Figure 7 The desktop settings interface shown in (d) includes a preview area that can be used to preview the desktop homepage. With left and right swipes, the wallpaper settings interface or system settings interface can be displayed.

[0176] Below the secondary interface of the desktop settings is a pop-up window for adjusting icon styles. A back control is displayed in the upper left corner of this icon style pop-up. When the user clicks the back control, the electronic device can return to the previous screen. Figure 7 The desktop settings interface (first-level interface) shown in (d) is shown in the image. Figure 7 Swipe left or right in (d) to switch to the desired mode. Figure 3 The interface shown in Figure (c) or (e) is not described further here. Above the icon style pop-up, a message indicating that it is currently displaying an icon style pop-up can be shown, such as the words "Icon Style". In the middle of the icon style pop-up, color controls and previews of multiple icon styles can be displayed, allowing users to select and use colors and styles. Below the icon style pop-up, icon size and rounded corner control bars can be displayed. Users can change the size of the icon by sliding the icon size control bar and the size of the icon's rounded corners by sliding the icon rounded corner control bar.

[0177] Optionally, when the user clicks the "Font" settings option, such as Figure 8 As shown in (a), the electronic device can display as follows: Figure 8The font selection interface is shown in (b) above. A back control can be displayed at the top of the font selection interface; when the user clicks the back control, the electronic device can return to the desktop and personalized interface. A prompt indicating that the font selection interface is currently active, such as the word "Font," can also be displayed at the top. Multiple font preview styles can be displayed in the middle of the font selection interface for the user to choose from and use. A custom editing control and more font controls can be displayed at the bottom of the font selection interface. When the user clicks the custom editing control, the electronic device can switch between displaying... Figure 8 The system settings interface shown in (c) is a secondary interface.

[0178] In such Figure 8 In the system settings interface sub-interface shown in (c), a prompt message indicating that it is currently the system settings sub-interface can be displayed at the top, such as the words "System Interface". A "Done" control can also be displayed above the sub-interface; clicking the "Done" control applies the current settings, such as font changes, to the system interface. The middle area of ​​the sub-interface is a preview area used to preview the effects of the system interface settings.

[0179] It should be noted that, Figure 8 The system settings interface shown in (c) includes a preview area for previewing all pages of the system interface. All pages of the system interface can be switched between each other in response to left and right swipe operations. Figure 8 The preview area included in the first level of the desktop settings interface shown in (d) is only used to preview the home page of the system interface.

[0180] Below the secondary interface of the system settings is a pop-up window for adjusting the font. A back control can be displayed in the upper left corner of the icon style pop-up window. When the user clicks the back control, the electronic device can return to the previous screen. Figure 8 The system settings interface (level 1 interface) is shown in (d) above. Figure 8 Swipe left or right in (d) to switch to the desired mode. Figure 3 The interface shown in Figure (c) or (e) is not described in detail here. Above the icon style pop-up window, a prompt indicating that it is currently displaying an icon style pop-up window can be generated, such as the words "Icon Style". In the middle of the icon style pop-up window, font options such as "Font 1", "Font 2", or "More" can be displayed for the user to choose from and use.

[0181] The style of the text pop-up can also be designed as follows: Figure 29 The styles involved are not limited in this application embodiment.

[0182] Method 4: Access the Rubik's Cube's personalized settings interface from the theme application.

[0183] Alternatively, in one embodiment, Figure 9 Image (a) shows the theme application's homepage after launch. At the top of the homepage are several text-based options, such as Themes, Fonts, Live Wallpapers, Ringtones, and Wallpapers. When the "Themes" option is selected, a theme search box, personalized options, and previews of various theme styles are displayed in the center of the homepage, allowing users to select and use themes. At the bottom of the homepage is the theme application's toolbar, including "Recommended," "Category," "VIP," "Ranking," and "My" controls. These controls are used to switch between different interfaces.

[0184] When a user clicks the "Personalize Rubik's Cube" option, such as Figure 9 As shown in (a), the electronic device can switch the display as follows: Figure 9 The desktop settings interface shown in (b) is similar to... Figure 4 The desktop settings interface shown in (d) is the same, so it will not be described again here.

[0185] Alternatively, in another embodiment, in response to a user's click on the "My" control, such as Figure 10 As shown in (a), the electronic device can switch the display of the "My" settings interface, and the "My" control is selected, as shown in (a). Figure 10 As shown in (b) above. In the "My" settings interface, personal avatar, account, membership and other information can be displayed at the top, Rubik's Cube personalization options can be displayed in the middle, and preview images of some official pre-made themes can be displayed at the bottom for users to choose and use.

[0186] When a user clicks the "Personalize Rubik's Cube" option, such as Figure 10 As shown in (b) above, the electronic device can switch the display as follows: Figure 10 The desktop settings interface shown in (c) is similar to... Figure 4 The desktop settings interface shown in (d) is the same, so it will not be described again here.

[0187] The second part provides a detailed description of the basic framework for Rubik's Cube personalization provided in the embodiments of this application, with reference to the accompanying drawings.

[0188] In this embodiment of the application, regardless of how the Rubik's Cube personalization function is accessed, the electronic device can display multiple settings interfaces for Rubik's Cube personalization, and these multiple settings interfaces can be switched between each other by swiping left and right.

[0189] Optionally, the multiple settings interfaces may include an always-on screen settings interface, a lock screen settings interface (also known as a wallpaper editing interface), a desktop settings interface, a system settings interface, a sound effects settings interface, etc.

[0190] These multiple settings interfaces can be displayed on the electronic device in the order described above, or in other orders. This order can be preset or modified and adjusted according to user needs; this embodiment does not limit the specific order.

[0191] For example, for such Figure 3 The lock screen interface shown in (a) responds to a two-finger pinch gesture performed by the user, allowing the electronic device to enter a display such as... Figure 11 The lock screen settings interface is shown in (b) above. This lock screen settings interface is similar to... Figure 3 The lock screen settings interface shown in (c) is the same, so it will not be described again here.

[0192] against Figure 11 As shown in (b) above, the lock screen settings interface responds to the user's swipe to the right, allowing the electronic device to switch from the lock screen settings interface to the always-on display interface.

[0193] For example, in such Figure 11 The screen-off settings interface shown in (a) can display a back control at the top. When the user clicks the back control, the electronic device can return to the screen-off interface. The screen-off settings interface can also display a prompt message indicating that the screen-off settings interface is currently active, such as the word "Screen Off". The screen-off settings interface can also display a "Done" control at the top. When the user clicks the "Done" control, the electronic device can apply the current settings, such as changes to the screen-off style or personalized decorations, to the screen-off interface, and can also save the current settings as a history screen-off setting.

[0194] The central area of ​​the screen-off settings interface is a preview area, used to preview the screen-off effect set by the user. Below the screen-off settings interface is a screen-off toolbar, which includes several tool controls, such as "Screen-off Style" and "Personalized Decorations." When the user clicks "Screen-off Style," the electronic device can display a variety of screen-off wallpapers and lock screen templates for the user to choose from; when the user clicks "Personalized Decorations," they can customize the screen-off interface according to their personal preferences.

[0195] against Figure 11 As shown in (a) of the image, the always-on display settings interface responds to a user swiping left, allowing the electronic device to switch back to the lock screen settings interface. In... Figure 11 The lock screen settings interface shown in (b) can display a back control at the top. When the user clicks the back control, the electronic device can return to the lock screen interface.

[0196] Optionally, when the electronic device detects changes that do not take effect in real time, such as Figure 12 As shown in (a), when the user clicks the back control, a pop-up notification window can be displayed at the bottom of the lock screen settings interface, such as... Figure 12 As shown in (b), the pop-up window prompts the user in text form whether to abandon the current changes, and displays the cancel and abandon controls.

[0197] against Figure 11 The lock screen settings interface shown in (b) responds to a user swiping left, allowing the electronic device to switch from the lock screen settings interface to the desktop settings interface. This desktop settings interface is similar to... Figure 3 The desktop settings interface shown in (d) is the same, so it will not be described again here.

[0198] Optionally, when the electronic device detects changes that do not take effect in real time, such as Figure 13 As shown in (a), when the user clicks the back control, a pop-up notification window can be displayed at the bottom of the desktop settings interface, such as... Figure 13 As shown in (b), the pop-up window prompts the user in text form whether to cancel the current modification, and displays the cancel and abandon controls.

[0199] against Figure 11 The desktop settings interface shown in (c) responds to a user swiping left, allowing the electronic device to switch from the desktop settings interface to the system settings interface. This system settings interface is similar to... Figure 3 The system settings interface shown in (e) is the same, so it will not be described again here.

[0200] For example, for such Figure 11 The system settings interface shown in (d) continues to respond to the user's left swipe, allowing the electronic device to switch from the system settings interface to the sound settings interface. Figure 11 The sound effects settings interface shown in (e) can display a back control at the top. When the user clicks the back control, the electronic device can return to the sound and volume sub-interface in the settings application. The sound effects settings interface can also display prompts for the current sound effects settings interface, such as the word "sound effects". The sound effects settings interface can also display a "done" control at the top. When the user clicks the "done" control, the electronic device can apply the current settings, such as the parameters of different volume settings, to the electronic device, and can also save the current settings as a history sound effect.

[0201] The central area of ​​the sound effects settings interface is a preview area, used to preview the sound effects set by the user, including various ringtone effects. Below the sound effects settings interface is a sound effects toolbar, which includes multiple control bars corresponding to different volume settings, such as "System Volume," "Media Volume," "Alarm Volume," and "Incoming Call Volume." Users can change the volume of each control bar by sliding it.

[0202] against Figure 11 The sound settings interface shown in (e) responds to the user's swipe to the right. The electronic device can switch back to the system settings interface, desktop settings interface, lock screen settings interface, and always-on screen settings interface from the sound settings interface, which will not be described in detail here.

[0203] Part Three, in conjunction with the accompanying drawings, provides a detailed description of the secondary interface of the desktop settings interface involved in the Rubik's Cube personalization provided in the embodiments of this application.

[0204] exist Figure 3 As shown in (d) of the desktop settings interface, the bottom of the interface includes theme cards and wallpaper cards. Users can click the theme card to enter the theme settings interface to set the desktop theme, and can also click the wallpaper card to enter the desktop wallpaper selection interface to set the desktop wallpaper. Below the theme cards and wallpaper cards, the desktop settings interface also includes a toolbar, which includes several tool controls, such as "icon styles," "folders," "desktop layout," and "transition effects."

[0205] Switching effects

[0206] like Figure 14 As shown in (a), when the user clicks the "Toggle Effect" control in the toolbar, in response to the user's action, as follows: Figure 14 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays a preview area and a secondary pop-up window corresponding to the "Switch Effect" control.

[0207] It should be understood that Figure 14 The desktop settings interface shown in (b) is a secondary interface. The preview area is used to slide to display all pages of the desktop, and there is no "Done" control in the upper right corner.

[0208] In the upper left corner of the secondary pop-up window corresponding to the "Toggle Effect" control, a back control can be displayed. Clicking the back control will allow the user to return. Figure 14The desktop settings interface is shown in (a). Above this secondary pop-up window, a prompt message indicating that the current secondary pop-up window is "Transition Effects" can be displayed, such as the words "Transition Effects". Below this secondary pop-up window, various desktop transition effect templates can be displayed for the user to choose from, such as "Default" transition effect, "Depth of Field" transition effect, and "Push". In response to the user's click operation on any transition effect template, the display animation of the desktop transition can be displayed in real time in the preview area above.

[0209] Optionally, in response to the user's left and right swiping operation on the secondary pop-up window, various desktop switching effect templates can be displayed horizontally to provide the user with more choices. The number and style of the desktop switching effect templates can be set and adjusted as needed, and this embodiment does not limit this.

[0210] Desktop layout

[0211] like Figure 15 As shown in (a), when the user clicks the "Desktop Layout" control in the toolbar, in response to the user's action, such as... Figure 15 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays a preview area and a secondary pop-up window corresponding to the "Desktop Layout" control.

[0212] It should be understood that Figure 15 The desktop settings interface shown in (b) is a secondary interface. The preview area is used to display all pages of the desktop during the swipe operation. There are application controls in the upper right corner of the secondary interface.

[0213] In the upper left corner of the secondary pop-up window corresponding to the "Desktop Layout" control, a back control can be displayed. Clicking the back control will allow the user to return. Figure 15 The desktop settings interface is shown in (a). The secondary pop-up window can include two tabs: Layout Templates and Layout History. Below each tab, the content or options corresponding to the selected tab are displayed.

[0214] When the corresponding secondary pop-up window for the desktop layout appears, the layout template tab is selected by default. When the layout template tab is selected, the electronic device can display various layout template options and their names in the pop-up window. For example, the layout template options can be represented by thumbnails of the layout effect of that template. Layout template options may include, but are not limited to: white space layout, category layout, color layout, and smart wrap layout. Each layout template option corresponds to a layout rule. Users can select any layout template option in the layout template tab to apply the corresponding layout method.

[0215] Optionally, in response to the user's left and right swiping operation on the secondary pop-up window, multiple layout templates can be displayed horizontally to provide the user with more choices. The number and style of the layout templates can be set and adjusted as needed, and this embodiment does not limit this.

[0216] In such Figure 15 In the secondary pop-up window shown in (b), in response to the user's click on the history layout tab, the electronic device can display as follows: Figure 15 The history layout tab shown in (c) can include options and corresponding names for various user-saved and used layout templates. For example, original layout, drawer mode layout, etc., but this embodiment does not limit this.

[0217] Optionally, if the electronic device determines that the currently selected layout is not the original layout, and the user has not yet saved the current layout, the secondary pop-up window can be switched to a prompt pop-up window. In this prompt pop-up window, the user is reminded in text form whether to change the current desktop layout to the currently selected layout, and an option to "save the previous desktop layout", a cancel control, and an confirm control are provided for the user to process.

[0218] Optionally, if the electronic device determines that the currently selected layout is not the original layout, and the user has already actively saved the current layout, the secondary pop-up can be switched to a prompt pop-up. In this prompt pop-up, the user is reminded in text form whether to change the current desktop layout to the currently selected layout, and a cancel control and an confirm control are displayed for the user to process.

[0219] Optionally, if the electronic device determines that the currently selected layout is the original layout, the secondary pop-up window can be switched to a prompt pop-up window. In this prompt pop-up window, the user is reminded in text form whether to keep the current desktop layout, and a cancel control and an confirm control are displayed for the user to process.

[0220] Optionally, when the user selects other layout methods, the electronic device can also display the content corresponding to the other layout methods according to the currently selected layout method, which will not be elaborated here.

[0221] Optionally, when a user first enters the secondary pop-up window of the desktop settings interface, a bubble can be used above the secondary pop-up window to prompt the user that the previous desktop layout can be saved when switching layout methods.

[0222] Optionally, when no layout is saved, if the "Historical Layout" tab is selected, the secondary pop-up window can simply display the message "No historical layout available" to inform the user that there is no historical layout.

[0223] Optionally, when a user selects a layout method from a historical layout, if the selected layout grid does not match the current layout grid, the secondary pop-up window can switch to a prompt pop-up window. This prompt pop-up window can display the text "The selected layout grid does not match the current layout grid" to inform the user, and also display an "OK" control. After the user clicks the "OK" control again, the prompt pop-up window can switch back to the secondary pop-up window corresponding to the historical layout.

[0224] Optionally, based on the current mode of the electronic device, the desktop layout may be a desktop layout corresponding to the standard mode or a desktop layout corresponding to the drawer mode. Accordingly, the multiple layouts saved in the history layout tab may include at least one desktop layout corresponding to the standard mode and / or at least one desktop layout corresponding to the drawer mode.

[0225] Optionally, if the electronic device is currently in standard mode, at least one set of desktop layouts corresponding to drawer modes in the history layout tab will be displayed as unavailable, for example, grayed out. This allows users to clearly identify which layouts are available and which are unavailable in the current mode by whether they are grayed out, improving the user experience. Of course, this description assumes that the history layout tab in standard mode may include at least one set of desktop layouts corresponding to drawer modes; in fact, the embodiments of this application are not limited to this. For example, when the electronic device is currently in standard mode, all desktop layouts included in the history layout tab are desktop layouts in standard mode.

[0226] In addition, in such Figure 15 In the desktop settings interface shown in (b) and (c), when the application control is displayed in the upper right corner, after the user selects a layout template, the electronic device can apply the selected layout template to the desktop in response to a click on the application control. At this time, it can be viewed from... Figure 15 (b) or Figure 15 The desktop settings interface shown in (c) switches to the desktop of the electronic device.

[0227] Icon styles

[0228] like Figure 16 As shown in (a), when the user clicks the "Icon Style" control in the toolbar, in response to the user's action, such as... Figure 16 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays a preview area and a secondary pop-up window corresponding to the "icon style" control.

[0229] It should be understood that Figure 16The desktop settings interface shown in (b) is a secondary interface. The preview area is used to slide to display all pages of the desktop, and there is no "Done" control in the upper right corner.

[0230] In the upper left corner of the secondary pop-up window corresponding to the "icon style" control, a back control can be displayed. Clicking the back control will allow the user to return. Figure 16 The desktop settings interface is shown in (a). Above this secondary pop-up window, a prompt indicating the current icon style is displayed, such as "Icon Style." Below this pop-up window, icon color options and various icon style templates are displayed for the user to choose from, such as "Textured" and "Flat" styles. In response to the user's click on any style template, the preview area above displays the real-time effect of that icon style. Below the secondary pop-up window, icon size and corner radius control bars are also displayed. In response to the user's sliding actions on these control bars, the icon size and corner radius can be changed.

[0231] like Figure 16 As shown in (b), in response to the user's click on the icon color option, the secondary pop-up window for icon style disappears, and can be switched to display the tertiary pop-up window corresponding to the icon color option, as shown in Figure (b). Figure 16 As shown in (c) above. A back control can be displayed in the upper left corner of this three-level pop-up window; clicking this back control will allow the user to return. Figure 16 The second-level pop-up window is shown in (b) above the third-level pop-up window. Above this third-level pop-up window, a prompt message indicating that the current icon color option is displayed, such as "Select Color"; below this third-level pop-up window, options for "Default Color", "Wallpaper Color Picker", and various specific colors can be displayed.

[0232] It should be understood that Figure 16 The interfaces shown in (b) and (c) are both secondary interfaces of the desktop settings interface. The preview area is used to display all pages of the desktop during the swipe operation. There is no completion control in the upper right corner of the secondary interface.

[0233] like Figure 17 As shown in (a), in response to a user clicking on an option corresponding to any color, the icon in the preview area will load in real time according to the selected color, changing the icon color to the color selected by the user, such as... Figure 17 As shown in (b) of the diagram.

[0234] Optionally, in response to a user's click on the "default color" option, the icon color in the preview area remains unchanged, using the original icon style.

[0235] Optionally, in response to a user's click on the "wallpaper color picker" option, the icon color in the preview area can be changed according to the wallpaper's hue, that is, the icon color is switched to the wallpaper's main color.

[0236] It should be noted that when switching the icon color to the main color of the wallpaper, you can adjust the color of the darker parts of the icon to match the main color of the wallpaper, according to the combination of light and dark shades.

[0237] Optionally, in response to a user's left or right swiping action on the three-level pop-up window for icon color options, the three-level pop-up window can scroll to display more color options for the user to choose from.

[0238] After the user adjusts the icon color, when the user clicks the back control at the top of the third-level pop-up window, as shown... Figure 17 As shown in (b) above, the three-level pop-up window can be switched to the following format: Figure 17 The secondary pop-up window is shown in (c). It should be understood that since the user has changed the icon color, the icon color option in the secondary pop-up window can now be switched from the "default color" icon to the "selected color" icon.

[0239] It should be noted that, Figure 16 (c) Figure 17 The color options in the three-level pop-up window for the icon color options shown in (a) and (b) can be designed as needed. For example, you can uncheck the "Default Color" and "Wallpaper Color Picker" options and set them to... Figure 22 The style shown in (b) is not limited in this embodiment.

[0240] like Figure 18 As shown in (a), when a user swipes left on an icon style template in the secondary pop-up window corresponding to "Icon Style," the secondary pop-up window can scroll to display multiple icon style templates and more controls. Figure 18 As shown in (b), in response to a user's click on more controls, the electronic device can switch from the currently displayed desktop settings interface to display as shown in [image / image]. Figure 18 The online store icon page shown in (c) provides users with more icon templates.

[0241] Optionally, for example Figure 16 (b) Figure 17 (c) Figure 18 The icon size control bar in the secondary pop-up window shown in (a) and (b) allows for stepless adjustment of the icon size in response to user swiping.

[0242] Optionally, for example Figure 16 (b) Figure 17 (c) Figure 18 The icon rounded corner control bar in the secondary pop-up window shown in (a) and (b) responds to the user's sliding operation. The icon rounded corners can be adjusted in different levels. When the icon reaches a certain level, it automatically snaps to the screen and provides vibration feedback. The parameters can be preset based on visual effects.

[0243] Folder

[0244] If the desktop of an electronic device contains folders, it responds to a user's two-finger pinch gesture on the desktop, such as Figure 19 As shown in (a), the toolbar in the desktop settings interface may also include a "folder" control. If the desktop of the electronic device does not include folders, the "folder" control may not be displayed in the toolbar in the desktop settings interface, or, if the "folder" control is displayed, a bubble message "There are no folders on the current desktop" may be displayed if the user clicks on the "folder" control.

[0245] like Figure 19 As shown in (a), when the user clicks the "Folder" control in the toolbar, in response to the user's action, such as... Figure 19 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays a preview area and a secondary pop-up window corresponding to the "folder" control.

[0246] It should be understood that Figure 19 The desktop settings interface shown in (b) is a secondary interface. The preview area is used to slide to display all pages of the desktop, and there is no "Done" control in the upper right corner.

[0247] A back control can be displayed in the upper left corner of the secondary pop-up window corresponding to the "folder" control. Clicking the back control will allow the user to return. Figure 19 The desktop settings interface is shown in (a). Above this secondary pop-up window, a prompt indicating it's a folder can be displayed, such as the word "Folder". Below this pop-up window, a background blur switch and a blur level control bar are displayed. When the user turns the background blur switch on, the background in the folder becomes blurred, and the blur level control bar becomes available. When the user slides the blur level control bar, the blur level of the background in the folder changes accordingly. If the user turns off the background blur switch, the background in the folder reverts to a clear effect, and the blur level control bar becomes unavailable.

[0248] Optionally, multiple blur levels can be adjusted when adjusting the blur level control bar. During the adjustment process, the background blur level corresponding to the folder in the preview area changes in real time.

[0249] Optionally, after displaying the secondary pop-up window corresponding to the "folder" control, the preview area in the middle of the desktop settings interface will default to displaying the first screen of the current desktop. At this time, users can switch between different screen previews by swiping left and right.

[0250] Optionally, after displaying the secondary pop-up window corresponding to the "folder" control, if the current screen desktop does not contain a folder in the preview, the system will automatically find the nearest screen with a folder in the current screen and switch to it in the preview area, allowing the user to preview the content of the screen with the folder.

[0251] Theme Cards

[0252] like Figure 20 As shown in (a), when the user clicks the theme card in the desktop settings interface, in response to the user's action, such as... Figure 20 As shown in (b), electronic devices can switch from the desktop settings interface to the theme settings interface.

[0253] A cancellation control can be displayed at the top of the theme settings interface. When the user clicks the cancellation control, the electronic device returns to the desktop settings interface, canceling the theme changes. The theme settings interface can also display a prompt message at the top, such as the word "Theme." Figure 20 As shown in (c), an "Apply" control can also be displayed above the theme settings interface. When the user clicks the "Apply" control, the electronic device can apply the currently selected theme and other settings to the desktop and switch back to the desktop display, as shown in (c). Figure 20 As shown in (d) in the figure.

[0254] It should be understood that Figure 20 The theme settings interfaces shown in (b) and (c) are both secondary interfaces of the desktop settings interface.

[0255] like Figure 20 As shown in (b), the central area of ​​the theme settings interface is the preview area, used to display theme preview images, namely the lock screen preview image and the desktop preview image. These can be switched by swiping left or right. It should be understood that the lock screen and desktop preview images corresponding to the theme can be obtained from the theme store.

[0256] The theme settings interface includes a secondary pop-up window at the bottom corresponding to the theme card. A back control is displayed in the upper left corner of this secondary pop-up window; clicking the back control will display... Figure 20 The desktop settings interface is shown in (a). This secondary pop-up window can include two tabs: My Themes and Recommended Themes. Below each tab, the content or options corresponding to the selected tab are displayed.

[0257] When the secondary pop-up window corresponding to the theme card appears, the "My Themes" tab is selected by default. When the "My Themes" tab is selected, the electronic device can display various local themes (themes the user has applied) as options in the pop-up window. For example, local theme options can be represented by thumbnails of the local theme, and the name of each local theme can be displayed above or below the thumbnails. Each local theme option corresponds to a different theme content. Users can select any local theme option in the "My Themes" tab to apply the corresponding theme content.

[0258] Optionally, when the "My Themes" tab is selected, multiple local themes can be displayed horizontally in response to the user's left or right swipe operation on the local theme options, providing the user with more choices. The number of local themes displayed can be set and adjusted as needed, and this embodiment does not limit this.

[0259] Optionally, in such Figure 20 In the desktop settings interface shown in (a), a theme card displays a local theme that is not the current theme as a thumbnail. In response to a user clicking to enter the theme settings interface, online theme content is loaded in the background, the first theme is selected, and its thumbnail replaces the default local theme thumbnail in the theme card. At this point, clicking on the theme card allows access to the theme settings interface, and the "Recommended Themes" tab is selected, with a secondary pop-up displaying various recommended themes.

[0260] exist Figure 20 In the secondary pop-up window shown in (b), in response to the user's click on the recommended topic tag, the electronic device can display as follows: Figure 20 The recommended themes tab shown in (c) can include online theme options from the theme store, and the options for recommended themes can be represented by thumbnails of the themes.

[0261] Optionally, the thumbnail for each recommended theme can also display a download count tag for that theme, which can be the download count from the theme store.

[0262] Optionally, when the "Recommended Topics" tab is selected, multiple recommended topics can be displayed horizontally in response to the user's left or right swipe operation on the recommended topic options, providing the user with more choices. The number of recommended topics displayed can be set and adjusted as needed, and this embodiment does not limit this.

[0263] When swiping to the far left, a "More Themes" icon appears on the far right of the recommended themes. In response to the user clicking the "More Themes" icon, the electronic device can switch the displayed theme from the theme settings interface. Figure 9 The image (a) shows the home screen after the theme application is launched. Swiping across the theme application's home screen returns you to the theme settings interface.

[0264] Optionally, when the "Recommended Topics" tab is selected, a refresh button can be added to the upper right corner of the secondary pop-up window; responding to the user's click on the refresh button, the content of the Recommended Topics tab can be refreshed. Each refresh will default to displaying the content of the first topic, cycling through three refreshes.

[0265] Optionally, the thumbnail for each recommended theme can also display the theme name and corresponding download count tag, which can be the download count from the theme store.

[0266] Optionally, when the recommended theme selected by the user has not been downloaded, the "Apply" control at the top of the theme settings interface can switch to a "Download" control. Clicking the "Download" control will allow the electronic device to download the currently selected recommended theme to its local drive. After the download is complete, the "Download" control will switch back to the "Apply" control for the user to use. If the recommended theme selected by the user has already been applied, the "Apply" control can be grayed out and display the words "Applyed" to remind the user that the theme is being applied.

[0267] Optionally, such as Figure 21 As shown in (a), when a user previews a recommended theme that has not been downloaded and requires payment, the "Apply" control displayed above the theme settings interface can be switched to a payment prompt control, displaying the cost corresponding to the selected theme; when the user clicks the payment prompt control, the electronic device can switch the theme settings interface to display the details page corresponding to that theme in the theme store, such as... Figure 21 As shown in (b) above, the details page may include a purchase button and a VIP trial button to allow users to make purchases and try the product.

[0268] Optionally, in response to a click on the theme name in the thumbnail of any recommended theme, the electronic device can switch from the theme settings interface to display the details page corresponding to that recommended theme, such as... Figure 21 As shown in (b) above. A swipe gesture on the details page returns you to the theme settings interface.

[0269] Optionally, when problems such as poor network connection, network outage, image loading failure, loading issues, unauthorized theme store access, or theme not downloaded from the theme store occur, the electronic device can display text or other forms on the recommended theme tab to inform the user of the problem and provide corresponding redirection controls for handling. For example, if the theme store access is unauthorized, a theme authorization redirection control can be displayed. Clicking this control allows the electronic device to switch from the theme settings interface to the theme authorization page. Similarly, if the theme is not downloaded from the theme store, a theme download redirection control can be displayed. Clicking this control allows the electronic device to switch from the theme settings interface to the theme application download interface in the app store.

[0270] Wallpaper Cards

[0271] like Figure 22 As shown in (a), the wallpaper card in the desktop settings interface can include four controls, such as a color control, a lock screen follow control, a custom control, and a blur control.

[0272] For example, such as Figure 22 As shown in (a), when the user clicks the color control in the wallpaper card, in response to the user's action, such as... Figure 22 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays the preview area and the secondary pop-up corresponding to the color control.

[0273] It should be understood that Figure 22 The desktop settings interface shown in (b) is a secondary interface. The preview area is used to slide to display all pages of the desktop, and there is no "Done" control in the upper right corner.

[0274] Above the secondary pop-up window corresponding to this color control, a back control can be displayed. Clicking the back control will return the user to the previous screen. Figure 22 The desktop settings interface is shown in (a). This secondary pop-up window can include two tabs: Solid Color and Gradient. Below each tab, the content or options corresponding to the selected tab are displayed.

[0275] When the secondary pop-up window corresponding to the color control appears, the solid color label can be selected by default. When the solid color label is selected, the electronic device can display multiple options for different solid colors in the pop-up window. For example, default color, color 2, color 3, etc. The user can select any color option in the solid color label page to apply the corresponding color.

[0276] Optionally, when the solid color label is selected, in response to the user's left or right swipe operation on the solid color options, multiple solid color options can be displayed horizontally to provide the user with more choices. The number of solid colors displayed can be set and adjusted as needed, and this embodiment does not limit this.

[0277] In such Figure 20 In the secondary pop-up window shown in (b), the electronic device can display multiple gradient color options in response to the user's click on the gradient tab. The user can select any gradient color option in the gradient tab to apply the corresponding color.

[0278] Optionally, when the gradient label is selected, in response to the user's left or right swipe operation on the gradient color options, multiple gradient color options can be displayed horizontally to provide the user with more choices. The number of gradient colors displayed can be set and adjusted as needed, and this embodiment does not limit this.

[0279] For example, such as Figure 23 As shown in (a), when the user clicks the Follow Lock Screen control in the wallpaper card, in response to the user's action, such as... Figure 23 As shown in (b), while the content at the top and bottom of the desktop settings interface remains unchanged, the desktop wallpaper in the middle preview area can be switched to the same wallpaper as the lock screen.

[0280] It should be understood that when the desktop wallpaper and the lock screen wallpaper are the same, the lock screen controls can be grayed out and made unusable.

[0281] For example, such as Figure 24 As shown in (a), when the user clicks on a custom control in the wallpaper card, in response to the user's action, such as... Figure 24 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays the preview area and the secondary pop-up window corresponding to the custom control.

[0282] It should be understood that Figure 24 The desktop settings interface shown in (b) is a secondary interface. The preview area is used to slide to display all pages of the desktop, and there is no "Done" control in the upper right corner.

[0283] A back control can be displayed on the secondary pop-up window corresponding to this custom control. When the user clicks the back control, they can return. Figure 24 The desktop settings interface is shown in (a). This secondary pop-up window can include multiple categories such as Gallery, Classic Wallpapers, Featured Wallpapers from Gallery, and Nature Wallpapers; under the Gallery category, options such as albums, all photos, and Honor Share can be displayed.

[0284] Under categories such as Classic Wallpapers, Featured Wallpapers from the Gallery, and Nature Wallpapers, multiple wallpaper options belonging to that type can be displayed. For example, wallpaper options can be represented by thumbnails, and users can click on any thumbnail to apply the corresponding wallpaper content.

[0285] Optionally, after the gallery app is launched, in response to a click on any photo option, the interface displaying thumbnails of all photos included in the gallery app can be toggled. For clicking on any photo thumbnail, the electronic device can display, for example... Figure 25 The photo display page shown in (a) has a first pop-up window at the bottom. This first pop-up window includes wallpaper controls, a partial always-on display control, and a contact photo control. In response to a click on the wallpaper control, the first pop-up window can switch to the following format: Figure 25 The second pop-up window shown in (b) can include three options: Set as lock screen, Set as desktop, and Set both simultaneously. In response to a click on the Set as desktop option, the display can switch from the photo display page to the desktop settings interface, as shown below. Figure 25 As shown in (c), the photo is applied as desktop wallpaper and displayed in the preview area of ​​the desktop settings interface.

[0286] Similarly, in response to a click on the lock screen option, the display can switch from the photo display page to the lock screen settings interface; in response to a click on the simultaneous settings option, the display can switch from the photo display page to the lock screen settings interface or the desktop settings interface. This application embodiment does not limit this.

[0287] For example, such as Figure 26 As shown in (a), when the user clicks the blurry control in the wallpaper card, in response to the user's action, such as... Figure 26 As shown in (b), the desktop settings interface is switched to a secondary interface, which displays the preview area and the secondary pop-up window corresponding to the blur control.

[0288] It should be understood that Figure 26 The desktop settings interface shown in (b) is a secondary interface. The preview area is used to slide to display all pages of the desktop, and there is no "Done" control in the upper right corner.

[0289] Above the secondary pop-up window corresponding to this color control, a back control can be displayed. Clicking the back control will return the user to the previous screen. Figure 26The desktop settings interface is shown in (a). This secondary pop-up window may include a background blur switch and a control bar. In response to the user turning the background blur switch on, the wallpaper background can become blurred, and the blur level control bar is available at this time; in response to the user sliding the blur level control bar, the blur level of the wallpaper background can change accordingly. If the user turns off the background blur switch, the wallpaper background will switch back to a clear effect, and the blur level control bar is unavailable at this time.

[0290] Optionally, multiple blur levels can be adjusted when adjusting the blur level control bar. During the adjustment process, the background blur level corresponding to the wallpaper in the preview area changes in real time.

[0291] For example, the preview area of ​​the desktop settings interface may also include a wallpaper preview control, such as... Figure 27 As shown in (a), in response to a user's click on the wallpaper preview control, or in response to a click on any location in the preview area of ​​the desktop settings interface, the electronic device can switch from displaying the desktop settings interface to displaying the wallpaper preview interface, as... Figure 27 As shown in (b), the wallpaper preview interface can display desktop content and wallpaper in full screen. At the bottom of the wallpaper preview interface, there can also be prompts for canceling, saving, and dragging to move the screen.

[0292] Optionally, in response to a user's single-finger movement on the wallpaper preview screen, the wallpaper in the preview screen can move accordingly. In response to a user's two-finger zoom operation on the wallpaper preview screen, the wallpaper in the preview screen can zoom accordingly. After adjusting the wallpaper, if a user clicks the save control, the user can return to the desktop settings screen, and the adjusted wallpaper effect will be displayed.

[0293] Optionally, such as Figure 27 As shown in (b), after adjusting the wallpaper, if the user clicks the cancel control, the user can return to the desktop settings interface, and the wallpaper effect remains unchanged, reverting to its original state before adjustment. Additionally, a pop-up notification can be displayed on this desktop settings interface, such as... Figure 27 As shown in (c), the pop-up window prompts the user in text form whether to cancel the current modification, and displays the cancel and abandon controls.

[0294] In this embodiment, the desktop settings interface includes entry points for theme cards, wallpaper cards, icon style controls, desktop layout controls, and switching effect controls at the bottom. In response to user actions on the card or control entry points, the electronic device still displays the specific content of the options at the bottom of the current desktop settings interface. For example, in response to a user clicking on an icon style option entry point, the electronic device can display the corresponding icon style options at the bottom, without affecting the user's view of the preview at the top of the desktop settings interface. In response to a user selecting a specific icon style option, the preview at the top of the desktop settings interface will display a real-time preview of the effect after it takes effect.

[0295] Part Four, in conjunction with the accompanying drawings, provides a detailed description of the system settings interface and the secondary interface of the system settings interface involved in the Rubik's Cube personalization provided in the embodiments of this application.

[0296] For example, such as Figure 28 As shown in (a), the bottom of the system settings interface includes toolbars for adjusting the rounded corners of the system interface and toolbars for adjusting the font. For the toolbar for adjusting the rounded corners, users can drag the control bar on the toolbar left and right to change the size of the rounded corners of the system interface. Users can also click the "Follow Icon" control in the toolbar to make the rounded corners of the cards in the system interface follow the rounded corners of the icons.

[0297] It should be understood that, such as Figure 28 As shown in (b), when the Follow icon is turned on or selected, the system rounded corner control slider moves to the rounded corner position of the icon and is grayed out and cannot be adjusted. After the Follow icon is turned off, the system rounded corner control slider can be restored to the position before the switch was turned on. In addition, the system rounded corners are adjusted in multiple levels, just like the icon rounded corners, and will not be described again here.

[0298] Regarding the toolbar for adjusting fonts, users can click on the toolbar to access the corresponding secondary pop-up window for modifying the font style.

[0299] like Figure 29 As shown in (a), in response to a click on the font toolbar, the system settings interface switches to a secondary interface of the system settings interface, which includes a preview area and a secondary pop-up window corresponding to the font toolbar.

[0300] It should be understood that Figure 29 The system settings interface shown in (b) is a secondary interface. The preview area is used to slide and display all pages of the system interface. There is no "Done" control in the upper right corner.

[0301] like Figure 29As shown in (b), the secondary pop-up window can include two tabs: My Fonts and Recommended Fonts. Below the tab, the content or options corresponding to the selected tab are displayed.

[0302] When the secondary pop-up window corresponding to the font toolbar appears, the "My Fonts" tab is selected by default. When the "My Fonts" tab is selected, the electronic device can display various options for local fonts (fonts the user has applied) in the pop-up window. For example, local font options can be represented by thumbnails of the local fonts, with application controls displayed below the thumbnails. Users can click on any font option in the "My Fonts" tab to apply the corresponding font content.

[0303] Optionally, when the "My Fonts" tab is selected, multiple local fonts can be displayed horizontally in response to the user's left or right swipe operation for local font options, providing the user with more choices. The number of local fonts displayed can be set and adjusted as needed, and this embodiment does not limit this.

[0304] exist Figure 29 In the secondary pop-up window shown in (b), in response to the user's click on the recommended font label, the electronic device can display as follows: Figure 29 The recommended fonts tab shown in (c) can include online font options from the theme store, and the recommended font options can be represented by thumbnails of the font.

[0305] Optionally, when the "Recommended Fonts" tab is selected, a refresh button can be added to the upper right corner of the secondary pop-up window; responding to the user's click on the refresh button, the content of the Recommended Fonts tab can be refreshed. Each refresh will default to displaying the first font content, cycling through three times.

[0306] Optionally, the thumbnail for each recommended font can also display the font name and the corresponding download count tag, which can be the download count from the theme store.

[0307] Optionally, when a recommended font is not downloaded, a download control for that font can be displayed below its thumbnail; for example... Figure 29 As shown in (c), in response to a click on the download control, the font can be downloaded from the theme store to the local device. During the download process, as... Figure 29 As shown in (d), the "Download" text in the download control can be switched to display the download progress; when the download is complete, the download control can switch to display as an application control. When the recommended font is applied, the application control can be grayed out, and the text will switch to "Applyed".

[0308] Optionally, when problems such as poor network connection, network outage, image loading failure, loading issues, unauthorized theme store access, or theme store download failure occur, the electronic device can display text or other forms in the recommended font tab to inform the user of the problem and provide corresponding redirection controls for handling. For example, if the theme store access is unauthorized, a theme authorization redirection control can be displayed. In response to clicking the theme authorization redirection control, the electronic device can switch from the system settings interface to display the font authorization page. As another example, if a theme is not downloaded from the theme store, a theme download redirection control can be displayed. In response to clicking the theme download redirection control, the electronic device can switch from the system settings interface to display the theme application download interface in the app store.

[0309] For example, such as Figure 30 The diagram shown is a flowchart of a display style setting method provided in an embodiment of this application. The method 200 may include steps S210 to S240. Steps S210 to S240 will be described in detail below with reference to the accompanying drawings.

[0310] S210, in response to the first operation on the lock screen, displays the lock screen settings interface, which includes a first preview area and a lock screen toolbar. The first preview area is used to preview the lock screen effect, and the lock screen toolbar includes multiple controls for modifying the lock screen effect.

[0311] The first operation can be a two-finger pinch gesture. The lock screen settings interface is as follows: Figure 3 As shown in (c) in the figure.

[0312] S220, in response to a second operation on the desktop, displays a desktop settings interface, which includes a second preview area and a desktop toolbar. The second preview area is used to preview the desktop homepage effect, and the desktop toolbar includes multiple controls for modifying the desktop effect.

[0313] The second operation can be a two-finger pinch gesture. The desktop settings interface is as follows: Figure 3 As shown in (d) in the figure.

[0314] S230, in response to a third operation on the lock screen settings interface, switches from the lock screen settings interface to the desktop settings interface.

[0315] The third action can be a swipe to the left.

[0316] S240, in response to a fourth operation targeting the desktop settings interface, switches from the desktop settings interface to the lock screen settings interface.

[0317] The fourth action can be a rightward swipe.

[0318] In this embodiment, by aggregating personalized content in the electronic device system and switching between different scenes, such as lock screen, desktop, and system, through swiping, multiple options and parameters of the electronic device can be personalized within the same page, making it convenient for users to operate. At the same time, all parameter adjustments are previewed in real time. Therefore, when adjusting parameters, effects such as wallpaper, rounded corners of icons, and fonts can be overlaid and previewed to achieve the personalized setting effect desired by the user.

[0319] The interface shown above may also appear in electronic devices with foldable screens. Electronic devices with foldable screens may be configured with at least one lock screen and multiple desktops. Thus, the display style of each lock screen and desktop can be configured through system settings to achieve diverse personalized displays.

[0320] This application also provides an electronic device, including the processor described above. The electronic device provided in this embodiment may be... Figure 1 The illustrated electronic device 100 is used to execute the aforementioned display style setting method. When using integrated units, the electronic device may include a processing module, a storage module, and a communication module. The processing module can be used to control and manage the operation of the electronic device; for example, it can support the electronic device in executing the steps performed by the display unit, the detection unit, and the processing unit. The storage module can support the electronic device in executing stored program code and data. The communication module can support communication between the electronic device and other devices.

[0321] The processing module can be a processor or a controller. It can implement or execute various exemplary logic blocks, modules, and circuits described in conjunction with the disclosure of this application. The processor can also be a combination of functions that implement computing capabilities, such as a combination of one or more microprocessors, a digital signal processor (DSP), and a microprocessor, etc. The storage module can be a memory. The communication module can specifically be a radio frequency circuit, a Bluetooth chip, a Wi-Fi chip, or other devices that interact with other electronic devices.

[0322] In one embodiment, when the processing module is a processor and the storage module is a memory, the electronic device involved in this embodiment can be a device having... Figure 1 The device with the structure shown.

[0323] This application also provides a computer-readable storage medium storing a computer program that, when executed by a processor, causes the processor to perform the display style setting method described in any of the above embodiments.

[0324] This application also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned steps to implement the display style setting method in the above embodiments.

[0325] In this embodiment, the electronic device, computer-readable storage medium, computer program product or chip are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the corresponding methods provided above, and will not be repeated here.

[0326] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative. For instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another device, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces, indirect coupling or communication connection between devices or units. The replaced units may or may not be physically separate. The component shown as a unit may be one physical unit or multiple physical units, that is, it may be located in one place or distributed in multiple different places. Some or all of the units can be selected to achieve the purpose of the embodiment according to actual needs.

[0327] 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.

[0328] 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.

[0329] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology 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 style setting method characterized by comprising: Applied to an electronic device comprising a display screen, the method comprises: in response to a first operation for a lock screen, displaying a lock screen setting interface, the lock screen setting interface comprising a first preview area and a lock screen toolbar, the first preview area being used for previewing a lock screen effect, the lock screen toolbar comprising a plurality of controls for modifying the lock screen effect; in response to a second operation for a desktop, displaying a desktop setting interface, the desktop setting interface comprising a second preview area and a desktop toolbar, the second preview area being used for previewing a desktop home page effect, the desktop toolbar comprising a plurality of controls for modifying the desktop effect; in response to a third operation for the lock screen setting interface, switching display from the lock screen setting interface to the desktop setting interface; in response to a fourth operation for the desktop setting interface, switching display from the desktop setting interface to the lock screen setting interface.

2. The display style setting method of claim 1, wherein in response to a second operation for a desktop, displaying a desktop setting interface, comprising: in response to a second operation for a desktop, displaying a desktop editing interface, the desktop editing interface comprising a desktop preview area and a personalization setting icon, the desktop preview area being used for previewing the desktop, all pages of the desktop being used for switching display in response to a sliding operation; in response to a fifth operation for the personalization setting icon, switching display from the desktop editing interface to the desktop setting interface.

3. The display style setting method according to claim 1 or 2, wherein The method further comprises: in response to the setting application starting, displaying a setting application home page, the setting application home page comprising a desktop and a personalization option; in response to a sixth operation for the desktop and the personalization option, displaying a desktop and personalization interface, the desktop and personalization interface comprising a personalization setting icon; in response to a seventh operation for the personalization setting option, switching display from the desktop and personalization interface to the desktop setting interface.

4. The display style setting method of claim 3, wherein, The desktop and personalization interface further comprises a theme setting option, and the method further comprises: in response to an eighth operation for the theme setting option, switching display from the desktop and personalization interface to a theme selection interface, the theme selection interface comprising a custom editing control; in response to a ninth operation for the custom editing control, switching display from the theme selection interface to the desktop setting interface.

5. The display style setting method according to any one of claims 1 to 4, wherein The method further comprises: in response to the theme application starting, displaying a theme application home page, the theme application home page comprising a personalization setting icon; in response to a tenth operation for the personalization setting icon, switching display from the theme home page to the desktop setting interface.

6. The display style setting method according to any one of claims 1 to 5, wherein The desktop toolbar at least comprises an icon style control; the method further comprises: in response to an eleventh operation for the icon style control, the desktop setting interface switches display to a desktop setting interface secondary interface, the desktop setting interface secondary interface comprising a third preview area and a first pop-up window, the third preview area being used for previewing desktop all page effects, the first pop-up window being used for displaying a plurality of different icon parameter options.

7. The display style setting method of claim 6, wherein The icon parameter options comprise icon color options, and the method further comprises: In response to a twelfth operation on the icon color option, the first pop-up window in the desktop setting interface secondary interface is switched to display a second pop-up window, and the second pop-up window is used to display a plurality of different color options; In response to a thirteenth operation on any one of the color options, the icon color of the third preview area is switched to the color corresponding to the color option.

8. The display style setting method according to claim 6 or 7, wherein The icon parameter option includes a plurality of different icon style options, and the method further includes: In response to a fourteenth operation on any one of the icon style options, the icon style of the third preview area is switched to the style corresponding to the icon style option.

9. The display style setting method according to any one of claims 6 to 8, wherein, The icon parameter option includes an icon size control bar and an icon corner control bar, and the method further includes: In response to a fifteenth operation on the icon size control bar, the icon size of the third preview area is switched to the size indicated by the icon size control bar; In response to a sixteenth operation on the icon corner control bar, the icon corner of the third preview area is switched to the corner size indicated by the icon corner control bar.

10. The display style setting method according to any one of claims 6 to 9, wherein The desktop toolbar further includes a switching effect control, and the method further includes: In response to a seventeenth operation on the switching effect control, a third pop-up window is displayed in the desktop setting interface secondary interface, and the third pop-up window is used to display a plurality of desktop switching options indicating different desktop switching effects; In response to an eighteenth operation on any one of the desktop switching options, the desktop switching effect of the third preview area is switched to the desktop switching effect corresponding to the desktop switching option.

11. The display style setting method according to any one of claims 6 to 10, wherein The desktop toolbar further includes a desktop arrangement control, and the method further includes: In response to a nineteenth operation on the desktop arrangement control, a fourth pop-up window is displayed in the desktop setting interface secondary interface, and the fourth pop-up window is used to display a plurality of desktop arrangement options indicating different desktop arrangement effects; In response to a twentieth operation on any one of the desktop arrangement options, the desktop arrangement mode of the third preview area is switched to the desktop arrangement mode corresponding to the desktop arrangement option.

12. The display style setting method of claim 11, wherein, The desktop setting interface secondary interface displaying the fourth pop-up window includes an application control, and the method further includes: In response to a twenty-first operation on the application control, the desktop setting interface secondary interface is switched to display the desktop, and the desktop arrangement mode of the desktop is the desktop arrangement mode corresponding to the desktop arrangement option.

13. The display style setting method according to any one of claims 6 to 12, wherein The desktop toolbar further includes a folder control, and the method further includes: In response to a twenty-second operation on the folder control, a fifth pop-up window is displayed in the desktop setting interface secondary interface, and the fifth pop-up window is used to display a background blur switch and a blur degree control bar; In response to a twenty-third operation on the background blur switch, the folder in the third preview area is switched to a background blur state; In response to a twenty-fourth operation on the blur degree control bar, the background blur degree of the folder in the third preview area is switched to the degree indicated by the blur degree control bar.

14. The display style setting method according to any one of claims 6 to 13, wherein The desktop setting interface further includes a theme card, and the method further includes: In response to a twenty-fifth operation on the theme card, the desktop setting interface is switched to display a theme setting interface, the theme setting interface including a fourth preview area and a sixth pop-up window; the fourth preview area is configured to display a lock screen preview image or a desktop preview image, and the sixth pop-up window is configured to display a plurality of different theme options; In response to a twenty-sixth operation on any one of the theme options, the lock screen preview image and the desktop preview image of the fourth preview area are switched to a theme corresponding to the theme option.

15. The display style setting method of claim 14, wherein, The theme setting interface further includes an application control, and the method further includes: In response to a twenty-seventh operation on the application control, the theme setting interface is switched to display the desktop, and a theme of the desktop is the theme corresponding to the theme option.

16. The display style setting method according to any one of claims 6 to 15, wherein The desktop setting interface further includes a wallpaper card, and the wallpaper card includes a color control, and the method further includes: In response to a twenty-eighth operation on the color control, a seventh pop-up window is displayed in a secondary interface of the desktop setting interface, and the seventh pop-up window is configured to display a plurality of different color options; In response to a twenty-ninth operation on any one of the color options, a wallpaper color of the third preview area is switched to a color corresponding to the color option.

17. The display style setting method according to claim 16, wherein The wallpaper card further includes a lock screen following control, and the method further includes: In response to a thirtieth operation on the lock screen following control, a wallpaper of the third preview area is switched to a same wallpaper as a lock screen interface.

18. The display style setting method according to claim 16 or 17, wherein The wallpaper card further includes a custom control, and the method further includes: In response to a thirty-first operation on the custom control, an eighth pop-up window is displayed in a secondary interface of the desktop setting interface, and the eighth pop-up window is configured to display a plurality of different wallpaper options; In response to a thirty-second operation on any one of the wallpaper options, a wallpaper of the third preview area is switched to a wallpaper corresponding to the wallpaper option.

19. The display style setting method according to any one of claims 1 to 18, wherein The first preview area further includes a wallpaper preview control, and the method further includes: In response to a thirty-third operation on the wallpaper preview control, the desktop setting interface is switched to display a wallpaper preview interface, and the wallpaper preview interface is configured to display content of the first preview area in full screen; In response to a movement operation on the wallpaper preview interface, the wallpaper is moved; In response to a zoom operation on the wallpaper preview interface, the wallpaper is zoomed.

20. The display style setting method according to any one of claims 2 to 19, wherein The desktop editing interface further includes a desktop card icon, and the desktop card icon is configured to indicate adding or modifying a card in the desktop.

21. The display style setting method according to any one of claims 2 to 20, wherein The desktop editing interface further includes a desktop setting icon, and the desktop setting icon is configured to indicate modifying at least any one of a desktop layout, a lock screen layout, and an icon size.

22. The display style setting method according to any one of claims 1 to 21, wherein The method further includes: In response to a thirty-fourth operation on the lock screen setting interface, the lock screen setting interface is switched to display an off-screen setting interface, and the off-screen setting interface includes a fifth preview area and an off-screen toolbar; the fifth preview area is configured to preview an off-screen effect, and the off-screen toolbar includes a plurality of controls configured to modify the off-screen effect.

23. The display style setting method according to any one of claims 1 to 22, wherein The method further includes: In response to a thirty-fifth operation on the desktop setting interface, a system setting interface is switched from the desktop setting interface for display, the system setting interface including a sixth preview area and a system rounded corner toolbar, the sixth preview area being used for previewing all pages of a system interface, and the system rounded corner toolbar including a system rounded corner control bar and a follow icon control; In response to a thirty-sixth operation on the system rounded corner control bar, system rounded corners in the sixth preview area are switched in size; In response to a thirty-seventh operation on the follow icon control, the system rounded corners in the sixth preview area are kept in size consistent with icon rounded corners.

24. An electronic device, comprising: The electronic device includes a display screen, and the electronic device further includes a processor, a memory, and an interface; The processor, the memory, and the interface cooperate with each other, so that the electronic device performs the method of any one of claims 1 to 23.

25. A computer readable storage medium, characterized in that, The computer readable storage medium stores a computer program, and when the computer program is executed by the processor, the processor executes the method of any one of claims 1 to 23.

Images