Display method and electronic equipment

Abstract

The embodiment of the invention discloses a display method and electronic equipment, relates to the technical field of electronics, and can optimize the process of displaying a plurality of application program icons by the electronic equipment so as to improve the user experience. According to the specific scheme, the electronic equipment receives a first operation that a user triggers the electronic equipment to display a first interface, the first interface is an interface corresponding to a first application program, and the first interface comprises a plurality of elements; in response to the first operation, the electronic equipment determines a reference element and a reference point in the multiple elements; the reference element is the element with the smallest area in the plurality of elements, and the reference point is the center of an element circle established by the electronic equipment; the electronic equipment determines a plurality of element circles according to the reference element and the reference point, and each element circle comprises at least one element; the electronic device displays the plurality of element circles based on the first interval time.

Description

Display method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on July 12, 2022, with application number 202210815868.1 and invention name “A display method and electronic device”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of electronic technology, and in particular to a display method and electronic equipment. Background Art

[0003] Currently, electronic devices, such as mobile phones, can display multiple elements (such as multiple application icons) simultaneously in a grid arrangement. For example, a mobile phone may include multiple applications, and the mobile phone desktop may include multiple application icons, and users can open different applications through different application icons.

[0004] However, when multiple elements are displayed simultaneously in a grid arrangement on the interface of an electronic device, these multiple elements enter the interface of the electronic device at the same time. For example, when a mobile phone enters the desktop, such as by unlocking the phone, the mobile phone desktop includes multiple application icons that enter the desktop at the same time. In other words, the mobile phone desktop displays the multiple application icons included on the desktop at the same time. This results in the electronic device displaying multiple application icons in a relatively simple process, and the user experience is poor.

[0005] Summary of the Invention

[0006] The embodiments of the present application provide a display method and electronic device, which can optimize the process of displaying multiple application icons on an electronic device such as a mobile phone when the electronic device enters the desktop, thereby improving the user experience.

[0007] In a first aspect, an embodiment of the present application provides a display method, which is applied to an electronic device, which may include a first application. The display method may include: the electronic device receives a first operation by a user triggering the electronic device to display a first interface, the first interface being an interface corresponding to the first application, and the first interface including multiple elements; in response to the first operation, the electronic device determines a reference element and a reference point among the multiple elements; the reference element is the element with the smallest area among the multiple elements, and the reference point is the center of the element circle established by the electronic device; the electronic device determines multiple element circles based on the reference element and the reference point, each element circle including at least one element; the electronic device displays the multiple element circles respectively based on the first interval time.

[0008] Based on the display method described in the first aspect, when the electronic device displays a first interface including multiple elements, the electronic device can divide the multiple elements into different element circles, and the electronic device can simultaneously display multiple elements included in the same element circle. Different element circles can be displayed at intervals of a first interval time, so that when the electronic device displays multiple elements included in the first interface, the multiple elements can be displayed circle by circle, which increases the transition effect and thus improves the user experience.

[0009] In combination with the first aspect, in a possible implementation, the multiple element circles may include a first element circle and a second element circle, the first element circle may include at least one first element, and the second element circle may include at least one second element. The electronic device may display multiple element circles based on a first interval time, which may include: the electronic device displays the first element; after the first interval time, the electronic device displays the second element.

[0010] Based on this possible implementation method, when the electronic device displays the first element circle and the second element circle, the electronic device can simultaneously display multiple first elements corresponding to the first element circle. After displaying the multiple first elements corresponding to the first element circle, the electronic device can display the multiple second elements corresponding to the second element circle at a first interval time. In this way, when the electronic device displays the multiple elements included in the first interface, the multiple elements can be displayed circle by circle, which increases the transition effect and improves the user experience.

[0011] In combination with the first aspect, in a possible implementation, the electronic device displays a first element, which may include: the electronic device magnifies the first element using a first magnification factor, and the electronic device displays the magnified first element; after a first interval time, the electronic device displays a second element, which may include: the electronic device magnifies the second element using the first magnification factor, and magnifies the first element using the second magnification factor, and the electronic device simultaneously displays the second element after magnification by the first magnification factor, and the first element after magnification by the second magnification factor, where the first magnification factor is greater than the second magnification factor.

[0012] Based on this possible implementation method, when the electronic device simultaneously displays multiple first elements corresponding to the first element circle, the electronic device can enlarge and display the first element. After enlarging and displaying the multiple first elements corresponding to the first element circle, the electronic device can display the multiple second elements corresponding to the enlarged second element circle at an interval of a first interval, and display the first element in a smaller size accordingly. In this way, when the electronic device displays the multiple elements included in the first interface, the multiple elements can be zoomed and displayed circle by circle, which increases the transition effect and improves the user experience.

[0013] In combination with the first aspect, in one possible implementation, after the electronic device simultaneously displays the second element after being magnified by a first magnification factor, and the first element after being magnified by a second magnification factor, the above-mentioned display method may further include: after a first interval time, the electronic device uses the second magnification factor to magnify the second element, and the electronic device simultaneously displays the second element after being magnified by the second magnification factor, and the first element after being magnified by the second magnification factor.

[0014] Based on this possible implementation method, after the electronic device enlarges and displays multiple second elements corresponding to the second element circle, the electronic device can reduce the size of the second elements, so that when the electronic device displays the multiple elements included in the first interface, the multiple elements can be zoomed and displayed circle by circle, which increases the transition effect and improves the user experience.

[0015] In combination with the first aspect, in a possible implementation, the range of the first element circle may be smaller than the range of the second element circle.

[0016] Based on this possible implementation method, the electronic device can divide the multiple elements included in the first interface into element circles with different ranges, so that the electronic device can simultaneously display the multiple elements included in the same element circle, and different element circles can be displayed at intervals of a first interval time, so that when the electronic device displays the multiple elements included in the first interface, the multiple elements can be displayed circle by circle, which increases the transition effect and thus improves the user experience.

[0017] In combination with the first aspect, in a possible implementation, the above-mentioned reference element may be a rectangle, and the above-mentioned electronic device determines multiple element circles based on the reference element and the reference point, which may include: the electronic device determines the length and width of the reference element; the electronic device determines the first element circle and the second element circle based on the length and width of the reference element with the reference point as the center; wherein the length of the first element circle is N times the length of the reference element, and the width of the first element circle is N times the width of the reference element, and N is an integer greater than or equal to 1; the length of the second element circle is M times the length of the reference element, and the width of the second element circle is M times the width of the reference element, and M is an integer greater than N.

[0018] Based on this possible implementation method, the electronic device can divide the first interface including multiple elements into element circles with different ranges through the length and width of the reference element and the reference point, so that the electronic device can simultaneously display multiple elements included in the same element circle, and different element circles can be displayed at intervals of a first interval time, so that when the electronic device displays the multiple elements included in the first interface, the multiple elements can be displayed circle by circle, which increases the transition effect and thus improves the user experience.

[0019] In combination with the first aspect, in a possible implementation method, the above-mentioned first element can be an element within the scope of the first element circle, and the above-mentioned second element is an element within the scope of the second element circle; when the third element is both an element within the scope of the first element circle and an element within the scope of the second element circle, the third element is the first element, and the third element is any element included in the first interface.

[0020] Based on this possible implementation method, when the third element is both an element within the range of the first element circle and an element within the range of the second element circle, the electronic device can determine that the third element is the first element, that is, the third element is the element corresponding to the first element circle, so that the multiple elements included in the first interface can be divided into element circles of different ranges.

[0021] In combination with the first aspect, in a possible implementation, the elements included in the first interface may be application icons, images, or memos.

[0022] Based on this possible implementation method, when an electronic device displays multiple application icons or multiple images or multiple memos, the electronic device can divide the multiple application icons or multiple images or multiple memos into different element circles, and the electronic device can simultaneously display the application icons, images or memos included in the same element circle. Different element circles can be displayed at intervals of a first interval time, so that when the electronic device displays multiple elements included in the first interface, the multiple elements can be displayed circle by circle, which increases the transition effect and improves the user experience.

[0023] In a second aspect, embodiments of the present application provide a display device that can be applied to an electronic device and used to implement the method described in the first aspect. The functions of the display device can be implemented through hardware or by executing corresponding software through hardware. The hardware or software includes one or more modules corresponding to the above functions, such as a receiving module, a determining module, and a display module.

[0024] The receiving module may be configured to receive a first operation by a user to trigger the electronic device to display a first interface. The first interface is an interface corresponding to a first application program, and the first interface includes multiple elements.

[0025] The determination module can be used to determine a reference element and a reference point among multiple elements in response to a first operation; the reference element is the element with the smallest area among the multiple elements, and the reference point is the center of the element circle established by the electronic device.

[0026] The determination module may also be configured to determine a plurality of element circles based on the reference elements and the reference points, each element circle including at least one element.

[0027] The display module can be used to display multiple element circles based on the first interval time.

[0028] In combination with the second aspect, in a possible implementation, the display module can also be used to display the first element.

[0029] The display module may also be configured to display a second element after the first interval.

[0030] In combination with the second aspect, in a possible implementation, the display device may further include an amplification module.

[0031] The magnification module can be used to magnify the first element using a first magnification factor.

[0032] The display module can be used to display the first element after magnification.

[0033] The magnification module can also be used to magnify the second element using a first magnification factor, and magnify the first element using a second magnification factor.

[0034] The display module can also be used to simultaneously display the second element after being magnified by a first magnification factor and the first element after being magnified by a second magnification factor, where the first magnification factor is greater than the second magnification factor.

[0035] In combination with the second aspect, in a possible implementation, the amplification module may be further configured to amplify the second element using a second amplification factor after the first interval.

[0036] The display module can also be used to simultaneously display the second element after being magnified by the second magnification factor, and the first element after being magnified by the second magnification factor.

[0037] In combination with the second aspect, in a possible implementation manner, the range of the first element circle is smaller than the range of the second element circle.

[0038] In conjunction with the second aspect, in a possible implementation, the determination module may also be used to determine the length and width of the first element.

[0039] The determination module can also be used to determine the first element circle and the second element circle based on the length and width of the reference element with the reference point as the center; wherein the length of the first element circle is N times the length of the reference element, and the width of the first element circle is N times the width of the reference element, and N is an integer greater than or equal to 1; the length of the second element circle is M times the length of the reference element, and the width of the second element circle is M times the width of the reference element, and M is an integer greater than N.

[0040] In combination with the second aspect, in one possible implementation, the first element is an element within the scope of the first element circle, and the second element is an element within the scope of the second element circle; when the third element is both an element within the scope of the first element circle and an element within the scope of the second element circle, the third element is the first element, and the third element is any element included in the first interface.

[0041] In combination with the second aspect, in a possible implementation, the elements included in the first interface are application icons, images, or memos.

[0042] In a third aspect, a display device is provided, which has the function of implementing the method described in the first aspect. The function can be implemented by hardware or by hardware executing corresponding software. The hardware or software includes one or more modules corresponding to the above functions.

[0043] In a fourth aspect, a display device is provided, comprising: a processor and a memory; the memory is used to store computer execution instructions, and when the display device is running, the processor executes the computer execution instructions stored in the memory to enable the display device to perform a display method as described in any one of the above-mentioned first aspects.

[0044] In a fifth aspect, a display device is provided, comprising: a processor; the processor is configured to be coupled to a memory, and after reading instructions in the memory, execute the display method as described in any one of the above-mentioned first aspects according to the instructions.

[0045] In a sixth aspect, embodiments of the present application provide a computer-readable storage medium having computer program instructions stored thereon. When the computer program instructions are executed by an electronic device, the electronic device implements the display method as described in the first aspect or any possible implementation of the first aspect.

[0046] In a seventh aspect, an embodiment of the present application provides a computer program product, comprising a computer-readable code. When the computer-readable code runs in an electronic device, the electronic device implements a display method as described in any one of the first aspect or possible implementations of the first aspect.

[0047] In an eighth aspect, a device (for example, a chip system) is provided, which includes a processor for supporting an electronic device in implementing the functions described in the first aspect. In one possible design, the device also includes a memory for storing program instructions and data necessary for the electronic device. When the device is a chip system, it can be composed of a chip or include a chip and other discrete devices.

[0048] It should be understood that the beneficial effects of the second to eighth aspects mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0049] FIG1 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application;

[0050] FIG2 is a first schematic diagram of a software structure of an electronic device provided in an embodiment of the present application;

[0051] FIG3 is a second schematic diagram of a software structure of an electronic device provided in an embodiment of the present application;

[0052] FIG4 is a flow chart of a display method according to an embodiment of the present application;

[0053] FIG5 is a second flow chart of a display method provided in an embodiment of the present application;

[0054] FIG6 is a first schematic diagram of a display interface of an electronic device provided in an embodiment of the present application;

[0055] FIG7 is a flow chart of an element circle division process provided in an embodiment of the present application;

[0056] FIG8 is a first schematic diagram of the process of displaying element circles according to an embodiment of the present application;

[0057] FIG9 is a second schematic diagram of the process of element circle display provided by an embodiment of the present application;

[0058] FIG10 is a second schematic diagram of a display interface of an electronic device provided in an embodiment of the present application;

[0059] FIG11 is a third schematic diagram of a display interface of an electronic device provided in an embodiment of the present application;

[0060] FIG12 is a fourth schematic diagram of a display interface of an electronic device provided in an embodiment of the present application;

[0061] FIG13 is a schematic structural diagram of a display device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0062] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0063] The terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of the technical features being referred to. Thus, a feature specified as "first" or "second" may explicitly or implicitly include one or more of such features. Throughout this application, unless otherwise specified, "plurality" means two or more.

[0064] With the widespread popularity of electronic devices such as mobile phones, the number of applications (Apps) in major application markets has also experienced explosive growth. More and more applications are installed on electronic devices such as mobile phones, and the functions of electronic devices are becoming more and more complete.

[0065] Multiple elements, such as application icons, images, or memos, can be displayed simultaneously on the interface of an electronic device. When multiple elements are displayed simultaneously on the interface of an electronic device, the electronic device can display multiple application icons in a grid arrangement, such as each grid can correspond to an icon of an application. For example, a mobile phone can include multiple applications, and the desktop of the mobile phone can include multiple application icons, that is, multiple elements. Users can open different applications through different application icons. When the mobile phone displays multiple application icons included in the desktop, the mobile phone can display multiple application icons in a grid arrangement, that is, each grid can correspond to an icon of an application.

[0066] For example, when a mobile phone opens a gallery application, the mobile phone interface can simultaneously display multiple images, i.e., multiple elements, included in the gallery application. When the mobile phone displays multiple images included in the gallery application, the mobile phone can display the multiple images in a grid arrangement, i.e., each grid can correspond to an image.

[0067] For example, when a mobile phone opens a memo application, multiple memos, i.e., multiple elements, included in the memo application can be displayed simultaneously on the mobile phone interface. When the mobile phone displays multiple memos included in the memo application, the mobile phone can display the multiple memos in a grid arrangement, i.e., each grid can correspond to a memo.

[0068] When an electronic device enters a grid arrangement scenario, that is, when multiple elements are displayed simultaneously on the interface of the electronic device in a grid arrangement, the multiple elements simultaneously enter the interface of the electronic device, that is, the interface of the electronic device simultaneously displays the multiple elements, that is, the multiple elements enter the interface of the electronic device as a whole. For example, when a mobile phone enters the desktop, such as when the mobile phone desktop is unlocked, the mobile phone desktop includes multiple application icons that enter simultaneously, that is, the mobile phone simultaneously displays the multiple application icons included in the desktop, that is, the multiple application icons enter the mobile phone desktop as a whole.

[0069] For another example, when a mobile phone opens a gallery application, the gallery application includes multiple images that enter simultaneously, that is, the mobile phone displays the multiple images included in the gallery application simultaneously, that is, the multiple images enter the interface corresponding to the gallery application as a whole.

[0070] For another example, when the mobile phone opens the memo application, the memo application includes multiple memos that enter at the same time, that is, the mobile phone displays the memos included in the memo application at the same time, that is, the multiple memos enter the interface corresponding to the memo application as a whole.

[0071] The scene where an electronic device enters a grid arrangement can also be called a transition, meaning it switches from one scene to another, or from one display interface to another. Because the electronic device's interface simultaneously displays multiple elements corresponding to the grid arrangement, this lacks transition animation, making the scene appear less vivid.

[0072] In response to the above problems, an embodiment of the present application provides a display method, which is applied to an electronic device. When the electronic device displays multiple elements (such as application icons) at the same time, the electronic device can divide the multiple elements into different element circles. The electronic device can simultaneously display multiple elements included in the same element circle, and different element circles can be displayed at different times (that is, different element circles can be displayed at intervals). Therefore, when the electronic device displays multiple elements at the same time, the multiple elements can be displayed circle by circle, which increases the dynamic effect of the transition, making it more vivid when the electronic device enters a grid-arranged scene, that is, when the multiple elements are displayed at the same time, thereby improving the user experience.

[0073] The display method provided in the embodiment of the present application is described below.

[0074] The display method provided in the embodiments of the present application can be applied to electronic devices. In some embodiments, the electronic devices can be mobile phones, tablet computers, handheld computers, personal computers (PCs), cellular phones, personal digital assistants (PDAs), wearable devices, and other electronic devices with NFC capabilities. The embodiments of the present application do not limit the specific form of the electronic devices.

[0075] For example, taking the electronic device as a mobile phone as an example, FIG1 shows a schematic structural diagram of an electronic device provided in an embodiment of the present application.

[0076] As shown in Figure 1, the electronic device 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, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. Among them, the sensor module 180 can include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light 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.

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

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

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

[0080] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly retrieve it from the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.

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

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

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

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

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

[0086] In some embodiments, antenna 1 of the electronic device is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, so that the electronic device can communicate with a network and other devices via wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology.

[0087] The electronic device implements display functionality through a GPU, display screen 194, and an application processor. A GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0088] Display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, the electronic device can include one or N display screens 194, where N is a positive integer greater than one.

[0089] In the embodiment of the present application, the display screen 194 may be used to display the interface of the electronic device.

[0090] The electronic device can implement the shooting function through the ISP, camera 193, video codec, GPU, display 194 and application processor, etc. In some embodiments, the electronic device can include 1 or N cameras 193, where N is a positive integer greater than 1.

[0091] The internal memory 121 can be used to store computer executable program codes, and the executable program codes include instructions. The processor 110 executes various functional applications and data processing of the electronic device by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area can store data established during the use of the electronic device (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0092] The acceleration sensor 180E can periodically collect acceleration data of the electronic device at a certain frequency. For example, it can collect the acceleration magnitude of the electronic device in various directions (generally the XYZ three-axis directions).

[0093] Of course, it is understood that FIG1 is merely an example of an electronic device in the form of a mobile phone. If the electronic device is a tablet computer, handheld computer, PC, PDA, wearable device (e.g., smart watch, smart bracelet), or other device form factors, the structure of the electronic device may include fewer or more structures than shown in FIG1 , and this is not limited here.

[0094] It is understandable that, generally speaking, the realization of electronic device functions requires not only hardware support but also software cooperation.

[0095] The software system of the electronic device can adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. Taking the system as an example, the software structure of the electronic device is illustrated.

[0096] FIG2 is a block diagram of the software structure of the electronic device provided in an embodiment of the present application.

[0097] The layered architecture divides the software into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, The system is divided into four layers, from top to bottom: application layer, application framework layer (also called system framework Java layer), Runtime( runtime) and system libraries (also called Native layer), as well as the kernel layer.

[0098] The application layer can include a series of application packages. As shown in Figure 2, the application package can include camera, gallery, calendar, phone, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

[0099] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0100] As shown in FIG2 , the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

[0101] The window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, take screenshots, etc.

[0102] Content providers are used to store and retrieve data and make it accessible to applications. Data can include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

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

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

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

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

[0107] Runtime The runtime includes the core library and the virtual machine. Runtime runtime is responsible for System scheduling and management.

[0108] The core library consists of two parts: one is the function that the Java language needs to call, and the other is The core library.

[0109] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

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

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

[0112] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support multiple audio and video encoding formats.

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

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

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

[0116] Since the interface of an electronic device can display multiple elements simultaneously, such elements may be application icons, images, or memos, the interface of the electronic device may be an interface corresponding to an application included in the electronic device, such as an interface corresponding to a desktop application of the electronic device (i.e., the desktop of the electronic device), or an interface corresponding to a gallery application included in the electronic device, or an interface corresponding to a memo application included in the electronic device. In the embodiments of the present application, the interface of the electronic device is the desktop of the electronic device, and the elements displayed by the electronic device are application icons.

[0117] When the interface of the electronic device is the desktop of the electronic device and the elements displayed by the electronic device are application icons, in order to realize that when entering the desktop of the electronic device, the multiple application icons included in the desktop can enter the desktop of the electronic device one by one according to different element circles, that is, the electronic device displays the multiple application icons one by one, it not only requires the support of the hardware shown in Figure 1 and the software shown in Figure 2 above, but also requires the cooperation of different functional modules.

[0118] For example, as shown in FIG3 , the application layer of the electronic device may include a desktop application, and the application framework layer of the electronic device may include an event processing module, a lock screen module, and a view animation module.

[0119] The event processing module included in the application framework layer can be used to receive the user's unlocking operation, so that the electronic device can display multiple application icons included in the desktop application.

[0120] Since the electronic device can be unlocked by sliding, password, fingerprint or face (i.e., face unlock), the event processing module may include a sliding event module, a password input module, a fingerprint recognition module and a face recognition module.

[0121] When the user has not set a lock screen password on the electronic device, the sliding event module can receive the user's unlocking operation, such as the user's sliding on the lock screen interface, such as the upward sliding operation. When the sliding event module receives the user's upward sliding on the lock screen interface, the sliding event module can determine whether the user's upward sliding on the lock screen interface reaches the sliding threshold. In the case where the sliding event module determines that the user's upward sliding on the lock screen interface reaches the sliding threshold, the sliding event module can determine that the user's unlocking operation is received, that is, the sliding event module can trigger an unlocking event. After the sliding event module triggers the unlocking event, the sliding event module can notify the desktop, that is, the sliding event module can notify the lock screen module included in the application framework layer, so that the lock screen module can notify the circular zoom animation module included in the application framework layer to collect the view (i.e., view) on the desktop of the electronic device and input the reference point position.

[0122] When a user sets a lock screen password on an electronic device, the password input module can receive the user's unlock operation, such as the user entering the lock screen password on the lock screen interface. When the password input module receives the lock screen password entered by the user on the lock screen interface, the password input module can determine whether the lock screen password entered by the user on the lock screen interface is the correct password stored in the electronic device. In the case where the password input module determines that the lock screen password entered by the user on the lock screen interface is the correct password stored in the electronic device, that is, the lock screen password entered by the user on the lock screen interface matches the correct password stored in the electronic device, the password input module can determine that the user's unlock operation is received, that is, the password input module can trigger an unlock event. After the password input module triggers the unlock event, the password input module can notify the desktop, that is, the password input module can notify the lock screen module included in the application framework layer, so that the lock screen module can notify the annular zoom animation module included in the application framework layer to collect the view on the desktop of the electronic device and input the reference point position.

[0123] When the user sets up fingerprint recognition on the electronic device, the fingerprint recognition module can receive the user's unlocking operation, such as the user entering the fingerprint on the lock screen interface. When the fingerprint recognition module receives the fingerprint entered by the user on the lock screen interface, the fingerprint recognition module can determine whether the fingerprint entered by the user on the lock screen interface is the correct fingerprint data stored by the electronic device. In the case where the fingerprint recognition module determines that the fingerprint entered by the user on the lock screen interface is the correct fingerprint data password stored by the electronic device, that is, the lock screen password entered by the user on the lock screen interface matches the correct fingerprint data stored by the electronic device, the fingerprint recognition module can determine that the user's unlocking operation is received, that is, the fingerprint recognition module can trigger an unlocking event. After the fingerprint recognition module triggers the unlocking event, the fingerprint recognition module can notify the desktop, that is, the fingerprint recognition module can notify the lock screen module included in the application framework layer, so that the lock screen module can notify the circular zoom animation module included in the application framework layer to collect the view on the desktop of the electronic device and input the reference point position.

[0124] When a user sets up facial recognition on an electronic device, the facial recognition module can receive the user's unlock operation, such as the user scanning the face on the lock screen interface. After the facial recognition module receives the user's face scanning operation on the lock screen interface, the facial recognition module can receive the user's facial data. Thereafter, the facial recognition module can determine whether the received user's facial data is the correct facial data stored for the electronic device. If the facial recognition module determines that the received user's facial data is the correct facial data stored for the electronic device, that is, the facial data scanned by the user on the lock screen interface matches the correct facial data stored for the electronic device, the facial recognition module can determine that the user's unlock operation has been received, that is, the facial recognition module can trigger an unlock event. After the facial recognition module triggers the unlock event, the facial recognition module can notify the desktop, that is, the facial recognition module can notify the lock screen module included in the application framework layer, so that the lock screen module can notify the circular zoom animation module included in the application framework layer to collect the view on the desktop of the electronic device and input the reference point position.

[0125] The lock screen module included in the application framework layer can be used to notify the circular zoom animation module included in the application framework layer to collect the view on the desktop of the electronic device and input the reference point position when the event processing module (i.e., the sliding event module, the password input module, the fingerprint recognition module, and the facial recognition module) is used to receive the user's unlocking operation.

[0126] The circular zoom animation module included in the application framework layer can be used to receive the lock screen module included in the application framework layer, collect the view on the desktop of the electronic device and input the reference point position. The view on the desktop of the electronic device refers to the elements that can be displayed on the desktop of the electronic device, such as application icons, images, or memos. The reference point position refers to the center point of the element circle when the electronic device displays each element circle. It should be noted that the reference point positions of different element circles can be the same.

[0127] The circular zoom animation module included in the application framework layer can also be used to send the view on the desktop and the reference point position to the unlock event processing module included in the desktop application.

[0128] Desktop applications may include a user interface (UI) and logic (i.e., a logic module). The user interface (UI) is the medium for interaction and information exchange between the operating system of an electronic device and the user. It implements the conversion between the internal form of information of the electronic device and the form acceptable to the user. For example, the user interface (UI) may include application icons, cards, folders, and other content. That is, the desktop of an electronic device may display application icons, cards, folders, and other content. The logic module of a desktop application may include an unlock event processing module, a ring animation module, and the like.

[0129] The desktop application includes an unlock event processing module, which can be used to receive the view on the desktop and the reference point position sent by the circular zoom animation module included in the application framework layer.

[0130] The desktop application includes an unlock event processing module, which can also be used to find the minimum view based on the views on the desktop and the location of the reference point, and to divide all views into circles. The unlock event processing module divides all views into circles, that is, divides the views on the desktop into different element circles. Different element circles include different elements (i.e., application icons), which can also be called views.

[0131] After the unlock event processing module divides the view on the desktop into different element circles, the unlock event processing module can start the animation at fixed intervals, that is, the unlock event processing module can assign fixed intervals to different element circles, that is, when the electronic device displays multiple element circles, there can be a fixed interval between each two element circles.

[0132] After the unlock event processing module can assign fixed intervals to different element circles, the unlock event processing module can notify the view animation module included in the desktop application, so that the view animation module can display the elements corresponding to the multiple element circles one by one at fixed intervals.

[0133] The view animation module included in the desktop application can be configured to receive multiple element circles and fixed intervals between the element circles sent by the desktop application's unlock event processing module. After the view animation module receives the multiple element circles and fixed intervals between the element circles, the view animation module can display the elements corresponding to the multiple element circles one by one at the fixed intervals.

[0134] The methods in the following embodiments can all be implemented in an electronic device having the above hardware structure or software structure.

[0135] The display method provided by the embodiment of the present application is described in detail below with reference to Figure 4. Figure 4 is a flow chart of a display method provided by the embodiment of the present application. As shown in Figure 4, the display method may include the following S401-S405.

[0136] S401: The electronic device receives a first operation by a user triggering the electronic device to display a first interface, where the first interface includes multiple elements.

[0137] The first interface may be an interface corresponding to a first application included in the electronic device. The first application may be a desktop application of the electronic device, or a gallery application or a memo application included in the electronic device, which is not limited in this embodiment of the present application.

[0138] The first interface may include multiple elements. The elements may be application icons, images, or memos, etc. For example, when the first interface is a desktop application of an electronic device, the elements included in the first interface may be icons corresponding to the applications included in the electronic device (i.e., application icons). When the first interface is a gallery application of an electronic device, the elements included in the first interface may be images included in the gallery application. When the first interface is a memo application of an electronic device, the elements included in the first interface may be memos included in the memo application.

[0139] It should be noted that the elements included in the first interface may also be folders (such as large folders or small folders), cards, or videos, etc., which can be displayed by electronic devices. This is not limited in the embodiments of the present application.

[0140] In some examples, the multiple elements included in the first interface can be independent elements, that is, each element included in the first interface can be a motion unit and can be moved on the first interface. For example, when the first interface is a desktop application of an electronic device, the elements included in the first interface are icons corresponding to the application included in the electronic device, and each application icon is an independent element that can be moved on the desktop of the electronic device. That is, the elements can be a scene in which the electronic device is arranged in a grid, and the display content corresponding to each grid can be an element.

[0141] When a user needs to use an electronic device to display multiple elements included in a first interface, the user can trigger the electronic device to display the first interface and display the multiple elements included in the first interface. That is, the electronic device can receive a first operation by the user triggering the electronic device to display the first interface. The first operation can be an operation to open a first application, the first operation can also be an operation to unlock the electronic device, or the first operation can also be an operation to return to the main interface of the first application. The specific type of the first operation is not limited in the embodiments of the present application.

[0142] For example, when the first interface is a desktop application of the electronic device, and the elements included in the first interface are icons corresponding to the applications included in the electronic device (i.e., application icons), the electronic device may unlock the electronic device when receiving the first operation of the user triggering the electronic device to display the first interface. In other words, when the electronic device is locked, after receiving the unlock operation of the user, the electronic device may display the desktop and the application icons included in the desktop.

[0143] The first operation can also be an operation for the user to trigger the electronic device to return from other interfaces to the desktop of the electronic device. For example, when the electronic device displays the interface of other applications, after the electronic device receives the user's operation to return to the desktop of the electronic device (i.e., the first operation), the electronic device can display the desktop and display the application icons included on the desktop.

[0144] It should be noted that when the first operation is an operation to unlock the electronic device, since the electronic device can be unlocked by sliding, by a password, by a fingerprint, or by a face, the first operation can be specifically a user sliding on the lock screen interface, such as an upward sliding operation, or the first operation can be specifically an operation of the user entering the lock screen password on the lock screen interface, or the first operation can be specifically an operation of the user entering a fingerprint on the lock screen interface, or the first operation can be specifically an operation of the user scanning the face on the lock screen interface. This is not limited in the embodiments of the present application.

[0145] For another example, when the first interface is a gallery application of an electronic device, and the elements included in the first interface are multiple images included in the gallery application, when the electronic device receives a first operation from the user to trigger the electronic device to display the first interface, the first operation may be an operation of the user to open the gallery application. For example, the first operation may be an operation of the user to trigger the gallery application. In other words, when the electronic device receives the operation of the user to open the gallery application, the electronic device may display the multiple images included in the gallery application.

[0146] It should be noted that, when the first interface is a gallery application of an electronic device, and the elements included in the first interface are multiple images included in the gallery application, the electronic device receives a first operation by the user to trigger the electronic device to display the first interface, which may also be an operation to return to the main interface of the first application, that is, an operation to return to the main interface of the gallery application. For example, after the user opens the gallery application, the user can select an image to view, and after the electronic device receives the operation of the user selecting an image to view, the electronic device can display the interface corresponding to the image. Afterwards, when the electronic device receives the operation of the user returning to the main interface of the gallery application (that is, the first operation), the electronic device can display the multiple images included in the gallery application.

[0147] For another example, when the first interface is a memo application of an electronic device, and the elements included in the first interface are multiple memos included in the memo application, when the electronic device receives a first operation from the user to trigger the electronic device to display the first interface, the first operation may be an operation of opening the memo application by the user, such as the first operation may be an operation of triggering the memo application by the user. That is, when the electronic device receives an operation from the user to open the memo application, the electronic device may display the multiple memos included in the memo application.

[0148] It should be noted that, when the first interface is a memo application of an electronic device, and the elements included in the first interface are multiple memos included in the memo application, the electronic device receives a first operation by the user to trigger the electronic device to display the first interface, which may also be an operation to return to the main interface of the first application, that is, an operation to return to the main interface of the memo application. For example, after the user opens the memo application, the user can select a memo to view. After the electronic device receives the operation of the user selecting a memo to view, the electronic device can display the interface corresponding to the memo. Afterwards, when the electronic device receives the operation of the user returning to the main interface of the memo application (that is, the first operation), the electronic device can display the multiple memos included in the memo application.

[0149] In some examples, when multiple elements are displayed simultaneously on the first interface, the electronic device may display multiple application icons in a grid arrangement, such as each grid may correspond to an icon of an application. For example, the electronic device may include multiple applications, and the desktop of the electronic device may include multiple application icons, that is, multiple elements. The user can open different applications through different application icons. When the electronic device displays multiple application icons included in the desktop, the electronic device may display the multiple application icons in a grid arrangement, that is, each grid may correspond to an icon of an application.

[0150] For example, taking the first interface as the desktop of an electronic device, and the multiple elements included in the first interface as a multiple application icons as an example, combined with Figure 5, the electronic device receives the first operation of the user triggering the electronic device to display the first interface, which may include: the electronic device, such as the sliding event module of the electronic device, can receive the user's unlocking operation, that is, the sliding event module can receive the user's sliding operation on the lock screen interface. When the sliding event module receives the user's sliding operation on the lock screen interface, the sliding event module can determine whether the user's upward sliding on the lock screen interface reaches the sliding threshold. In the case where the sliding event module determines that the user's upward sliding on the lock screen interface reaches the sliding threshold, the sliding event module can determine that the user's unlocking operation, that is, the first operation, is received.

[0151] Alternatively, the electronic device receiving a first operation in which the user triggers the electronic device to display a first interface may include: the electronic device, such as a password input module of the electronic device, may receive an unlocking operation by the user, that is, the password input module may receive an operation in which the user enters a lock screen password on the lock screen interface. When the password input module receives an operation in which the user enters a lock screen password on the lock screen interface, the password input module may determine whether the lock screen password entered by the user on the lock screen interface is a correct password stored in the electronic device. When the password input module determines that the lock screen password entered by the user on the lock screen interface is a correct password stored in the electronic device, the password input module may determine that the unlocking operation of the user, that is, the first operation, has been received.

[0152] Alternatively, the electronic device receives a first operation in which the user triggers the electronic device to display a first interface, which may include: the electronic device, such as a fingerprint recognition module of the electronic device, can receive an unlocking operation by the user, such as the fingerprint recognition module can receive an operation in which the user inputs a fingerprint on the lock screen interface. When the fingerprint recognition module receives a fingerprint input by the user on the lock screen interface, the fingerprint recognition module can determine whether the fingerprint input by the user on the lock screen interface is the correct fingerprint data stored by the electronic device. In the case where the fingerprint recognition module determines that the fingerprint input by the user on the lock screen interface is the correct fingerprint data password stored by the electronic device, the fingerprint recognition input module can determine that the unlocking operation of the user, i.e., the first operation, has been received.

[0153] Alternatively, the electronic device receiving a first operation by a user triggering the electronic device to display a first interface may include: the electronic device, such as a facial recognition module of the electronic device, may receive an unlocking operation by the user, such as the facial recognition module may receive an operation by the user to scan the face on the lock screen interface. After the facial recognition module receives the operation by the user to scan the face on the lock screen interface, the facial recognition module may receive the user's facial data. Thereafter, the facial recognition module may determine whether the received facial data of the user is the correct facial data stored for the electronic device. If the facial recognition module determines that the received facial data of the user is the correct facial data stored for the electronic device, the facial recognition module may determine that the unlocking operation of the user, i.e., the first operation, has been received.

[0154] S402: In response to a first operation, the electronic device determines a reference element among a plurality of elements and determines a reference point.

[0155] When the electronic device receives a first operation by the user triggering the electronic device to display a first interface, in response to the first operation, the electronic device determines a reference element among multiple elements and determines a reference point, so that the electronic device can determine multiple element circles based on the reference element and the reference point.

[0156] The reference element may be the element with the smallest area among the multiple elements. That is, the electronic device determining the reference element among the multiple elements may include the electronic device determining the element with the smallest area among the multiple elements as the reference element.

[0157] In some examples, after the electronic device receives a first operation in which the user triggers the electronic device to display a first interface, the electronic device may confirm each element included in the first interface, which may also be referred to as collecting each view included in the first interface. After collecting each element included in the first interface, the electronic device may obtain data corresponding to each element. For example, the electronic device may obtain data corresponding to each element through a desktop application, so that the electronic device can determine the area corresponding to each element based on the data corresponding to each element, and thus determine the element with the smallest area, i.e., the reference element, based on the area corresponding to each element.

[0158] The data corresponding to each element may include the length and width of each element, or the radius of each element. That is, when the element is a rectangle, the data corresponding to the element may be the length and width of the element, and when the element is a circle, the data corresponding to the element may be the radius of the element.

[0159] In some examples, the electronic device confirms each element included in the first interface, that is, after collecting each view included in the first interface, the electronic device determines a first type of element based on the type of each element. The first type can be an icon of an application that can be moved independently on the first interface, or the first type can be an image or memo that can be moved independently on the first interface. The embodiments of the present application are not limited to this. After determining the first type of element, the electronic device can determine the element with the smallest area among multiple first type elements as the reference element.

[0160] For example, taking the first interface as the desktop of the electronic device as an example, combined with (a) in Figure 6, the desktop of the electronic device may include a background image, a music application, a video application, a weather application, a camera application, an address book application, a call application, and a message application.

[0161] As shown in (b) of FIG6 , the views corresponding to the desktop of the electronic device may include View 0, View 1, View 2, View 3, View 4, View 6, View 7, and View 8. View 0 may be a view corresponding to a desktop application of the electronic device, i.e., View 0 is the bottom-level view corresponding to the desktop application. View 1 may be a view corresponding to the background image of the desktop of the electronic device, i.e., View 1 may be used to display the background image of the desktop. View 2 may be a view corresponding to four applications: a camera application, a contact application, a call application, and a message application, i.e., View 2 may be used to display application icons corresponding to the four applications: a camera application, a contact application, a call application, and a message application.

[0162] View 3 may be a view corresponding to a music application, i.e., View 3 may be used to display the application icon and name of the music application. View 3 may also be a view corresponding to a video application, i.e., View 3 may be used to display the application icon and name of the video application. View 4 may be a view corresponding to a weather application, i.e., View 4 may be used to display content corresponding to the weather application.

[0163] View 6 may be a view corresponding to the application icon of the music application, that is, view 6 may be used to display the application icon corresponding to the music application. View 6 may also be a view corresponding to the application icon of the video application, that is, view 6 may also be used to display the application icon corresponding to the video application.

[0164] View 7 may be a view corresponding to the name of the music application, that is, view 7 may be used to display the name corresponding to the video application. View 7 may also be a view corresponding to the name of the video application, that is, view 7 may also be used to display the name corresponding to the video application.

[0165] View 8 may be a view corresponding to the application icon of the camera application, that is, View 8 may be used to display the application icon corresponding to the camera application. View 8 may also be a view corresponding to the application icon of the contacts application, that is, View 8 may also be used to display the application icon corresponding to the contacts application. View 8 may also be a view corresponding to the application icon of the call application, that is, View 8 may also be used to display the application icon corresponding to the call application. View 8 may also be a view corresponding to the application icon of the messaging application, that is, View 8 may also be used to display the application icon corresponding to the messaging application.

[0166] As shown in (c) of FIG6 , the electronic device may store the views corresponding to the electronic device's desktop in a tree structure, i.e., the root node of the tree structure may be the root node of the desktop, i.e., View 0. The nodes following the root node may be views capable of displaying multiple views, i.e., View 1 (View 1 may display multiple Views 3 and 4) and View 2 (View 2 may display multiple Views 8). The nodes following View 1 are Views 3 and 4. The nodes following View 3 are Views 6 and 7. The node following View 2 is View 8.

[0167] After the electronic device receives the user's unlocking operation, i.e., the first operation, in response to the first operation, the electronic device can collect each view included in the first interface and the data corresponding to each view through the tree structure corresponding to the desktop view stored in the electronic device. According to the tree structure shown in Figure 6, since views 3, 4, and 8 are views that can be moved independently on the desktop of the electronic device, views 3, 4, and 8 can be views of the first type. In other words, views 3, 4, and 8 can be elements of the first type.

[0168] After determining the first type of elements, namely, views 3, 4, and 8, the electronic device can determine the area corresponding to each first type of element based on the data corresponding to each first type of element. The electronic device determines the first type element with the smallest area as the reference element. Since view 8 has the smallest area, the electronic device can determine that view 8 is the reference element.

[0169] After the electronic device determines the reference element among the multiple elements, it can determine a reference point. The reference point can be used to determine the element circle. For example, the reference point can be the center point of the element circle determined by the electronic device. In other words, the reference point of different element circles can be the same.

[0170] In some examples, after the electronic device determines the reference element among multiple elements, the user can input a reference point, i.e., the location of the reference point, through the electronic device. The user can also pre-set the reference point in the electronic device, for example, the electronic device can pre-set the reference point as the center point of the electronic device's display interface. The embodiments of the present application do not limit the location of the reference point or the method for determining the reference point.

[0171] It should be noted that after the electronic device receives the first operation of the user triggering the electronic device to display the first interface, the electronic device may determine the reference element in multiple elements and then determine the reference point. The electronic device may also determine the reference element in multiple elements and determine the reference point at the same time. The electronic device may also determine the reference element in multiple elements after determining the reference point. In the embodiments of the present application, the order in which the electronic device determines the reference element in multiple elements and the electronic device determines the reference point is not limited.

[0172] For example, continuing with the example of a first interface being the desktop of an electronic device, and the multiple elements included in the first interface being multiple application icons, as shown in FIG5 , the electronic device determining a reference element and a reference point among the multiple elements may include: after the electronic device, such as a sliding event module of the electronic device, determines that a user unlock operation has been received, the sliding event module may notify a lock screen module included in the application framework layer of the electronic device. After the lock screen module receives the notification from the sliding event module, it may notify a circular zoom animation module of the electronic device. After the circular zoom animation module receives the notification from the lock screen module, it may collect views on the electronic device's desktop and input a reference point location. After the circular zoom animation module collects the views on the electronic device's desktop and inputs the reference point location, it may notify a desktop unlock event module included in the electronic device's desktop application and transmit the collected views on the electronic device's desktop and the reference point location to the desktop unlock event module. After the desktop unlock event module receives the views on the electronic device's desktop and the reference point location from the circular zoom animation module, it may determine the view with the smallest area among the multiple views (i.e., elements), and thus determine the view with the smallest area as the reference element.

[0173] Alternatively, after an electronic device, such as an electronic device's password input module, determines that it has received a user's unlock operation, the password input module may notify the lock screen module included in the application framework layer of the electronic device. After the lock screen module receives the notification from the password input module, the lock screen module may notify the circular zoom animation module of the electronic device. After the circular zoom animation module receives the notification sent by the lock screen module, the circular zoom animation module may collect the view on the desktop of the electronic device and input the reference point position. After the circular zoom animation module collects the view on the desktop of the electronic device and inputs the reference point position, the circular zoom animation module may notify the desktop unlock event module included in the desktop application of the electronic device, and send the collected view on the desktop of the electronic device and the reference point position to the desktop unlock event module. After the desktop unlock event module receives the view on the desktop of the electronic device and the reference point position sent by the circular zoom animation module, the desktop unlock event module may determine the view with the smallest area among multiple views (i.e., elements), i.e., determine the view with the smallest area as the reference element.

[0174] Alternatively, after an electronic device, such as an electronic device's fingerprint recognition module, determines that it has received a user's unlock operation, the fingerprint recognition module may notify the lock screen module included in the application framework layer of the electronic device. After the lock screen module receives the notification from the fingerprint recognition module, the lock screen module may notify the circular zoom animation module of the electronic device. After the circular zoom animation module receives the notification sent by the lock screen module, the circular zoom animation module may collect the view on the desktop of the electronic device and input the reference point position. After the circular zoom animation module collects the view on the desktop of the electronic device and inputs the reference point position, the circular zoom animation module may notify the desktop unlock event module included in the desktop application of the electronic device, and send the collected view on the desktop of the electronic device and the reference point position to the desktop unlock event module. After the desktop unlock event module receives the view on the desktop of the electronic device and the reference point position sent by the circular zoom animation module, the desktop unlock event module may determine the view with the smallest area among multiple views (i.e., elements), i.e., determine the view with the smallest area as the reference element.

[0175] Alternatively, after an electronic device, such as a facial recognition module of an electronic device, determines that it has received an unlock operation from a user, the facial recognition module may notify a lock screen module included in the application framework layer of the electronic device. After the lock screen module receives the notification from the facial recognition module, the lock screen module may notify a circular zoom animation module of the electronic device. After the circular zoom animation module receives the notification sent by the lock screen module, the circular zoom animation module may collect views on the desktop of the electronic device and input a reference point position. After the circular zoom animation module collects the views on the desktop of the electronic device and inputs the reference point position, the circular zoom animation module may notify a desktop unlock event module included in the desktop application of the electronic device and send the collected views on the desktop of the electronic device and the reference point position to the desktop unlock event module. After the desktop unlock event module receives the views on the desktop of the electronic device and the reference point position sent by the circular zoom animation module, the desktop unlock event module may determine the view with the smallest area among multiple views (i.e., elements), i.e., determine the view with the smallest area as the reference element.

[0176] S403: The electronic device determines a plurality of element circles according to the reference elements and the reference points, each element circle including at least one element.

[0177] After the electronic device determines a reference element among multiple elements and a reference point, it can determine multiple element circles based on the reference element and the reference point. Each element circle can include multiple elements, that is, each element circle includes at least one element. The multiple elements included in each element circle can be displayed as a whole on the interface of the electronic device, that is, the first interface can simultaneously display the multiple elements included in an element circle, with different element circles displayed based on the interval time.

[0178] In some examples, the plurality of element circles may include a first element circle and a second element circle, the first element circle includes at least one first element, the second element circle includes at least one second element, and the first element is an element within the range of the first element circle.

[0179] The element circle can be rectangular, circular, or other shapes, and the embodiments of the present application do not limit this. For example, when the element circle is rectangular, the range of the element circle, that is, the size of the element circle, is determined by the length and width of the element circle. When the element circle is circular, the range of the element circle, that is, the size of the element circle, is determined by the radius of the element circle. In the embodiments of the present application, the example of a rectangular element circle, that is, the size of the element circle is determined by the length and width of the element circle, is used for illustration.

[0180] In some examples, when the element circle is rectangular, the electronic device may determine multiple element circles based on the reference element and the reference point. This may include: the electronic device first determining the length and width of the reference element. The electronic device may then determine the length and width of each element circle based on the length and width of the reference element. The electronic device may then determine each element circle with the reference point as the center and the length and width of each element circle, thereby determining the extent of each element circle. After the extent of each element circle is determined, the elements within the extent of each element circle constitute the multiple elements included in the element circle.

[0181] It should be noted that each element can only belong to one element circle. That is, when an element is within the range of multiple element circles, it belongs to the element circle with the smaller range. In other words, an element that has already participated in the division of an element circle will no longer participate in the division of subsequent element circles.

[0182] In some examples, when the scope of an element circle includes a partial scope of an element, the element belongs to that element circle. That is, when an element spans circles, that is, an element is partially within one element circle and partially within another element circle, the element belongs to the element circle with the smaller scope, that is, the smaller circle is prioritized for response. That is, multiple element circles can include a first element circle and a second element circle, the first element circle includes at least one first element, and the second element circle includes at least one second element. The first element is an element within the scope of the first element circle, and the second element is an element within the scope of the second element circle. When a third element is within the scope of both the first element circle and the second element circle, the third element is the first element, and the third element is any element included in the first interface.

[0183] In some examples, when the element circle is a rectangle, the electronic device determines multiple element circles based on the reference element and the reference point, which may include: the electronic device determines the length and width of the reference element; then, the electronic device determines the first element circle and the second element circle based on the length and width of the reference element with the reference point as the center; wherein the length of the first element circle is N times the length of the reference element, and the width of the first element circle is N times the width of the reference element, where N is an integer greater than or equal to 1; the length of the second element circle is M times the length of the reference element, and the width of the second element circle is M times the width of the reference element, where M is an integer greater than N.

[0184] That is, when the element circle is rectangular, the electronic device determines multiple element circles based on the reference element and the reference point. It can first determine a smaller element circle based on the length and width of the reference element, and then sequentially determine larger element circles based on the length and width of the reference element, until all elements included in the first interface are divided into different element circles. In other words, the length of an element circle can be N times the length of the reference element, and the width of an element circle can be N times the length of the reference element. N can be set according to the specific situation.

[0185] For example, continuing to take the first interface as the desktop of the electronic device, the multiple elements included in the first interface are multiple application icons, and the element circle is a rectangle. After the electronic device receives the user's unlocking operation, as shown in Figure 7, the electronic device can determine that the desktop includes multiple elements, that is, the desktop includes multiple application icons, such as application icon 01, application icon 02, application icon 03, application icon 04, application icon 05, application icon 06, application icon 07, application icon 08, application icon 09 and application icon 10.

[0186] After the electronic device determines the multiple application icons included on the desktop, the electronic device can determine, based on the data corresponding to the multiple application icons, the application icon with the smallest area among the multiple application icons as the first application icon (i.e., the reference element), and at the same time, the electronic device can determine the reference point to be the center of the electronic device's desktop. As shown in Figure 7, the electronic device determines the reference point to be the center O of the electronic device's desktop, and the first application icon is application icon 01 included on the desktop. The electronic device can determine, based on the data corresponding to application icon 01, that the length of application icon 01 is X and the width of application icon 01 is Y.

[0187] The electronic device can then determine the first element circle, i.e., the element circle with the smallest range, namely, element circle 1, based on the reference elements and reference points. The electronic device can use reference point O as the center, double the X value as the length of element circle 1, and double the Y value as the width of element circle 1 to determine the range of element circle 1. As shown in Figure 7, the range of element circle 1 includes a portion of application icon 01, a portion of application icon 02, and a portion of application icon 03. The electronic device can determine that application icon 01, application icon 02, and application icon 03 are the elements included in element circle 1.

[0188] The electronic device can then determine a second element circle, namely, element circle 2, based on the reference element and the reference point. The range of the second element circle is larger than that of the first element circle. The electronic device can use reference point O as the center, four times the X value as the length of element circle 2, and four times the Y value as the width of element circle 2 to determine the range of element circle 2. As shown in Figure 7, the range of element circle 2 includes application icon 01, application icon 02, application icon 03, a portion of application icon 04, a portion of application icon 05, a portion of application icon 06, and a portion of application icon 07. Since application icon 01, application icon 02, and application icon 03 are already classified as elements included in element circle 1, application icon 01, application icon 02, and application icon 03 are no longer classified as elements included in element circle 2. The electronic device can determine application icon 04, application icon 05, application icon 06, and application icon 07 as elements included in element circle 2.

[0189] The electronic device can then determine a third element circle, namely element circle 3, based on the reference element and the reference point. The range of the third element circle is larger than the range of the second element circle. The electronic device can determine the range of element circle 3 by taking reference point O as the center, using six times the X value as the length of element circle 3, and six times the Y value as the width of element circle 3. As shown in FIG7 , the range of element circle 3 includes application icon 01, application icon 02, application icon 03, a portion of application icon 04, application icon 05, application icon 06, a portion of application icon 07, a portion of application icon 08, a portion of application icon 09, and a portion of application icon 10. Since application icons 01, 02, and 03 are already classified as elements included in element circle 1, and application icons 04, 05, 06, and 07 are already classified as elements included in element circle 2, application icons 01, 02, 03, 04, 05, 06, and 07 are no longer classified as elements included in element circle 3. The electronic device may determine that application icon 08 , application icon 09 , and application icon 10 are elements included in element circle 3 .

[0190] Since the elements included in element circle 1, element circle 2 and element circle 3, namely application icons, already include all application icons included in the desktop, the electronic device can determine three element circles, namely element circle 1, element circle 2 and element circle 3, based on the reference elements and reference points.

[0191] For example, continuing to take the first interface as the desktop of the electronic device, and the multiple elements included in the first interface as multiple application icons as an example, combined with Figure 5, the electronic device determines multiple element circles based on the reference element and the reference point, which may include: after the electronic device, such as the desktop unlock event module included in the desktop application of the electronic device, receives the view on the desktop of the electronic device and the reference point position sent by the circular zoom animation module included in the application framework layer of the electronic device, the desktop unlock event module can determine the view with the smallest area among the multiple views (i.e., elements), that is, determine the view with the smallest area as the reference element. The desktop unlock event module circles all the views of the desktop according to the smallest view and the reference point, that is, the desktop unlock event module determines multiple element circles according to the reference element and the reference point.

[0192] S404: The electronic device determines a display interval between element circles.

[0193] After the electronic device determines multiple element circles, the electronic device can determine the display interval between the element circles, so that the electronic device can display each element circle in sequence according to the display interval, thereby achieving the effect of displaying the element circles one by one, increasing the transition effect, making it more vivid when the electronic device enters the grid arrangement scene, that is, displaying the multiple elements at the same time, thereby improving the user experience.

[0194] In some examples, the user may also pre-set a display interval in the electronic device so that after the electronic device determines multiple element circles, it can display each element circle in sequence according to the pre-set display interval. For example, the user may pre-set the display interval in the electronic device to 30 milliseconds or 50 milliseconds. In other words, after the electronic device determines multiple element circles, the electronic device may display each element circle in sequence at a display interval of 30 milliseconds, or it may display each element circle in sequence at a display interval of 50 milliseconds.

[0195] It should be noted that after the electronic device determines multiple element circles based on the reference elements and reference points, the electronic device can determine the display intervals between the element circles. The electronic device can also determine the display intervals between the element circles while determining multiple element circles based on the reference elements and reference points. The electronic device can first determine the display intervals between the element circles, and then determine multiple element circles based on the reference elements and reference points. In the embodiments of the present application, the order of determining the element circles by the electronic device and determining the display intervals between the element circles by the electronic device is not limited. In the embodiments of the present application, the electronic device is used as an example to illustrate that after determining multiple element circles based on the reference elements and reference points, the electronic device then determines the display intervals between the element circles.

[0196] It should be noted that the display intervals between multiple element circles can be the same or different, and this is not limited in the embodiments of the present application.

[0197] For example, continuing with the example of a first interface being the desktop of an electronic device, and the multiple elements included in the first interface being multiple application icons, in conjunction with FIG5 , the electronic device determining the display interval between element circles may include: a desktop unlock event module included in the electronic device, such as the desktop application of the electronic device, determining multiple element circles based on a reference element and a reference point. Thereafter, the desktop unlock event module may initiate an animation at fixed intervals, i.e., the desktop unlock event module may determine the display interval between the element circles.

[0198] S405: The electronic device displays each element circle in sequence according to the display interval.

[0199] After the electronic device determines the multiple element circles and the display intervals between the element circles, the electronic device can display each element circle separately based on the display interval between the element circles (which can be referred to as the first interval time in the embodiment of the present application), that is, display the elements corresponding to each element circle separately. In some examples, the electronic device displays each element circle in sequence according to the display interval, that is, the electronic device can display each element circle in a certain order. It should be noted that the electronic device can also display each element circle separately according to the display interval between the element circles, without having to display each element circle in a certain order.

[0200] In some examples, when the electronic device can sequentially display each element circle according to the display interval between the element circles, the electronic device can sequentially display each element circle according to the size of the element circle, from small to large, such as displaying the element circle with a smaller range first, and then the element circle with a larger range. The element circle with a smaller range, that is, the element circle including fewer elements, and the element circle with a larger range, that is, the element circle including more elements.

[0201] That is, the multiple element circles determined by the electronic device may include a first element circle and a second element circle, the first element circle includes at least one first element, and the second element circle includes at least one second element. The electronic device displays the multiple element circles separately based on the first interval time, that is, the electronic device displays each element circle in sequence according to the display interval, which may include: the electronic device displays the first element, that is, the electronic device simultaneously displays multiple first elements corresponding to the first element circle; the electronic device displays the first element, and after the first interval time, the electronic device may simultaneously display multiple second elements corresponding to the second element circle.

[0202] For example, the electronic device determines that the first interface includes three element circles, and the element circles are rectangular, namely element circle 1, element circle 2, and element circle 3. The range of element circle 1 is smaller than the range of element circle 2 (that is, the length of element circle 1 is smaller than the length of element circle 2, and the width of element circle 1 is smaller than the width of element circle 2). The range of element circle 2 is smaller than the range of element circle 3 (that is, the length of element circle 2 is smaller than the length of element circle 3, and the width of element circle 2 is smaller than the width of element circle 3). Element circle 1 can include four elements, element circle 2 can include 12 elements, and element circle 3 can include 8 elements.

[0203] After the electronic device determines that the first interface includes three element circles, as shown in Figure 8 (a), the electronic device may first display the four elements included in element circle 1. After the electronic device displays the four elements included in element circle 1, as shown in Figure 8 (b), the electronic device may display the twelve elements included in element circle 2 after displaying them one after another. After the electronic device displays the four elements included in element circle 1 and the twelve elements included in element circle 2, as shown in Figure 8 (c), the electronic device may display the eight elements included in element circle 3 after displaying them one after another.

[0204] In other examples, when the electronic device displays each element circle in sequence according to the size of the element circle range, the electronic device can enlarge the elements included in each element circle and then restore the enlarged elements to normal size for display, thereby achieving the effect of displaying multiple elements included in multiple element circles in a circular delayed zoom manner.

[0205] That is, after the electronic device determines that the element circle includes the first element circle and the second element circle, the first element circle includes at least one first element, the second element circle includes at least one second element, and the electronic device displays the multiple first elements included in the first element circle, that is, the electronic device displays the first element, which may include: the electronic device may use a first magnification factor to magnify the first element, and the electronic device displays the magnified first element.

[0206] The electronic device displays multiple second elements included in the second element circle, that is, the electronic device displays the second element may include: after a first interval time, the electronic device may use a first magnification to magnify the second element, and use a second magnification to magnify the first element, the electronic device simultaneously displays the second element after magnification by the first magnification, and the first element after magnification by the second magnification, the first magnification is greater than the second magnification.

[0207] After the electronic device simultaneously displays the second element after being magnified by the first magnification factor and the first element after being magnified by the second magnification factor, after the first interval time, the electronic device may further magnify the second element using the second magnification factor, and the electronic device simultaneously displays the second element after being magnified by the second magnification factor and the first element after being magnified by the second magnification factor.

[0208] For example, when the multiple element circles determined by the electronic device include a first element circle and a second element circle, the first element circle and the second element circle each include multiple elements, and the range of the first element circle is smaller than the range of the second element circle. The electronic device sequentially displays each element circle according to the display interval, which may include: the electronic device first displays the multiple elements included in the first element circle. When the electronic device displays the multiple elements included in the first element circle (i.e., the first element), the electronic device may magnify the multiple elements included in the first element circle by A times for display. A may be an integer greater than or equal to 1, for example, A may be 3.

[0209] When the electronic device magnifies the multiple elements included in the first element circle by A times for display, the electronic device may display the multiple elements included in the second element circle after a display interval. When the electronic device displays the multiple elements included in the second element circle, the electronic device may magnify the multiple elements included in the second element circle by B times for display. B can be an integer greater than or equal to 1, for example, B can be 3. That is, A and B can be the same or different.

[0210] When the electronic device magnifies the multiple elements included in the second element circle by B times for display, the electronic device may magnify the multiple elements included in the first element circle by 1 times for display, that is, the multiple elements included in the first element circle are displayed at normal size. Alternatively, when the electronic device magnifies the multiple elements included in the second element circle by B times for display, the electronic device may magnify the multiple elements included in the first element circle by C times for display, where C can be an integer greater than and less than B. For example, when B is 3, C can be 2.

[0211] After the electronic device displays the multiple elements included in the second element circle, the electronic device displays the elements included in the first element circle and the second element circle at normal size after the display interval, that is, the electronic device can enlarge the elements included in the first element circle and the second element circle by 1 times for display after the display interval.

[0212] For example, taking the example of the electronic device determining that the first interface includes four element circles, namely element circle 1, element circle 2, element circle 3, and element circle 4, the range of element circle 1 is smaller than the range of element circle 2 (that is, the length of element circle 1 is smaller than the length of element circle 2, and the width of element circle 1 is smaller than the width of element circle 2), the range of element circle 2 is smaller than the range of element circle 3 (that is, the length of element circle 2 is smaller than the length of element circle 3, and the width of element circle 2 is smaller than the width of element circle 3), and the range of element circle 3 is smaller than the range of element circle 4 (that is, the length of element circle 3 is smaller than the length of element circle 4, and the width of element circle 3 is smaller than the width of element circle 4). Element circle 1 may include four elements, element circle 2 may include 12 elements, element circle 3 may include 4 elements, and element circle 4 may include 8 elements.

[0213] After the electronic device determines that the first interface includes four element circles, as shown in FIG9 (a), the electronic device may first display the four elements included in element circle 1. When the electronic device displays the four elements included in element circle 1, the electronic device may magnify the four elements included in element circle 1 by 3 times for display.

[0214] It should be noted that, as shown in FIG9 (a), when the electronic device magnifies and displays the four elements included in element circle 1, if the electronic device interface can also display the elements included in element circle 2, the electronic device interface can also magnify (e.g., magnify 4 times) the 12 elements included in element circle 2 for display. If the electronic device interface cannot fully display the 12 elements included in the magnified element circle 2, the electronic device can display a portion of the 12 elements included in the magnified element circle 2.

[0215] After the electronic device displays the four elements included in element circle 1, as shown in FIG9(b), the electronic device may display the 12 elements included in element circle 2 after a display interval. When the electronic device displays the 12 elements included in element circle 2, the electronic device may magnify the 12 elements included in element circle 2 by 3 times for display. At the same time, the electronic device may display the four elements included in element circle 1 at normal size, that is, magnify the four elements included in element circle 1 by 1 times for display. Alternatively, when the electronic device magnifies the 12 elements included in element circle 2 by 3 times, the electronic device may also magnify the four elements included in element circle 1 by 2 times for display.

[0216] It should be noted that, as shown in FIG9(b), when the electronic device magnifies and displays the 12 elements included in element circle 2, if the electronic device interface can also display the elements included in element circle 3, the electronic device interface can also magnify (e.g., magnify 4 times) the four elements included in element circle 3 for display. If the electronic device interface cannot fully display the four elements included in element circle 3 after magnification, the electronic device can display a portion of the four elements included in element circle 3 after magnification.

[0217] After the electronic device displays the 12 elements included in element circle 2, as shown in FIG9 (c), the electronic device may display the 4 elements included in element circle 3 after an interval. When the electronic device displays the 4 elements included in element circle 3, the electronic device may magnify the 4 elements included in element circle 3 by 3 times for display. At the same time, the electronic device may display the 12 elements included in element circle 2 at normal size, that is, magnify the 12 elements included in element circle 2 by 1 time for display. Alternatively, when the electronic device magnifies the 4 elements included in element circle 3 by 3 times, the electronic device may also magnify the 12 elements included in element circle 2 by 2 times for display, and simultaneously magnify the 4 elements included in element circle 1 by 1 time for display.

[0218] It should be noted that when the electronic device magnifies and displays the four elements included in element circle 3, if the electronic device interface can also display the elements included in element circle 4, the electronic device interface can also magnify (e.g., magnify 4 times) the eight elements included in element circle 4 for display. If the electronic device interface cannot fully display the eight elements included in the magnified element circle 4, the electronic device can display a portion of the eight elements included in the magnified element circle 4.

[0219] After the electronic device displays the four elements included in element circle 3, as shown in FIG9(d), the electronic device may display the eight elements included in element circle 4 after a display interval. When displaying the eight elements included in element circle 4, the electronic device may magnify the eight elements included in element circle 4 by 3 times for display. Simultaneously, the electronic device may display the four elements included in element circle 3 at normal size, i.e., magnify the four elements included in element circle 3 by 1 time for display. Alternatively, when the electronic device magnifies the eight elements included in element circle 4 by 3 times, the electronic device may also magnify the four elements included in element circle 3 by 2 times for display, and simultaneously magnify the 12 elements included in element circle 2 and the four elements included in element circle 1 by 1 time for display.

[0220] After the electronic device displays the 8 elements included in element circle 4, as shown in (e) in Figure 9, the electronic device can display the elements included in element circle 1, element circle 2, element circle 3 and element circle 4 at normal size after the display interval, that is, the electronic device can enlarge element circle 1, element circle 2, element circle 3 and element circle 4 by 1 times for display after the display interval.

[0221] For example, continuing to take the first interface as the desktop of the electronic device, and the multiple elements included in the first interface as multiple application icons as an example, combined with Figure 5, the electronic device displays each element circle in sequence according to the display interval, which may include: after the electronic device, such as the desktop unlock event module included in the desktop application of the electronic device, determines multiple element circles based on the reference element and the reference point, the desktop unlock event module can notify the view animation module included in the desktop application of the electronic device to play the view animation. That is, after the view animation module receives the notification sent by the desktop unlock event module (the notification may include the multiple element circles and the display interval determined by the electronic device), the view animation module can display each element circle in sequence according to the display interval.

[0222] The solution of the present application allows an electronic device to divide multiple elements into different element circles when displaying multiple elements simultaneously. The electronic device can simultaneously display multiple elements included in the same element circle, and different element circles can be displayed at different times. This allows the electronic device to display multiple elements included in each element circle in sequence, i.e., display the multiple elements circle by circle. This increases the dynamic effect of the transition, making the scene where the electronic device enters a grid arrangement, i.e., displaying multiple elements simultaneously, more vivid and improving the user experience.

[0223] For ease of understanding, the following takes the first interface of the electronic device as the desktop of the electronic device, and the multiple elements included in the first interface as multiple application icons as an example, and schematically illustrates the solution of this application in combination with Figure 10.

[0224] After the electronic device receives a user's unlock operation to display the electronic device's desktop, the electronic device may determine the application icon with the smallest area among multiple application icons included on the desktop and a reference point for dividing the element circles. The electronic device determines multiple element circles based on the application icon with the smallest area and the reference point, each element circle including at least one application icon.

[0225] For example, taking the example of an electronic device determining that the desktop includes four element circles, namely element circle 1, element circle 2, element circle 3, and element circle 4, the range of element circle 1 is smaller than the range of element circle 2 (i.e., the length of element circle 1 is smaller than the length of element circle 2, and the width of element circle 1 is smaller than the width of element circle 2), the range of element circle 2 is smaller than the range of element circle 3 (i.e., the length of element circle 2 is smaller than the length of element circle 3, and the width of element circle 2 is smaller than the width of element circle 3), and the range of element circle 3 is smaller than the range of element circle 4 (i.e., the length of element circle 3 is smaller than the length of element circle 4, and the width of element circle 3 is smaller than the width of element circle 4). Element circle 1 may include four elements, element circle 2 may include 12 elements, element circle 3 may include 4 elements, and element circle 4 may include 8 elements.

[0226] After the electronic device determines that the desktop includes four element circles, as shown in FIG10(a), the electronic device may first display the four elements included in element circle 1, namely, an icon corresponding to the email application, an icon corresponding to the music 1 application, an icon corresponding to the sports and health application, and an icon corresponding to the weather application. When the electronic device displays the four elements (i.e., application icons) included in element circle 1, the electronic device may magnify the four elements included in element circle 1 by 3 times for display.

[0227] It should be noted that, as shown in FIG10(a), when the electronic device magnifies and displays the four application icons included in element circle 1, if the electronic device interface can also display the application icons included in element circle 2, the electronic device interface can also magnify (e.g., magnify 4 times) the 12 application icons included in element circle 2 for display. If the electronic device interface cannot fully display the 12 application icons included in the magnified element circle 2, the electronic device can display a portion of the 12 application icons included in the magnified element circle 2.

[0228] After the electronic device displays the four application icons included in element circle 1, as shown in FIG10(b), the electronic device may display the 12 application icons included in element circle 2 after a display interval (e.g., 50 milliseconds). When the electronic device displays the 12 application icons included in element circle 2, the electronic device may magnify the 12 application icons included in element circle 2 by 3 times and display them. At the same time, the electronic device may display the four application icons included in element circle 1 at normal size. Alternatively, when the electronic device magnifies the 12 application icons included in element circle 2 by 3 times, the electronic device may also magnify the four application icons included in element circle 1 by 2 times and display them.

[0229] After the electronic device displays the 12 application icons included in element circle 2, as shown in FIG10(c), the electronic device may display the four application icons included in element circle 3 after a display interval. When the electronic device displays the four application icons included in element circle 3, the electronic device may magnify the four elements included in element circle 3 by 3 times for display. At the same time, the electronic device may display the 12 application icons included in element circle 2 at normal size. Alternatively, when the electronic device magnifies the four application icons included in element circle 3 by 3 times, the electronic device may also magnify the 12 application icons included in element circle 2 by 2 times for display, and simultaneously magnify the four application icons included in element circle 1 by 1 time for display.

[0230] After the electronic device displays the four application icons included in element circle 3, as shown in (d) in Figure 10, the electronic device may display the eight application icons included in element circle 4 after a display interval. When the electronic device displays the eight application icons included in element circle 4, the electronic device may magnify the eight application icons included in element circle 4 by 3 times and display them. At the same time, the electronic device may display the four application icons included in element circle 3 at normal size. Alternatively, when the electronic device magnifies the eight application icons included in element circle 4 by 3 times, the electronic device may also magnify the four application icons included in element circle 3 by 2 times and display them. At the same time, the electronic device may also magnify the 12 application icons included in element circle 2 and the four application icons included in element circle 1 by 1 time and display them.

[0231] After the electronic device displays the 8 application icons included in element circle 4, as shown in (e) in Figure 10, the electronic device can display the application icons included in element circle 1, element circle 2, element circle 3 and element circle 4 in normal size after a display interval.

[0232] For ease of understanding, the following takes the first interface of the electronic device as the interface corresponding to the gallery application of the electronic device, and the multiple elements included in the first interface as multiple images as an example, and combines Figure 11 to schematically illustrate the solution of this application.

[0233] After a user opens the gallery application, they can select an image to view. Upon receiving the user's selection, the electronic device can display the interface corresponding to the image. Subsequently, upon receiving the user's operation to return to the gallery application's main interface (i.e., the first operation), the electronic device can display the multiple images included in the gallery application. As shown in FIG11(a), upon the user selecting an image to view, the electronic device can receive the user's operation to return to the gallery application's main interface.

[0234] After the electronic device receives a user's operation to return to the main interface of the gallery application, the electronic device may determine the smallest image among the multiple images included in the main interface of the gallery application and a reference point for dividing the element circles. The electronic device determines multiple element circles based on the smallest image and the reference point, each element circle including at least one image.

[0235] For example, let's assume that the electronic device determines that the main interface of a gallery application includes three element circles, namely, element circle 1, element circle 2, and element circle 3. The range of element circle 1 is smaller than the range of element circle 2 (i.e., the length of element circle 1 is smaller than the length of element circle 2, and the width of element circle 1 is smaller than the width of element circle 2). The range of element circle 2 is smaller than the range of element circle 3 (i.e., the length of element circle 2 is smaller than the length of element circle 3, and the width of element circle 2 is smaller than the width of element circle 3). Element circle 1 may include three elements, element circle 2 may include six elements, and element circle 3 may include three elements.

[0236] After the electronic device determines that the desktop includes three element circles, as shown in Figure 11(b), the electronic device may first display the three images included in element circle 1. When the electronic device displays the three images included in element circle 1, the electronic device may enlarge the three images included in element circle 1 by 6 times, that is, the size of the smallest image is enlarged by 6 times compared to when the electronic device displays the main interface of the gallery application.

[0237] After the electronic device displays the three images included in element circle 1, as shown in FIG11(c), the electronic device may display the six images included in element circle 2 after a display interval (e.g., 50 milliseconds). When the electronic device displays the six images included in element circle 2, the electronic device may magnify the six images included in element circle 2 by 3 times for display. Simultaneously, the electronic device may magnify the three images included in element circle 1 by 3 times for display.

[0238] After the electronic device displays the six images included in element circle 2, as shown in FIG11(d), the electronic device may display the three images included in element circle 3 after a display interval. When the electronic device displays the three images included in element circle 3, the electronic device may magnify the three images included in element circle 3 by 2 times for display. At the same time, the electronic device may magnify the six images included in element circle 2 and the three images included in element circle 1 by 2 times for display.

[0239] After the electronic device displays the three images included in element circle 3, as shown in (e) in Figure 11, the electronic device can display the images included in element circle 1, element circle 2, element circle 3 and element circle 4 at normal size after the display interval, that is, the size of the smallest image is enlarged by 1 times compared to when the electronic device displays the main interface of the gallery application.

[0240] For ease of understanding, the following takes the first interface of the electronic device as the interface corresponding to the memo application of the electronic device, and the multiple elements included in the first interface are multiple memos as an example, and combines Figure 12 to schematically illustrate the solution of this application.

[0241] After a user opens the memo app, they can select a memo to view. Upon receiving the user's selection, the electronic device displays the interface corresponding to the memo. Subsequently, upon receiving the user's request to return to the main interface of the memo app (i.e., the first operation), the electronic device displays the multiple memos included in the memo app. As shown in Figure 12 (a), when the user selects a memo (e.g., Memo 1) to view, the electronic device receives the user's request to return to the main interface of the memo app.

[0242] After the electronic device receives a user's action to return to the main interface of the memo application, the electronic device may determine the smallest memo image among the multiple memos included in the main interface of the memo application and a reference point for dividing the element circles. The electronic device determines multiple element circles based on the smallest memo image and the reference point, each element circle including at least one memo.

[0243] For example, let's assume that the electronic device determines that the main interface of the memo application includes three element circles, namely element circle 1, element circle 2, and element circle 3. The range of element circle 1 is smaller than the range of element circle 2 (i.e., the length of element circle 1 is smaller than the length of element circle 2, and the width of element circle 1 is smaller than the width of element circle 2). The range of element circle 2 is smaller than the range of element circle 3 (i.e., the length of element circle 2 is smaller than the length of element circle 3, and the width of element circle 2 is smaller than the width of element circle 3). Element circle 1 can include six elements (i.e., memo 1, memo 2, memo 3, memo 4, memo 5, and memo 6), element circle 2 can include two elements (i.e., memo 7 and memo 8), and element circle 3 can include two elements (i.e., memo 9 and memo 10).

[0244] After the electronic device determines that the desktop includes three element circles, as shown in FIG12(b), the electronic device may first display the six memos included in element circle 1. When the electronic device displays the six memos included in element circle 1, the electronic device may enlarge the six memos included in element circle 1 by 3 times, that is, the size of the smallest memo is enlarged by 3 times compared to when the electronic device displays the main interface of the memo application.

[0245] After the electronic device displays the six memos included in element circle 1, as shown in FIG12(c), the electronic device may display the two memos included in element circle 2 after a display interval (e.g., 50 milliseconds). While the electronic device displays the six memos included in element circle 2, the electronic device may magnify the two memos included in element circle 2 by 3 times for display. Simultaneously, the electronic device may magnify the six memos included in element circle 1 by 3 times for display.

[0246] After the electronic device displays the two memos included in element circle 2, as shown in FIG12(d), the electronic device may display the three memos included in element circle 3 after a display interval. When the electronic device displays the two memos included in element circle 3, the electronic device may magnify the two memos included in element circle 3 by 2 times and display them. At the same time, the electronic device may magnify the two memos included in element circle 2 and the six memos included in element circle 1 by 2 times and display them.

[0247] After the electronic device displays the two memos included in element circle 3, as shown in (e) in Figure 12, the electronic device can display the memos included in element circle 1, element circle 2 and element circle 3 at normal size after a display interval, that is, the size of the smallest memo is enlarged by 1 times compared to when the electronic device displays the main interface of the memo application.

[0248] Corresponding to the methods in the aforementioned embodiments, embodiments of the present application further provide a display device. This display device can be applied to an electronic device to implement the methods in the aforementioned embodiments. The functions of the display device can be implemented by hardware or by hardware executing corresponding software. The hardware or software includes one or more modules corresponding to the aforementioned functions.

[0249] For example, FIG13 shows a schematic structural diagram of a display device 1300 . As shown in FIG13 , the display device 1300 may include: a receiving module 1301 , a determining module 1302 , and a display module 1303 .

[0250] The receiving module 1301 may be configured to receive a first operation by a user to trigger the electronic device to display a first interface. The first interface is an interface corresponding to a first application program, and the first interface includes multiple elements.

[0251] The determination module 1302 may be configured to determine a reference element and a reference point among multiple elements in response to the first operation; the reference element is the element with the smallest area among the multiple elements, and the reference point is the center of the element circle established by the electronic device.

[0252] The determination module 1302 may also be configured to determine a plurality of element circles according to the reference elements and the reference points, each element circle including at least one element.

[0253] The display module 1303 may be configured to display a plurality of element circles based on a first interval time.

[0254] In a possible implementation, the display module 1303 may also be configured to display the first element.

[0255] The display module 1303 may also be configured to display a second element after the first interval time.

[0256] In a possible implementation, the display device 1300 may further include an amplification module 1304 .

[0257] The magnification module 1304 may be configured to magnify the first element using a first magnification factor.

[0258] The display module 1303 may be configured to display the enlarged first element.

[0259] The magnification module 1304 may also be configured to magnify the second element using a first magnification factor, and magnify the first element using a second magnification factor.

[0260] The display module 1303 may also be configured to simultaneously display the second element after being magnified by a first magnification factor and the first element after being magnified by a second magnification factor, wherein the first magnification factor is greater than the second magnification factor.

[0261] In a possible implementation, the magnification module 1304 may be further configured to magnify the second element using a second magnification factor after the first interval time.

[0262] The display module 1303 may also be configured to simultaneously display the second element after being magnified by the second magnification factor, and the first element after being magnified by the second magnification factor.

[0263] In a possible implementation, the range of the first element circle is smaller than the range of the second element circle.

[0264] In a possible implementation, the determination module 1302 may also be used to determine the length and width of the reference element.

[0265] The determination module 1302 can also be used to determine the first element circle and the second element circle based on the length and width of the reference element with the reference point as the center; wherein the length of the first element circle is N times the length of the reference element, and the width of the first element circle is N times the width of the reference element, where N is an integer greater than or equal to 1; the length of the second element circle is M times the length of the reference element, and the width of the second element circle is M times the width of the reference element, where M is an integer greater than N.

[0266] In one possible implementation, the first element is an element within the scope of the first element circle, and the second element is an element within the scope of the second element circle; when the third element is both an element within the scope of the first element circle and an element within the scope of the second element circle, the third element is the first element, and the third element is any element included in the first interface.

[0267] In a possible implementation, the elements included in the first interface are application icons, images, or memos.

[0268] It should be understood that the division of units or modules (hereinafter referred to as units) in the above devices is merely a division of logical functions. In actual implementation, they may be fully or partially integrated into a single physical entity, or physically separated. Furthermore, the units in the device may be implemented entirely in the form of software called through processing elements; entirely in the form of hardware; or partially in the form of software called through processing elements, and partially in the form of hardware.

[0269] For example, each unit can be a separately established processing element, or it can be integrated into a certain chip of the device for implementation. In addition, it can also be stored in a memory in the form of a program, and called by a certain processing element of the device to execute the function of the unit. In addition, all or part of these units can be integrated together, or they can be implemented independently. The processing element described here can also be called a processor, which can be an integrated circuit with signal processing capabilities. In the implementation process, each step of the above method or each of the above units can be implemented by the integrated logic circuit of the hardware in the processor element or in the form of software called by the processing element.

[0270] In one example, the units in the above apparatus may be one or more integrated circuits configured to implement the above method, such as one or more ASICs, or one or more DSPs, or one or more FPGAs, or a combination of at least two of these integrated circuit forms.

[0271] For another example, when the units in the device can be implemented in the form of a processing element scheduling program, the processing element can be a general-purpose processor, such as a CPU or other processor that can call programs. For another example, these units can be integrated together and implemented in the form of a system on a chip (SOC).

[0272] In one implementation, the units implementing the corresponding steps of the above methods in the apparatus described above may be implemented in the form of a processing element scheduling program. For example, the apparatus may include a processing element and a storage element, with the processing element invoking a program stored in the storage element to execute the method described in the above method embodiments. The storage element may be a storage element on the same chip as the processing element, i.e., an on-chip storage element.

[0273] In another implementation, the program for executing the above method may be stored in a memory element on a different chip from the processing element, i.e., an off-chip memory element. In this case, the processing element calls or loads the program from the off-chip memory element onto the on-chip memory element to call and execute the method described in the above method embodiment.

[0274] For example, embodiments of the present application may also provide a device, such as an electronic device, which may include a processor and a memory for storing instructions executable by the processor. When the processor is configured to execute the instructions, the electronic device implements the display method described in the aforementioned embodiments. The memory may be located within or outside the electronic device. The processor may include one or more.

[0275] In another implementation, the unit of the apparatus implementing each step of the above method may be configured as one or more processing elements, which may be provided on the corresponding electronic device. The processing elements may be integrated circuits, such as one or more ASICs, one or more DSPs, one or more FPGAs, or a combination of these integrated circuits. These integrated circuits may be integrated together to form a chip.

[0276] For example, embodiments of the present application further provide a chip that can be used in the aforementioned electronic device. The chip includes one or more interface circuits and one or more processors; the interface circuits and processors are interconnected via circuits; the processors receive and execute computer instructions from the electronic device's memory via the interface circuits to implement the methods described in the aforementioned method embodiments.

[0277] The embodiment of the present application further provides a computer-readable storage medium having computer program instructions stored thereon. When the computer program instructions are executed by an electronic device, the electronic device can implement the display method as described above.

[0278] The embodiment of the present application also provides a computer program product, including computer instructions executed by the electronic device as described above. When the computer instructions are executed in the electronic device, the electronic device can implement the display method as described above. Through the description of the above embodiments, those skilled in the art can clearly understand that for the convenience and simplicity of description, only the division of the above functional modules is used as an example. In actual application, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

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

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

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

[0282] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, such as a program. The software product is stored in a program product, such as a computer-readable storage medium, and includes a number of instructions to enable a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a ROM, a RAM, a magnetic disk, or an optical disk.

[0283] For example, an embodiment of the present application may further provide a computer-readable storage medium having computer program instructions stored thereon. When the computer program instructions are executed by an electronic device, the electronic device implements the display method described in the aforementioned method embodiment.

[0284] The above is only a specific embodiment of the present application, but the scope of protection of this application is not limited to this. Any changes or substitutions within the technical scope disclosed in this application should be included in the scope of protection of this application. Therefore, the scope of protection of this application should be based on the scope of protection of the claims.

Claims

1. A display method, characterized in that: Applied to an electronic device, the electronic device includes a first application, and the method includes: The electronic device receives a first operation by a user triggering the electronic device to display a first interface, where the first interface is an interface corresponding to the first application and includes multiple elements; In response to the first operation, the electronic device determines a reference element and a reference point among the multiple elements; the reference element is the element with the smallest area among the multiple elements, and the reference point is the center of the element circle established by the electronic device; The electronic device determines a plurality of element circles according to the reference element and the reference point, each of the element circles including at least one element; The electronic device displays the plurality of element circles respectively based on a first interval time.

2. The method according to claim 1, characterized in that The plurality of element circles include a first element circle and a second element circle, the first element circle includes at least one first element, and the second element circle includes at least one second element, and the electronic device displays the plurality of element circles respectively based on a first interval time, including: The electronic device displays the first element; After the first interval time, the electronic device displays the second element.

3. The method according to claim 2, characterized in that The electronic device displays the first element, including: The electronic device magnifies the first element using a first magnification factor, and displays the magnified first element; After the first interval, the electronic device displays the second element, including: The electronic device magnifies the second element using the first magnification factor and magnifies the first element using the second magnification factor. The electronic device simultaneously displays the second element after being magnified by the first magnification factor and the first element after being magnified by the second magnification factor. The first magnification factor is greater than the second magnification factor.

4. The method according to claim 3, characterized in that After the electronic device simultaneously displays the second element after being magnified by the first magnification factor and the first element after being magnified by the second magnification factor, the method further includes: After the first interval time, the electronic device magnifies the second element using the second magnification factor, and the electronic device simultaneously displays the second element magnified by the second magnification factor and the first element magnified by the second magnification factor.

5. The method according to claim 2, characterized in that The range of the first element circle is smaller than the range of the second element circle.

6. The method according to claim 5, characterized in that The first element is a rectangle, and the electronic device determines a plurality of element circles according to the reference element and the reference point, including: The electronic device determines the length and width of the reference element; The electronic device determines the first element circle and the second element circle based on the length and width of the reference element with the reference point as the center; wherein the length of the first element circle is N times the length of the reference element, The width of the first element circle is N times the width of the reference element, where N is an integer greater than or equal to 1; the length of the second element circle is M times the length of the reference element, and the width of the second element circle is M times the width of the reference element, where M is an integer greater than N.

7. The method according to claim 5, characterized in that The first element is an element within the range of the first element circle, and the second element is an element within the range of the second element circle; In the case that the third element is both an element within the range of the first element circle and an element within the range of the second element circle, the third element is the first element, and the third element is any element included in the first interface.

8. The method according to claim 1, characterized in that The elements included in the first interface are application icons, images or memos.

9. An electronic device, characterized in that: The electronic device comprises a processor and a memory for storing instructions executable by the processor; when the processor is configured to execute the instructions, the electronic device implements the method according to any one of claims 1 to 8.

10. A computer-readable storage medium having computer program instructions stored thereon; characterized in that: When the computer program instructions are executed by an electronic device, the electronic device is caused to implement the method according to any one of claims 1 to 8.

Images