WO2024011987A1 - 一种显示方法及电子设备 - Google Patents

一种显示方法及电子设备 Download PDF

Info

Publication number
WO2024011987A1
WO2024011987A1 PCT/CN2023/089579 CN2023089579W WO2024011987A1 WO 2024011987 A1 WO2024011987 A1 WO 2024011987A1 CN 2023089579 W CN2023089579 W CN 2023089579W WO 2024011987 A1 WO2024011987 A1 WO 2024011987A1
Authority
WO
WIPO (PCT)
Prior art keywords
electronic device
circle
display
application
interface
Prior art date
Application number
PCT/CN2023/089579
Other languages
English (en)
French (fr)
Other versions
WO2024011987A9 (zh
Inventor
熊棉
任士彦
冯海军
Original Assignee
荣耀终端有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 荣耀终端有限公司 filed Critical 荣耀终端有限公司
Publication of WO2024011987A1 publication Critical patent/WO2024011987A1/zh
Publication of WO2024011987A9 publication Critical patent/WO2024011987A9/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72469—User interfaces specially adapted for cordless or mobile telephones for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Definitions

  • the present application relates to the field of electronic technology, and in particular, to a display method and electronic equipment.
  • the interface of electronic devices can display multiple elements (such as multiple application icons) at the same time in a grid arrangement.
  • a mobile phone may include multiple applications
  • the desktop of the mobile phone may include multiple application icons
  • users may open different applications through different application icons.
  • the multiple elements enter the interface of the electronic device at the same time.
  • the mobile phone enters the desktop, such as by unlocking the mobile phone
  • multiple application icons included in the mobile phone desktop enter the mobile phone desktop at the same time. That is to say, the mobile phone desktop displays multiple application icons included in the desktop at the same time. This results in a relatively simple process of displaying multiple application icons on the electronic device and a poor user experience.
  • Embodiments of the present application provide a display method and an electronic device, which can optimize the process of the electronic device displaying multiple application icons when an electronic device such as a mobile phone enters the desktop, thereby improving the user experience.
  • inventions of the present application provide a display method applied to an electronic device.
  • the electronic device may include a first application program.
  • the display method may include: the electronic device receives a first operation triggered by a user to display a first interface on the electronic device.
  • the first interface is an interface corresponding to the first application program, and the first interface includes multiple elements; in response to the first operation, the electronic device determines the reference element and the reference point among the multiple elements; the reference element is the smallest area among the multiple elements.
  • element, 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 includes at least one element; the electronic device displays multiple element circles based on the first interval time. Circle of elements.
  • the electronic device when the electronic device displays the first interface including multiple elements, the electronic device can divide the multiple elements into different element circles, and the electronic device can simultaneously display elements included in the same element circle. Multiple elements, different element circles can be displayed at a first interval, so that when the electronic device displays multiple elements included in the first interface, the multiple elements can be displayed in circles, increasing the dynamic effect of the transition. This can improve the user experience.
  • the plurality of element circles may include a first element circle and a second element circle
  • the first element circle may include at least one first element
  • the second element circle may Including at least one second element
  • the above-mentioned electronic device displays a plurality of element circles respectively based on a first interval, which may include: the electronic device displays the first element; and after the first interval, the electronic device displays the second element.
  • the electronic device 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 one element, the electronic device can display multiple second elements corresponding to the second element circle at a first interval, so that when the electronic device displays multiple elements included in the first interface, the multiple elements can be displayed in circles, increasing The animation of the transition can be improved to improve the user experience.
  • the above-mentioned electronic device displays the first element, which may include: the electronic device uses a first magnification factor to amplify the first element, and the electronic device displays the amplified first element;
  • the electronic device displays the second element, which may include: the electronic device uses a first magnification factor to amplify the second element, uses a second magnification factor to amplify the first element, and the electronic device simultaneously displays the second element after magnifying the first magnification factor.
  • the second element, and the first element amplified by a second magnification factor, the first magnification factor being greater than the second magnification factor.
  • the electronic device 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, and after enlarging and displaying the multiple first elements corresponding to the first element circle , the electronic device can display a plurality of second elements corresponding to the enlarged second element circle at a first interval, and correspondingly enlarge the first element for display, thereby being able to display multiple elements included in the first interface on the electronic device At this time, the multiple elements can be zoomed and displayed in circles, which increases the dynamic effect of the transition, thereby improving the user experience.
  • the above display method may further include: After the first interval, the electronic device uses the second magnification factor to amplify the second element, and the electronic device simultaneously displays the second element amplified by the second magnification factor and the first element amplified by the second magnification factor.
  • the electronic device can enlarge and display the second elements, so that the electronic device can display multiple elements included in the first interface.
  • the multiple elements can be zoomed and displayed in circles, which increases the dynamic effect of the transition, thereby improving the user experience.
  • the range of the first element circle may be smaller than the range of the second element circle.
  • 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 display multiple elements included in the same element circle at the same time, and different element circles can be spaced apart.
  • the first interval is displayed, so that when the electronic device displays multiple elements included in the first interface, the multiple elements can be displayed in circles, which increases the dynamic effect of the transition, thereby improving the user experience.
  • the above-mentioned reference element may be a rectangle
  • the above-mentioned electronic device determines a plurality of 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 is centered on the reference point and determines the first element circle and the second element circle based on the length and width of the reference element; where 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 is N times the width of the base element, N is an integer greater than or equal to 1; the length of the second element circle is M times the length of the base element, and the width of the second element circle is M times the width of the base element, M is An integer greater than N.
  • 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 display the same element at the same time.
  • Multiple elements included in the element circle can be displayed at a first interval between different element circles, so that when the electronic device displays multiple elements included in the first interface, the multiple elements included in the first interface can be displayed one by one, adding a transition.
  • the animation effect can improve the user experience.
  • the above-mentioned first element may be an element within the range of the first element circle
  • the above-mentioned second element may be an element within the range of the second element circle
  • the third element When it is 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.
  • the electronic device can determine that the third element is the first element, that is, the third element is the first element.
  • the three elements are elements corresponding to the first element circle, so that multiple elements included in the first interface can be divided into element circles of different ranges.
  • the elements included in the first interface may be application icons, images, or memos.
  • the electronic device when the electronic device displays multiple application icons, multiple images, or multiple memos, the electronic device can divide the multiple application icons, multiple images, or multiple memos into different element circles. , the electronic device can display application icons, images or memos included in the same element circle at the same time, and different element circles can be displayed at a first interval, so that when the electronic device displays multiple elements included in the first interface, Displaying the multiple elements in circles increases the dynamic effect of the transition, thereby improving the user experience.
  • embodiments of the present application provide a display device, which can be applied to electronic equipment and used to implement the method in the first aspect.
  • the function of the display device can be implemented by hardware, or can be implemented by hardware executing corresponding software.
  • the hardware or software includes one or more modules corresponding to the above functions, such as a receiving module, a determining module, a display module, etc.
  • 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 the first application program, and the first interface includes multiple elements.
  • the determination module 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.
  • the determination module can also be used to determine multiple element circles based on the reference elements and reference points, each element circle including at least one element.
  • the display module can be used to display multiple element circles respectively based on the first interval time.
  • the display module can also be used to display the first element.
  • the display module can also be used to display the second element after the first interval.
  • the above display device may further include an amplification module.
  • the amplification module can be used to amplify the first element using a first magnification factor.
  • the display module can be used to display the first element after magnification.
  • the amplification module can also be used to amplify the second element using the first magnification factor, and amplify the first element using the second magnification factor.
  • the display module can also be used to simultaneously display the second element magnified by the first magnification factor and the first element magnified by the second magnification factor, where the first magnification factor is greater than the second magnification factor.
  • the amplification module can also be used to amplify the second element using a second amplification factor after the first interval.
  • the display module can also be used to simultaneously display the second element magnified by the second magnification factor and the first element magnified by the second magnification factor.
  • the range of the first element circle is smaller than the range of the second element circle.
  • the determining module can also be used to determine the length and width of the first element.
  • the determination module can also be used to determine the first element circle and the second element circle with the reference point as the center and based on the length and width of the reference element; where the length of the first element circle is N times the length of the reference element, and the The width of the first element circle is N times the width of the base 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 base element, and the width of the second element circle is M times the width of the base element. M times, M is an integer greater than N.
  • the first element is an element within the range of the first element circle
  • the second element is an element within the range of the second element circle
  • the third element is also the first element.
  • the third element is the first element
  • the third element is any element included in the first interface.
  • the elements included in the first interface are application icons, images, or memos.
  • a third aspect provides a display device having the function of implementing the method described in the first aspect.
  • This function can be implemented by hardware, or it can be implemented by hardware executing corresponding software.
  • the hardware or software includes one or more modules corresponding to the above functions.
  • a display device including: a processor and a memory; the memory is used to store computer execution instructions; when the display device is running, the processor executes the computer execution instructions stored in the memory, so that the The display device performs the display method as described in any one of the above first aspects.
  • a display device including: a processor; the processor is configured to be coupled with a memory, and after reading instructions in the memory, execute as described in any one of the above first aspects according to the instructions. display method.
  • embodiments of the present application provide a computer-readable storage medium on which computer program instructions are stored.
  • the electronic device is caused to implement the display method as described in the first aspect or any one of the possible implementations of the first aspect.
  • embodiments of the present application provide a computer program product, including a computer readable code.
  • the computer readable code When the computer readable code is run in an electronic device, the electronic device enables the electronic device to implement the first aspect or the possible implementation of the first aspect. Implement the display method described in any one of the methods.
  • An eighth aspect provides a device (for example, the device may be a chip system).
  • the device includes a processor and is used to support an electronic device to implement the functions involved in the above-mentioned first aspect.
  • the device further includes a memory, which is used to store necessary program instructions and data of the electronic device.
  • the device is a chip system, it may be composed of a chip or may include a chip and other discrete components.
  • Figure 1 is a schematic diagram of the hardware structure of an electronic device provided by an embodiment of the present application.
  • FIG. 2 is a schematic diagram 1 of the software structure of an electronic device provided by an embodiment of the present application.
  • Figure 3 is a schematic diagram 2 of the software structure of an electronic device provided by an embodiment of the present application.
  • Figure 4 is a schematic flowchart 1 of a display method provided by an embodiment of the present application.
  • Figure 5 is a schematic flowchart 2 of a display method provided by an embodiment of the present application.
  • Figure 6 is a schematic diagram 1 of the display interface of the electronic device provided by the embodiment of the present application.
  • Figure 7 is a schematic flowchart of the element circle dividing process provided by the embodiment of the present application.
  • Figure 8 is a schematic diagram 1 of the process of displaying element circles provided by the embodiment of the present application.
  • Figure 9 is a schematic diagram 2 of the process of element circle display provided by the embodiment of the present application.
  • Figure 10 is a schematic diagram 2 of the display interface of the electronic device provided by the embodiment of the present application.
  • Figure 11 is a schematic diagram three of the display interface of the electronic device provided by the embodiment of the present application.
  • Figure 12 is a schematic diagram 4 of the display interface of the electronic device provided by the embodiment of the present application.
  • FIG. 13 is a schematic structural diagram of a display device provided by an embodiment of the present application.
  • first and second are used for descriptive purposes only and shall not be understood as indicating or implying relative importance or implicitly indicating the quantity of indicated technical features. Therefore, features defined as “first” and “second” may explicitly or implicitly include one or more of these features. In the description of this application, unless otherwise stated, “plurality” means two or more.
  • the interface of an electronic device can display multiple elements at the same time, such as application icons, images, or memos.
  • the electronic device can display multiple application icons in a grid arrangement.
  • each grid can correspond to an application icon.
  • a mobile phone may include multiple applications, and the desktop of the mobile phone may include multiple application icons, that is, multiple elements. Users can open different applications through different application icons.
  • the mobile phone displays multiple application icons included on 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.
  • a gallery application when a gallery application is opened on a mobile phone, multiple images, that is, multiple elements, included in the gallery application can be displayed on the interface of the mobile phone at the same time.
  • the mobile phone displays multiple images included in the gallery application, the mobile phone can display the multiple images in a grid arrangement, that is, each grid can correspond to one image.
  • the memo application when the memo application is opened on the mobile phone, multiple memos, that is, multiple elements, included in the memo application can be displayed on the interface of the mobile phone at the same time.
  • the mobile phone displays multiple memos included in the memo application, the mobile phone can display the multiple memos in a grid arrangement, that is, each grid can correspond to one memo.
  • the electronic device When the electronic device enters the scene of palace arrangement, that is, the interface of the electronic device passes through the palace arrangement.
  • the multiple elements enter the interface of the electronic device at the same time, that is, the interface of the electronic device displays the multiple elements at the same time. That is to say, the multiple elements enter the interface of the electronic device as a whole.
  • the mobile phone desktop when the mobile phone enters the desktop, such as by unlocking the mobile phone, the mobile phone desktop includes multiple application icons and is entered at the same time, that is, the mobile phone displays multiple application icons included on the desktop at the same time, that is to say, the multiple application icons Enter the desktop of the mobile phone as a whole.
  • the mobile phone opens the gallery application
  • multiple images included in the gallery application are entered at the same time, that is, the mobile phone displays multiple images included in the gallery application at the same time. That is to say, the multiple images enter the corresponding interface of the gallery application as a whole. .
  • the memo application when the memo application is opened on the mobile phone, multiple memos included in the memo application are entered at the same time, that is, the mobile phone displays the memos included in the memo application at the same time. That is to say, the multiple memos enter the corresponding interface of the memo application as a whole.
  • the scene in which electronic devices enter the grid arrangement can also be called the transition of electronic devices, that is, switching from one scene to another scene, or from one display interface to another display interface. Because when the electronic device enters the scene of the palace arrangement, the interface of the electronic device displays multiple elements corresponding to the scene of the palace arrangement at the same time, which results in the lack of transition effects, making it appear that the electronic device enters the scene of the palace arrangement. Not vivid enough.
  • embodiments of the present application provide a display method, which is applied to electronic devices.
  • the electronic device displays multiple elements (such as application icons) at the same time
  • the electronic device can divide the multiple elements into different Circle of elements.
  • the electronic device can display multiple elements included in the same element circle at the same time, and different element circles can be displayed at different times (that is, different element circles can be displayed at intervals), so that when the electronic device displays multiple elements at the same time, they can be displayed one by one. Displaying the multiple elements in a circle 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.
  • the display method provided by the embodiment of the present application can be applied to electronic devices.
  • the above-mentioned electronic device may be a mobile phone, a tablet computer, a handheld computer, a personal computer (PC), a cellular phone, a personal digital assistant (PDA), a wearable device, etc. with NFC function. electronic equipment.
  • the embodiments of the present application do not limit the specific form of the electronic device.
  • FIG. 1 shows a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • 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, and a battery 142.
  • Antenna 1 antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone interface 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, Display 194, and subscriber identification module (subscriber identification module, SIM) card interface 195, etc.
  • SIM subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyro 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, and an environment.
  • an electronic device may include more or fewer components than shown, or some components may be combined or disassembled. Separate certain parts, or arrange different parts.
  • the components illustrated may be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) wait.
  • application processor application processor, AP
  • modem processor graphics processing unit
  • GPU graphics processing unit
  • image signal processor image signal processor
  • ISP image signal processor
  • controller memory
  • video codec digital signal processor
  • DSP digital signal processor
  • baseband processor baseband processor
  • NPU neural-network processing unit
  • different processing units can be independent devices or integrated in one or more processors.
  • a controller can be the nerve center and command center of an electronic device.
  • the controller can generate operation control signals based on the instruction operation code and timing signals to complete the control of fetching and executing instructions.
  • the processor 110 may also be provided with a memory for storing instructions and data.
  • the memory in processor 110 is cache memory. This memory may hold instructions or data that have been recently used or recycled by processor 110 . If the processor 110 needs to use the instructions or data again, it can be called directly from the memory. Repeated access is avoided and the waiting time of the processor 110 is reduced, thus improving the efficiency of the system.
  • processor 110 may include one or more interfaces.
  • Interfaces may include integrated circuit (inter-integrated circuit, I2C) interface, integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, pulse code modulation (pulse code modulation, PCM) interface, universal asynchronous receiver and transmitter (universal asynchronous receiver/transmitter (UART) interface, mobile industry processor interface (MIPI), general-purpose input/output (GPIO) interface, subscriber identity module (SIM) interface, and /or universal serial bus (USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • UART universal asynchronous receiver and transmitter
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB universal serial bus
  • the wireless communication function of the electronic device can be realized through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.
  • 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.
  • Antenna 1 can be reused as a diversity antenna for a wireless LAN.
  • antennas may be used in conjunction with tuning switches.
  • the mobile communication module 150 can provide wireless communication solutions including 2G/3G/4G/5G applied to electronic devices.
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc.
  • the mobile communication module 150 can receive electromagnetic waves through the antenna 1, perform filtering, amplification and other processing on the received electromagnetic waves, and transmit them to the modem processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves through the antenna 1 for radiation.
  • at least part of the functional modules of the mobile communication module 150 may be disposed in the processor 110 .
  • at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be provided in the same device.
  • the wireless communication module 160 can provide applications on electronic devices including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) network), Bluetooth (bluetooth, BT), and global navigation satellite systems. (global navigation satellite system, GNSS), frequency modulation (FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • WLAN wireless local area networks
  • BT Bluetooth
  • GNSS global navigation satellite system
  • FM frequency modulation
  • NFC near field communication technology
  • infrared technology infrared, IR
  • the wireless communication module 160 may be one or more devices integrating 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 through the antenna 2 for radiation.
  • the antenna 1 of the electronic device is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device can communicate with the network and other devices through wireless communication technology.
  • Wireless communication technologies can include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband code division multiple access address (wideband code division multiple access, WCDMA), time division code division multiple access (time-division code division multiple access, TD-SCDMA), long term evolution (long term evolution, LTE), BT, GNSS, WLAN, NFC, FM, and/or IR technology, etc.
  • the electronic device implements display functions through the GPU, display screen 194, and application processor.
  • the GPU is an image processing microprocessor and is connected to the display screen 194 and the application processor. GPUs are 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 alter display information.
  • the display screen 194 is used to display images, videos, etc.
  • Display 194 includes a display panel.
  • the display panel can use a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode).
  • LCD liquid crystal display
  • OLED organic light-emitting diode
  • AMOLED organic light-emitting diode
  • FLED flexible light-emitting diode
  • Miniled MicroLed, Micro-oLed, quantum dot light emitting diode (QLED), etc.
  • the electronic device may include 1 or N display screens 194, where N is a positive integer greater than 1.
  • the display screen 194 can be used to display the interface of the electronic device.
  • the electronic device can realize the shooting function through ISP, camera 193, video codec, GPU, display screen 194 and application processor.
  • the electronic device may include 1 or N cameras 193, where N is a positive integer greater than 1.
  • Internal memory 121 may be used to store computer executable program code, which includes instructions.
  • the processor 110 executes instructions stored in the internal memory 121 to execute various functional applications and data processing of the electronic device.
  • the internal memory 121 may include a program storage area and a data storage area.
  • the stored program area can store an operating system, at least one application program required for a function (such as a sound playback function, an image playback function, etc.).
  • the storage data area can store data created during the use of the electronic device (such as audio data, phone book, etc.).
  • the internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.
  • the acceleration sensor 180E can periodically collect acceleration data of the electronic device according to a certain frequency. For example, the acceleration of electronic equipment in various directions (generally the XYZ three-axis direction) can be collected.
  • FIG. 1 is only an exemplary illustration when the electronic device is in the form of a mobile phone. If the electronic device is a tablet computer, handheld computer, PC, PDA, wearable device (such as smart watch, smart bracelet) and other device forms, the structure of the electronic device may include fewer components than shown in Figure 1 The structure may also include more structures than those shown in Figure 1, and is not limited here.
  • Software systems of electronic devices can adopt layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture.
  • the embodiment of this application uses a layered architecture
  • the system is taken as an example to illustrate the software structure of the electronic device.
  • Figure 2 is a software structure block diagram of an electronic device provided by an embodiment of the present application.
  • the layered architecture divides the software into several layers, and each layer has clear roles and division of labor.
  • the layers communicate through software interfaces.
  • the 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.
  • 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.
  • the application framework layer provides an application programming interface (API) and programming framework for applications in the application layer.
  • API application programming interface
  • the application framework layer includes some predefined functions.
  • the application framework layer can include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.
  • a 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, capture the screen, etc.
  • Content providers are used to store and retrieve data and make this data accessible to applications.
  • Data can include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.
  • the view system includes visual controls, such as controls that display text, controls that display pictures, etc.
  • a view system can be used to build applications.
  • the display interface can be composed of one or more views.
  • a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.
  • Telephone managers are used to provide communication functions of electronic devices. For example, call status management (including connected, hung up, etc.).
  • the resource manager provides various resources to applications, such as localized strings, icons, pictures, layout files, video files, etc.
  • the notification manager allows applications to display notification information in the status bar, which can be used to convey notification-type messages and can automatically disappear after a short stay without user interaction.
  • the notification manager is used to notify download completion, message reminders, etc.
  • the notification manager can also be notifications that appear in the status bar at the top of the system in the form of charts or scroll bar text, such as notifications for applications running in the background, or notifications that appear on the screen in the form of conversation windows. For example, text information is prompted in the status bar, a beep sounds, the electronic device vibrates, the indicator light flashes, etc.
  • Runtime The runtime includes core libraries and virtual machines. Runtime runtime is responsible System scheduling and management.
  • the core library contains two parts: one part is the functional functions that need to be called by the Java language, and the other part is core library.
  • the application layer and application framework layer run in virtual machines.
  • the virtual machine executes the java files of the application layer and application framework layer into binary files.
  • the virtual machine is used to perform object life cycle management, stack management, thread management, security and exception management, and garbage collection and other functions.
  • System libraries can include multiple functional modules. For example: surface manager (surface manager), media libraries (Media Libraries), three-dimensional graphics processing libraries (for example: OpenGL ES), two-dimensional graphics engines (for example: SGL), etc.
  • the surface manager is used to manage the display subsystem and provides the fusion of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc.
  • the media library can support multiple audio and video encoding formats.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, composition, and layer processing.
  • 2D Graphics Engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer contains at least display driver, camera driver, audio driver, and sensor driver.
  • the elements can be application icons, images, memos, etc.
  • the interface of the electronic device can be the interface corresponding to the application program included in the electronic device, such as the desktop application program of the electronic device.
  • the interface ie, the desktop of the electronic device
  • the interface corresponding to the gallery application included in the electronic device or the interface corresponding to the memo application included in the electronic device.
  • the interface of the electronic device is the desktop of the electronic device and the elements displayed by the electronic device are application icons as an example for schematic explanation.
  • the interface of the electronic device is the desktop of the electronic device and the elements displayed by the electronic device are application icons
  • the elements displayed by the electronic device are application icons
  • multiple application icons included in the desktop can be entered one by one according to different element circles.
  • the desktop of the electronic device that is, the electronic device displays the multiple application icons in circles, not only requires the support of the hardware shown in Figure 1 and the software shown in Figure 2, but also requires the cooperation of different functional modules.
  • the application layer of the electronic device may include a desktop application
  • the application framework layer of the electronic device may include an event processing module, a screen lock module, a view animation module, and the like.
  • 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.
  • the event processing module can include a sliding event module, a password input module, a fingerprint recognition module and a facial recognition module.
  • the sliding event module can receive the user's unlocking operation, such as the user's sliding on the lock screen interface, such as an upward sliding operation.
  • the sliding event module can determine whether the user's upward sliding on the lock screen interface reaches the sliding threshold.
  • the sliding event module may determine that the user's unlocking operation is received, that is, the sliding event module may trigger an 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 ring zoom animation module included in the application framework layer to collect electrons. View the device's desktop view and enter the reference point location.
  • the password input module can receive the user's unlocking operation, such as the user's operation of inputting the lock screen password 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 by the electronic device.
  • the password input module determines that the lock screen password entered by the user on the lock screen interface is the correct password stored by the electronic device, that is, the lock screen password entered by the user on the lock screen interface matches the correct password stored by the electronic device, the password input The module can determine that the user's unlocking operation is received, that is, the password input module can trigger an unlocking 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 ring zoom animation module included in the application framework layer to collect electrons. View the device's desktop and enter the base point location.
  • the fingerprint recognition module can receive the user's unlocking operation, such as the user's inputting fingerprint on the lock screen interface.
  • the fingerprint recognition module can determine whether the fingerprint input by the user on the lock screen interface is correct fingerprint data stored in the electronic device.
  • 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, and the fingerprint The recognition module can determine that the user's unlocking operation is received, that is, the fingerprint recognition module can trigger an 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 ring zoom animation module included in the application framework layer to collect electronic information. View the device's desktop and enter the base point location.
  • the facial recognition module can receive the user's unlocking operation, such as the user's operation of 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 may determine whether the received facial data of the user is correct facial data stored by the electronic device. In the event that the facial recognition module determines that the facial data received by the user 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 may determine Upon receiving the user's unlocking operation, the facial recognition module can trigger an unlocking event.
  • the facial recognition module can trigger an unlocking 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 ring zoom animation module included in the application framework layer to collect electronic information. View the device's desktop and enter the base point location.
  • the lock screen module included in the application framework layer can be used to notify the application framework layer when the event processing module (ie, sliding event module, password input module, fingerprint recognition module, and facial recognition module) is used to receive the user's unlocking operation.
  • the Ring Zoom Animation module collects a view of the electronic device's desktop and inputs the fiducial position.
  • the ring zoom animation module included in the application frame layer can be used to receive the lock screen module included in the application frame 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, etc.
  • the reference point position is 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.
  • the ring 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.
  • Desktop applications can include user interface (UI) and logic (ie, logic modules).
  • User interface UI is the medium for interaction and information exchange between the operating system of the electronic device and the user. It realizes the conversion between the internal form of the information of the electronic device and the form acceptable to the user.
  • the user interface UI can include application icons, cards, folders, etc. That is, the desktop of the electronic device can display application icons, cards, folders, etc.
  • Logic modules of desktop applications can include unlock event processing modules, ring animation modules, etc.
  • the desktop application includes an unlock event handling 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.
  • the desktop application includes an unlock event handling module, which can also be used to find the minimum view and circle all views based on the views on the desktop and the position of the reference point.
  • an unlock event handling module which can also be used to find the minimum view and circle all views based on the views on the desktop and the position of the reference point.
  • all views are divided into circles, that is, the views on the desktop are divided into different element circles.
  • Different element circles include different elements (ie, application icons), which can also be called views.
  • the unlocking event processing module can start animation at fixed intervals, that is, the unlocking event processing module can allocate fixed intervals to different element circles, that is, when the electronic device displays multiple When there are element circles, each two element circles can be separated by a fixed interval.
  • the unlocking event processing module can notify the view animation module included in the desktop application, so that the view animation module can display elements corresponding to multiple element circles in circles at fixed intervals.
  • the view animation module included in the desktop application can be used to receive multiple element circles sent by the desktop application including the unlock event processing module, as well as fixed intervals between element circles. After the view animation module receives multiple element circles sent by the desktop application including the unlock event processing module and fixed intervals between element circles, the view animation module can display elements corresponding to the multiple element circles one by one at fixed intervals.
  • FIG. 4 is a schematic flowchart of a display method provided by an embodiment of the present application. As shown in Figure 4, the display method may include the following S401-S405.
  • the electronic device receives a first operation of the user triggering the electronic device to display a first interface, where the first interface includes multiple elements.
  • the first interface may be an interface corresponding to the first application program included in the electronic device.
  • the first application program may be a desktop application program of the electronic device.
  • the first application program may also be a gallery application program or a memo application program included in the electronic device. This is not limited in the embodiments of the present application.
  • the first interface may include multiple elements. Elements can be application icons, images, memos, etc.
  • the elements included in the first interface may be icons corresponding to the applications included in the electronic device (ie, application icons).
  • the first interface is a gallery application of the electronic device
  • the elements included in the first interface may be images included in the gallery application.
  • the elements included in the first interface may be memos included in the memo application.
  • the elements included in the first interface can also be folders (such as large folders or small folders), Content that can be displayed on electronic devices such as cards or videos. This is not limited in the embodiments of the present application.
  • multiple elements included in the first interface may be mutually independent elements, that is, each element included in the first interface may be a movement unit and can move on the first interface.
  • the elements included in the first interface are icons corresponding to the applications included in the electronic device.
  • Each application icon is an independent element and can be executed on the desktop of the electronic device. move. That is, in a scenario where the elements can be electronic devices arranged in a grid and displayed, the display content corresponding to each grid can be an element.
  • the user can trigger the electronic device to display the first interface and display multiple elements included in the first interface. That is, the electronic device can receive the first operation of the user triggering the electronic device to display the first interface.
  • the first operation may be an operation of opening the first application program.
  • the first operation may also be an operation of unlocking the electronic device.
  • the first operation may also be an operation of returning to the main interface of the first application program.
  • the first operation is an operation of unlocking the electronic device.
  • the specific type of an operation is not limited.
  • the electronic device receives a user's request to trigger the electronic device to display the first interface.
  • the first operation is to unlock the electronic device for the user. That is to say, when the electronic device locks the screen, after the electronic device receives the user's unlocking operation, the electronic device can display the desktop and display the application icons included on the desktop.
  • the first operation may also be the user's trigger for the electronic device to return to the electronic device's desktop from other interfaces. For example, when the electronic device displays the interface of other applications, the electronic device receives the user's operation to return to the electronic device's desktop (i.e., the first operation). Finally, the electronic device can display the desktop and display application icons included on the desktop.
  • the first operation when the first operation is to unlock the electronic device, since the electronic device can be unlocked through sliding, password unlocking, fingerprint unlocking or face unlocking, the first operation can be specifically as follows
  • the first operation may be the user inputting the lock screen password on the lock screen interface.
  • the first operation may be the user entering the lock screen password on the lock screen interface.
  • the operation of inputting a fingerprint, or the first operation may specifically be the operation of the user scanning the face on the lock screen interface. This is not limited in the embodiments of the present application.
  • the electronic device receives the first operation of the user triggering the electronic device to display the first interface, which may be The user opens the gallery application.
  • the first operation may be the user's triggering operation on the gallery application. That is, in the case where the electronic device receives the user's operation of opening the gallery application, the electronic device may display a plurality of images included in the gallery application.
  • the electronic device receives the first operation of the user triggering the electronic device to display the first interface, It may also be an operation of returning to the main interface of the first application, that is, an operation of returning to the main interface of the gallery application. For example, after the user opens the gallery application, the user can select a certain image to view. After the electronic device receives the user's operation of selecting a certain image to view, the electronic device can display the interface corresponding to the image. Afterwards, after the electronic device receives the user's operation to return to the main interface of the gallery application (ie, the first operation), that is, the electronic device can display multiple images included in the gallery application.
  • the main interface of the gallery application ie, the first operation
  • the electronic device receives the first step of the user triggering the electronic device to display the first interface.
  • the operation may be an operation for the user to open the memo application.
  • the first operation may be an operation for the user to trigger the memo application. That is, in the case where the electronic device receives the user's operation of opening the memo application, the electronic device may display a plurality of memos included in the memo application.
  • the electronic device receives the first operation of the user triggering the electronic device to display the first interface, It may also be an operation of returning to the main interface of the first application, that is, an operation of returning to the main interface of the memo application. For example, after the user opens the memo application, the user can select a certain memo to view. After the electronic device receives the user's operation of selecting a certain memo to view, the electronic device can display the interface corresponding to the memo. Afterwards, after the electronic device receives the user's operation to return to the main interface of the memo application (ie, the first operation), that is, the electronic device can display multiple memos included in the memo application.
  • the main interface of the memo application ie, the first operation
  • the electronic device may display multiple application icons in a grid arrangement, for example, each grid may correspond to an icon of an application.
  • the electronic device may include multiple application programs, and the desktop of the electronic device may include multiple application icons, that is, multiple elements. Users can open different applications through different application icons.
  • the electronic device displays multiple application icons included on 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.
  • the electronic device receives the first operation of the user triggering the electronic device to display the first interface.
  • an electronic device such as a sliding event module of the electronic device that can receive the user's unlocking operation, that is, the sliding event module can receive the user's sliding upward operation on the lock screen interface.
  • the sliding event module may determine whether the user's upward sliding on the lock screen interface reaches the sliding threshold.
  • the sliding event module determines that the user's upward sliding on the lock screen interface reaches the sliding threshold, the sliding event module may determine that the user's unlocking operation, that is, the first operation, is received.
  • 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.
  • the password input module of the electronic device can receive the user's unlocking operation, that is, the password input module can receive the user's unlocking operation on the lock screen interface. Enter the lock screen password.
  • 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 by the electronic device.
  • the password input module may determine that the user's unlocking operation, that is, the first operation, is received.
  • 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.
  • the fingerprint recognition module of the electronic device can receive the user's unlocking operation.
  • the fingerprint recognition module can receive the user's unlocking operation on the lock screen interface. The operation of entering fingerprints.
  • the fingerprint recognition module can determine whether the fingerprint input by the user on the lock screen interface is correct fingerprint data stored in the electronic device.
  • the fingerprint recognition input module may determine that the user's unlocking operation, that is, the first operation, is received.
  • the electronic device receiving the first operation of the user triggering the electronic device to display the first interface may include: the electronic device, such as the facial recognition module of the electronic device, may receive the user's unlocking operation, such as the facial recognition module may Receive the user's face scan action on the lock screen. 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 may determine whether the received facial data of the user is correct facial data stored by the electronic device. In the case where the facial recognition module determines that the received facial data of the user is correct facial data stored for the electronic device, the facial recognition module may determine that the user's unlocking operation, ie, the first operation, is received.
  • the electronic device determines a reference element among multiple elements and determines a reference point.
  • the electronic device When the electronic device receives the first operation of the user triggering the electronic device to display the first interface, in response to the first operation, the electronic device determines the reference element among the plurality of elements and determines the reference point, so that the electronic device can determine the reference element according to the reference element. and reference points to determine multiple element circles.
  • the base element can be the element with the smallest area among multiple elements. That is, the electronic device determines the reference element among multiple elements, which may include the electronic device determining the element with the smallest area among the multiple elements as the reference element.
  • 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. .
  • the electronic device can obtain the data corresponding to each element. For example, the electronic device can obtain the data corresponding to each element through a desktop application, so that the electronic device can obtain the data corresponding to each element according to the The corresponding data can determine the area corresponding to each element, so that the element with the smallest area, that is, the reference element, can be determined based on the area corresponding to each element.
  • the data corresponding to each element can include the length and width corresponding to each element, or the radius corresponding to each element. That is, when the element is a rectangle, the data corresponding to the element can be the corresponding length and width of the element. When the element is circular, the data corresponding to the element can be the corresponding radius of the element.
  • 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 the first type of element according to the type of each element.
  • the first type may be
  • the first type of application icon that can be moved independently on the first interface may also be an image or memo that can be moved independently on the first interface, which is not limited in the embodiments of the present application.
  • the electronic device may determine the element with the smallest area among multiple elements of the first type as the reference element.
  • the desktop of the electronic device may include a background image, a music application, a video application, a weather application, a camera application, Contacts app, calling app, and messaging app.
  • 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 the desktop application of the electronic device, that is, View 0 is the lowest view corresponding to the desktop application.
  • View 1 may be a view corresponding to the background image of the desktop of the electronic device, that is, View 1 may be used to display the background image of the desktop.
  • View 2 can be the view corresponding to the four applications: camera application, address book application, call application and information application, that is, view 2 can be used to display the camera application, address book application, call application and information Applications The application icons corresponding to these four applications.
  • View 3 may be a view corresponding to the music application, that is, View 3 may be used to display the application icon of the music application and the name of the music application.
  • View 3 may also be a view corresponding to the video application, that is, View 3 may be used to display the application icon of the video application and the name of the video application.
  • view 4 may be a view corresponding to the weather application, that is, view 4 may be used to display content corresponding to the weather application.
  • 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.
  • 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.
  • 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 address book application, that is, view 8 may also be used to display the application icon corresponding to the address book 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 information application, that is, view 8 may also be used to display the application icon corresponding to the information application.
  • the electronic device can store the view corresponding to the desktop of the electronic device according to a tree structure, that is, the root node of the tree structure can be the root node of the desktop, that is, view 0.
  • the nodes after the root node can be views capable of displaying multiple views, namely view 1 (view 1 can display multiple views 3 and view 4) and view 2 (view 2 can display multiple views 8).
  • the nodes after view 1 are view 3 and view 4.
  • the nodes after view 3 are view 6 and view 7.
  • the node after view 2 is view 8.
  • the electronic device After the electronic device receives the user's unlocking operation, that is, the first operation, in response to the first operation, the electronic device can collect each view included in the first interface through the tree structure corresponding to the desktop view stored by the electronic device, and each data corresponding to each view.
  • the electronic device since View 3 , View 4 and View 8 are views that can be moved independently on the desktop of the electronic device, View 3 , View 4 and View 8 may be views of the first type. That is to say, view 3, view 4 and view 8 may be elements of the first type.
  • the electronic device After determining the first type of elements, namely View 3, View 4 and View 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.
  • the electronic device may determine the reference point.
  • the reference point can be used to determine the element circle.
  • the reference point can be the center point of the element circle determined by the electronic device. In other words, the reference points of different element circles can be the same.
  • the user can input the reference point through the electronic device, that is, input the position of the reference point.
  • the user can also pre-set the reference point in the electronic device.
  • the electronic device can pre-set the reference point as the center point of the display interface of the electronic device.
  • the position of the reference point and the method of determining the reference point are not limited.
  • the electronic device may determine the reference element among the plurality of elements, and then the electronic device determines the reference point.
  • the electronic device can also determine datum elements among multiple elements simultaneously, as well as determine datum points.
  • the electronic device can also determine the reference element among multiple elements after determining the reference point. In the embodiment of this application, the electronic device is determined among multiple elements.
  • the order in which the reference element and the electronic device determine the reference point is not limited.
  • the electronic device determines the reference element among the multiple elements, and determines the reference
  • the point may include: after the electronic device, such as the sliding event module of the electronic device, determines that the user's unlocking operation is received, the sliding event 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 sliding event module, the lock screen module can notify the ring zoom animation module of the electronic device. After the ring zoom animation module receives the notification sent by the lock screen module, the ring zoom animation module can collect the view on the desktop of the electronic device and input the reference point position.
  • the ring zoom animation module can notify the desktop unlock event module included in the desktop application of the electronic device, and will collect the view on the desktop of the electronic device. And the reference point position is sent to the desktop unlock event module.
  • the desktop unlocking 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 unlocking event module can determine the view with the smallest area among multiple views (ie, elements), that is, the view with the smallest area. Defined as the base element.
  • the password input module may notify the lock screen module included in the application framework layer of the electronic device.
  • the lock screen module can notify the ring zoom animation module of the electronic device.
  • the ring zoom animation module can collect the view on the desktop of the electronic device and input the reference point position.
  • the ring zoom animation module can notify the desktop unlock event module included in the desktop application of the electronic device, and will collect the view on the desktop of the electronic device.
  • the desktop unlocking event module After the desktop unlocking 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 unlocking event module can determine the view with the smallest area among multiple views (ie, elements), that is, the view with the smallest area. Defined as the base element.
  • the fingerprint recognition module may notify the lock screen module included in the application framework layer of the electronic device.
  • the lock screen module can notify the ring zoom animation module of the electronic device.
  • the ring zoom animation module can collect the view on the desktop of the electronic device and input the reference point position.
  • the ring zoom animation module can notify the desktop unlock event module included in the desktop application of the electronic device, and will collect the view on the desktop of the electronic device.
  • the desktop unlocking event module After the desktop unlocking 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 unlocking event module can determine the view with the smallest area among multiple views (ie, elements), that is, the view with the smallest area. Defined as the base element.
  • the facial recognition module may notify the lock screen module included in the application framework layer of the electronic device.
  • the lock screen module can notify the ring zoom animation module of the electronic device.
  • the ring zoom animation module can collect the view on the desktop of the electronic device and input the reference point position.
  • the ring zoom animation module can notify the desktop unlock event module included in the desktop application of the electronic device, and The collected view on the desktop of the electronic device and the reference point position are sent to the desktop unlock event module.
  • the desktop unlocking 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 unlocking event module can determine the view with the smallest area among multiple views (ie, elements), that is, the view with the smallest area. Defined as the base element.
  • the electronic device determines multiple element circles based on the reference element and the reference point, and each element circle includes at least one element.
  • the electronic device 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. Multiple elements included in each element circle can be integrated into the interface of the electronic device. That is, the first interface can display multiple elements included in an element circle at the same time, and different element circles are displayed based on the interval time.
  • 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.
  • the first element is the first element circle. elements within the range.
  • the element circle can be a rectangle, the element circle can also be a circle, and the element circle can also be in other shapes, which are not limited in the embodiments of the present application.
  • the range of the element circle that is, the size of the element circle
  • the element circle is determined by the length and width of the element circle.
  • the range of the element circle that is, the size of the element circle
  • the element circle is a rectangle, that is, the size of the element circle is determined by the length and width of the element circle, as an example for schematic explanation.
  • the electronic device determines multiple element circles based on the reference element and the reference point, which may include: the electronic device first determines the length and width of the reference element. Afterwards, the electronic device can determine the length and width of each element circle based on the length and width of the reference element. Afterwards, the electronic device can determine each element circle with the reference point as the center and the length and width of each element circle, that is, determine the range of each element circle. After the range of each element circle is determined, the elements within the range of each element circle are the multiple elements included in the element circle.
  • each element can only belong to one element circle, that is, when an element is within the range of multiple element circles, the element belongs to the element circle with a smaller range. In other words, elements that have already participated in the division of element circles will no longer participate in the division of subsequent element circles.
  • an element belongs to a circle of elements when its range includes part of its range. That is to say, 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 a smaller element circle, that is, the small circle is responded to first. That is to say, 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, and the second element circle includes at least one second element. The first element is the first element circle.
  • the second element is an element within the range of the second element circle; when the third element is 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.
  • 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 takes the reference point as the center, Based on the length and width of the reference element, determine the first element circle and the second element circle; where, the first element circle The length is N times the length of the base element, the width of the first element circle is N times the width of the base 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 base element, The width of the two-element circle is M times the width of the reference element, where M is an integer greater than N.
  • the electronic device determines multiple element circles based on the reference element and the reference point.
  • the element circle with a smaller range can first be determined based on the length and width of the reference element, and then the element circle with a smaller range can be determined based on the length and width of the reference element.
  • the sum and width determine larger element circles in sequence until all elements included in the first interface are divided into different element circles. That is to say, the length of the element circle can be N times the length of the base element, and the width of the element circle can be N times the length of the base element. N can be set according to specific circumstances.
  • 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 Icon 06, Application Icon 07, Application Icon 08, Application Icon 09 and Application Icon 10.
  • the electronic device may determine the application icon with the smallest area among the multiple application icons as the first application icon (i.e., based on data corresponding to the multiple application icons). datum element), and the electronic device can determine the datum point as the center of the desktop of the electronic device. As shown in FIG. 7 , the electronic device determines that the reference point is the center O of the desktop of the electronic device, and the first application icon is the application icon 01 included on the desktop. The electronic device can determine, through the data corresponding to the application icon 01, that the length corresponding to the application icon 01 is X and the width is Y.
  • the electronic device can determine the first element circle, that is, the element circle with the smallest range, that is, element circle 1, based on the reference element and the reference point.
  • the electronic device can determine the range of the element circle 1 with the reference point O as the center, twice X as the length of the element circle 1, and twice Y as the width of the element circle 1.
  • the range of the element circle 1 includes parts of the application icon 01, part of the application icon 02, and part of the application icon 03.
  • the electronic device can determine the application icon 01, the application icon 02, and the application icon 03 is the elements included in element circle 1.
  • the electronic device can 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 greater than the range of the first element circle.
  • the electronic device can determine the range of the element circle 2 with the reference point O as the center, four times X as the length of the element circle 2, and four times Y as the width of the element circle 2.
  • the scope of element circle 2 includes application icon 01, application icon 02, application icon 03, parts of application icon 04, part of application icon 05, parts of application icon 06, and application programs. Part of icon 07. Since application icon 01, application icon 02 and application icon 03 are elements that have been classified as included in element circle 1, application icon 01, application icon 02 and application icon 03 are no longer classified as included in element circle 2. Elements.
  • the electronic device can determine that the application icon 04 , the application icon 05 , the application icon 06 and the application icon 07 are elements included in the element circle 2 .
  • the electronic device can 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 greater than the range of the second element circle.
  • the electronic device can determine the range of the element circle 3 with the reference point O as the center, six times X as the length of the element circle 3, and six times Y as the width of the element circle 3.
  • the scope of element circle 3 includes application icon 01, application icon 02, application icon 03. Parts of application icon 04, application icon 05, application icon 06, part of application icon 07, part of application icon 08, part of application icon 09 and part of application icon 10.
  • the application icon 01, the application icon 02 and the application icon 03 have been divided into elements included in the element circle 1
  • the application icon 04, the application icon 05, the application icon 06 and the application icon 07 have been divided into Element circle 2 includes elements. Therefore, application icon 01, application icon 02, application icon 03, application icon 04, application icon 05, application icon 06 and application icon 07 are no longer divided into element circle 3. Included elements.
  • the electronic device can determine that the application icon 08 , the application icon 09 and the application icon 10 are elements included in the element circle 3 .
  • element circle 1, element circle 2 and element circle 3 namely application icons
  • the electronic device can determine the three element circles based on the reference elements and reference points. , namely element circle 1, element circle 2 and element circle 3.
  • the electronic device determines multiple element circles based on the reference elements and reference points.
  • the desktop unlock event module divides all views on the desktop into circles based on the smallest view and the reference point. That is, the desktop unlock event module determines multiple element circles based on the reference element and the reference point.
  • the electronic device determines the display interval between 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 circle by circle, which increases
  • the dynamic effect of the transition makes the electronic device appear more vivid when it enters the grid arrangement scene, that is, when multiple elements are displayed at the same time, improving the user experience.
  • the user can also set the display interval in the electronic device in advance, so that after the electronic device determines multiple element circles, it can display each element circle in sequence according to the preset display interval.
  • the user can also set the display interval in the electronic device to 30 milliseconds or 50 milliseconds in advance. That is to say, after the electronic device determines multiple element circles, the electronic device can display each element circle in sequence according to a display interval of 30 milliseconds, or the electronic device can also display each element circle in sequence according to a display interval of 50 milliseconds.
  • the electronic device can determine the display interval between the element circles.
  • the electronic device can also determine the display intervals between 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 element circles, and then determine multiple element circles based on the reference elements and reference points.
  • the order in which the electronic device determines the element circles and the electronic device determines the display intervals between the element circles is not limited.
  • the electronic device determines the display interval between the element circles as an example for schematic explanation.
  • display intervals between multiple element circles may be the same or different, and this is not limited in the embodiments of the present application.
  • the electronic device determines the display interval between the element circles, which may include: in the electronic device, such as the desktop unlock event module included in the desktop application of the electronic device, determines based on the reference element and the reference point. Multiple element circles.
  • the desktop unlock event module can start the animation at a fixed interval, that is, the desktop unlock event module can determine the display interval between element circles.
  • the electronic device displays each element circle in sequence according to the display interval.
  • the electronic device can display each element circle respectively based on the display interval between the element circles (which may be called the first interval time in this embodiment of the application), That is, the elements corresponding to each element circle are displayed separately.
  • 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 displaying each element circle in a certain order.
  • the electronic device when the electronic device can display each element circle sequentially according to the display interval between the element circles, the electronic device can display each element circle sequentially according to the size of the range of the element circles, from small to large, such as displaying the range first.
  • the smaller element circle is displayed, and then the larger element circle is displayed.
  • An element circle with a smaller scope is an element circle that includes fewer elements
  • an element circle with a larger scope is an element circle that includes more elements.
  • the plurality of 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
  • the second element circle includes at least one second element.
  • the electronic device is based on the first element circle. Displaying multiple element circles respectively at an interval, 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 can simultaneously display multiple second elements corresponding to the second element circle.
  • 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 (i.e. element circle The length of 1 is less than the length of element circle 2, the width of element circle 1 is less 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 less than the length of element circle 3, the element circle The width of 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.
  • the electronic device can first display the four elements included in element circle 1 .
  • the electronic device may display the 12 elements included in the element circle 2 after intervals of display intervals.
  • the electronic device displays the 4 elements included in the element circle 1 and the 12 elements included in the element circle 2, as shown in (c) in Figure 8, the electronic device can display the 8 elements included in the element circle 3 at intervals. elements.
  • the electronic device when the electronic device displays each element circle in sequence according to the size of the element circle range, the electronic device can enlarge and display the elements included in each element circle, and then restore the enlarged elements to their normal size. Display, thereby achieving the effect of circular delayed zooming display of multiple elements included in multiple element circles.
  • the electronic device determines that the element circle includes 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 first element
  • the plurality of first elements included in the circle may include: the electronic device may adopt The first magnification magnifies the first element, and the electronic device displays the amplified first element.
  • the electronic device displays a plurality of second elements included in the second element circle. That is, the electronic device displays the second element. After the first interval, the electronic device can enlarge the second element using a first magnification factor.
  • the first element is amplified by the multiple, and the electronic device simultaneously displays the second element amplified by the first magnification factor and the first element amplified by the second magnification factor, and the first magnification factor is greater than the second magnification factor.
  • the electronic device may also use the second magnification factor to enlarge the second element.
  • the element is magnified, 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.
  • the first element circle and the second element circle respectively include multiple elements, and the range of the first element circle is smaller than that of the second element circle. scope.
  • the electronic device displays each element circle in sequence according to the display interval, which may include: the electronic device first displays multiple elements included in the first element circle.
  • the electronic device may enlarge the multiple elements included in the first element circle A times for display.
  • A can be an integer greater than or equal to 1, for example, A can be 3.
  • the electronic device 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 the display interval. When the electronic device displays multiple elements included in the second element circle, the electronic device may enlarge the multiple elements included in the second element circle 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.
  • the electronic device When the electronic device magnifies the multiple elements included in the second element circle B times for display, the electronic device can enlarge the multiple elements included in the first element circle 1 times for display, that is, the multiple elements included in the first element circle are displayed according to Normal size display.
  • the electronic device when the electronic device magnifies the multiple elements included in the second element circle B times for display, the electronic device can enlarge the multiple elements included in the first element circle C times for display, where C can be an integer greater than, and C Less than B. For example, when B is 3, C can be 2.
  • the electronic device displays the elements included in the first element circle and the second element circle in normal sizes after displaying the intervals. That is, the electronic device can display the intervals after the intervals. , magnify the elements included in the first element circle and the second element circle by 1 times for display.
  • 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 (ie element circle 1
  • the length of is less than the length of element circle 2, the width of element circle 1 is less 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 less than the length of element circle 3, element circle 2
  • the width of element circle 3 is smaller than the width of element circle 3
  • 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
  • element circle 4 may include 8 elements.
  • the electronic device can first display the four elements included in element circle 1 .
  • the electronic device can magnify the four elements included in the element circle 1 by three times for display.
  • the electronic device may display the 12 elements included in the element circle 2 after intervals of display intervals.
  • the electronic device can magnify the 12 elements included in the element circle 2 by 3 times for display.
  • the electronic device can display the four elements included in the element circle 1 in normal sizes, that is, the four elements included in the element circle 1 can be displayed in a magnified manner.
  • the electronic device can also magnify the 4 elements included in the element circle 1 by 2 times for display.
  • the electronic device may display the 4 elements included in the element circle 3 after intervals of display intervals.
  • the electronic device can enlarge the four elements included in the element circle 3 three times for display.
  • the electronic device can display the 12 elements included in the element circle 2 in normal size, that is, the 12 elements included in the element circle 2 can be displayed in a magnified manner.
  • the electronic device can also magnify the 12 elements included in the element circle 2 by 2 times for display.
  • the electronic device can also magnify the 12 elements included in the element circle 1 by 2 times. 4 elements are displayed at 1x magnification.
  • the electronic device when the electronic device enlarges and displays the four elements included in the element circle 3, if the interface of the electronic device can also display the elements included in the element circle 4, the interface of the electronic device can also display the elements included in the element circle 4. 8 elements are displayed magnified (for example, 4 times magnified). When the interface of the electronic device cannot fully display the eight elements included in the enlarged element circle 4, the electronic device can display part of the eight elements included in the enlarged element circle 4.
  • the electronic device may display the eight elements included in the element circle 4 after intervals of display.
  • the electronic device can enlarge the eight elements included in the element circle 4 three times for display.
  • the electronic device can display the four elements included in the element circle 3 in normal sizes, that is, the four elements included in the element circle 3 can be displayed in a magnified manner.
  • the electronic device magnifies the 8 elements included in the element circle 4 by 3 times
  • the electronic device can also magnify the 4 elements included in the element circle 3 by 2 times for display.
  • the electronic device can also magnify the 4 elements included in the element circle 2 by 2 times.
  • the 12 elements and the 4 elements included in element circle 1 are displayed at 1x magnification.
  • the electronic device may display the eight elements included in the element circle 1, element circle 2, element circle 3, and element circle 4 at intervals.
  • the elements are all displayed in normal sizes, that is, the electronic device can enlarge element circle 1, element circle 2, element circle 3 and element circle 4 by 1 times after the interval display interval.
  • the electronic device displays each element circle in sequence according to the display interval, which can include: In the electronic device, such as the desktop unlock event module included in the desktop application of the electronic device, based on the reference element and reference point, After determining a plurality of element circles, the desktop unlocking 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 multiple element circles and display intervals determined by the electronic device), the view animation module may display each element circle in sequence according to the display interval.
  • the electronic device when the electronic device displays multiple elements at the same time, the electronic device can divide the multiple elements into different element circles.
  • the electronic device can display multiple elements included in the same element circle at the same time, and different element circles can be displayed at different times, so that when the electronic device displays multiple elements at the same time, multiple elements included in each element circle can be displayed in sequence, that is, one by one. Displaying the multiple elements in a circle 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.
  • 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.
  • the solution of the present application is schematically explained with reference to FIG. 10 .
  • the electronic device may determine an application icon with the smallest area among multiple application icons included on the desktop, and a reference point for dividing the element circle.
  • the electronic device determines multiple element circles based on the application icon with the smallest area and the reference point, and each element circle includes at least one application icon.
  • the range of element circle 1 is smaller than the range of element circle 2 (that is, the length of element circle 1 is less than the length of element circle 2, the width of element circle 1 is less 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 less than the length of element circle 3, and the width of element circle 2 smaller than the width of element circle 3)
  • 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
  • element circle 4 may include 8 elements.
  • the electronic device can first display the four elements included in element circle 1, namely the icon corresponding to the email application, the music 1 application The corresponding icon, the icon corresponding to the sports and health application, and the icon corresponding to the weather application.
  • the electronic device displays the four elements (ie, application icons) included in the element circle 1, the electronic device can enlarge the four elements included in the element circle 1 three times for display.
  • the interface of the electronic device when the electronic device enlarges and displays the four application icons included in the element circle 1, the interface of the electronic device can also display the application programs included in the element circle 2.
  • the interface of the electronic device can also display the 12 application icons included in the element circle 2 by enlarging it (for example, by 4 times).
  • the electronic device can display part of the 12 application icons included in the enlarged element circle 2.
  • the electronic device can display the 12 applications included in the element circle 2 after an interval of display (such as 50 milliseconds). Program icon.
  • the electronic device displays the 12 application icons included in the element circle 2
  • the electronic device can enlarge the 12 application icons included in the element circle 2 three times for display.
  • the electronic device can circle the element 1
  • the 4 included application icons are displayed at normal size.
  • the electronic device magnifies the 12 application icons included in the element circle 2 by 3 times, the electronic device can also magnify the 4 application icons included in the element circle 1 by 2 times for display.
  • the electronic device may display the 4 application icons included in the element circle 3 after intervals of display intervals.
  • the electronic device can enlarge the four elements included in the element circle 3 three times for display.
  • the electronic device can display the 12 application icons included in the element circle 2 in normal sizes.
  • the electronic device magnifies the 4 application icons included in the element circle 3 by 3 times
  • the electronic device can also magnify the 12 application icons included in the element circle 2 by 2 times for display.
  • the electronic device can also enlarge the element circle 3 times.
  • the four application icons included in circle 1 are displayed at 1x magnification.
  • the electronic device may display the eight application icons included in the element circle 4 after intervals of display intervals.
  • the electronic device can enlarge the eight application icons included in the element circle 4 three times for display.
  • the electronic device can display the four application icons included in element circle 3 in normal sizes.
  • the electronic device magnifies the eight application icons included in the element circle 4 by 3 times
  • the electronic device can also magnify the 4 application icons included in the element circle 3 by 2 times for display.
  • the electronic device can also enlarge the element circle 3 by 2 times.
  • the 12 application icons included in circle 2 and the 4 application icons included in element circle 1 are magnified and displayed.
  • the electronic device may display the element circle 1, the element circle 2, the element circle 3, and the element circle at intervals. 4Included application icons are displayed at normal size.
  • 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.
  • the solution of the present application is schematically explained in conjunction with FIG. 11 .
  • the user can select a certain image to view.
  • the electronic device After the electronic device receives the user's operation of selecting a certain image to view, the electronic device can display an interface corresponding to the image. Afterwards, after the electronic device receives the user's operation to return to the main interface of the gallery application (ie, the first operation), that is, the electronic device can display multiple images included in the gallery application. As shown in (a) of Figure 11, when the user can select a certain image to view, the electronic device can receive the user's operation to return to the main interface of the gallery application.
  • the electronic device can determine the image with the smallest area among the multiple images included in the main interface of the gallery application, and the reference point for dividing the element circle.
  • the electronic device determines multiple element circles based on the image with the smallest area and the reference point, and each element circle includes at least one image.
  • the electronic device determines that the main interface of the 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 (that is, the length of element circle 1 is less than the length of element circle 2, the width of element circle 1 is less 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 less than the length of element circle 3, and the width of element circle 2 smaller than the width of element circle 3).
  • Element circle 1 can include 3 elements
  • element circle 2 can include 6 elements
  • element circle 3 can include 3 elements.
  • the electronic device can Let's first display the 3 images included in element circle 1.
  • the electronic device can enlarge the three images included in the element circle 1 by 6 times, that is, when the electronic device displays the main interface of the gallery application, the size of the smallest image is enlarged by 6 times. times to display.
  • the electronic device may display the six images included in the element circle 2 after a display interval (such as 50 milliseconds).
  • a display interval such as 50 milliseconds.
  • the electronic device can enlarge the six images included in the element circle 2 three times for display.
  • the electronic device can magnify the three images included in element circle 1 by 3 times for display.
  • the electronic device may display the three images included in the element circle 3 after intervals of display.
  • the electronic device displays the three images included in the element circle 3
  • the electronic device can enlarge the three images included in the element circle 3 by 2 times for display.
  • the electronic device can display the six images included in the element circle 2 and the three images included in the element circle 1 by twice the magnification.
  • the electronic device may display the element circle 1, the element circle 2, the element circle 3, and the element circle 4 at intervals.
  • the images are all displayed in normal size, that is, when the main interface of the gallery application is displayed on the electronic device, the size of the smallest image is enlarged by 1 times for display.
  • 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 as multiple memos.
  • the solution of the present application is schematically explained with reference to FIG. 12 .
  • the user can select a certain memo to view.
  • the electronic device After the electronic device receives the user's operation of selecting a certain memo to view, the electronic device can display an interface corresponding to the memo. Afterwards, after the electronic device receives the user's operation to return to the main interface of the memo application (ie, the first operation), that is, the electronic device can display multiple memos included in the memo application. As shown in (a) of Figure 12, when the user can select a certain memo (such as memo 1) to view, the electronic device can receive the user's operation to return to the main interface of the memo application.
  • a certain memo such as memo 1
  • the electronic device can determine the memo with the smallest area among the multiple memos included in the main interface of the memo application, and the reference point for dividing the element circle.
  • the electronic device determines multiple element circles based on the memo image with the smallest area and the reference point, and each element circle includes at least one memo.
  • 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 (that is, the length of element circle 1 is less than the length of element circle 2, the width of element circle 1 is less 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 less than the length of element circle 3, and the width of element circle 2 smaller than the width of element circle 3).
  • Element circle 1 can include 6 elements (ie, memo 1, memo 2, memo 3, memo 4, memo 5, and memo 6)
  • element circle 2 can include 2 elements (ie, memo 7, and memo 8)
  • element circle 3 can Contains 2 elements (i.e. memo 9 and memo 10).
  • the electronic device can first display 6 memos included in element circle 1.
  • the electronic device displays the 6 memos included in the element circle 1
  • the electronic device can enlarge the 6 memos included in the element circle 1 by 3 times, that is, relative to the electronic device displaying the memos
  • the main interface of the application is used, the size of the smallest memo is enlarged 3 times and displayed.
  • the electronic device may display the two memos included in the element circle 2 after a display interval (eg, 50 milliseconds).
  • a display interval eg, 50 milliseconds.
  • the electronic device can enlarge the two memos included in the element circle 2 three times for display.
  • the electronic device can enlarge the 6 memos included in element circle 1 by 3 times for display.
  • the electronic device may display the three memos included in the element circle 3 after an interval of display.
  • the electronic device can enlarge the two memos included in the element circle 3 by 2 times for display.
  • the electronic device can enlarge and display the two memos included in element circle 2 and the six memos included in element circle 1 by twice the size.
  • the electronic device After the electronic device displays the two memos included in the element circle 3, as shown in (e) of Figure 12, the electronic device can display the intervals at intervals and press the memos included in the element circle 1, element circle 2 and element circle 3.
  • Normal size display that is, when the main interface of the memo application is displayed on the electronic device, the size of the smallest memo is enlarged by 1 times and displayed.
  • embodiments of the present application also provide a display device.
  • the display device can be applied to electronic equipment to implement the methods in the foregoing embodiments.
  • the function of the display device can be implemented by hardware, or can be implemented by hardware executing corresponding software.
  • Hardware or software includes one or more modules corresponding to the above functions.
  • FIG. 13 shows a schematic structural diagram of a display device 1300.
  • the display device 1300 may include: a receiving module 1301, a determining module 1302, a display module 1303, and so on.
  • the receiving module 1301 may be used 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 the first application program, and the first interface includes multiple elements.
  • 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.
  • the determination module 1302 can also be used to determine multiple element circles according to the reference element and the reference point, each element circle including at least one element.
  • the display module 1303 may be configured to display multiple element circles based on the first interval time.
  • the display module 1303 can also be used to display the first element.
  • the display module 1303 can also be used to display the second element after the first interval.
  • the above-mentioned display device 1300 may further include an amplification module 1304.
  • the amplification module 1304 can be used to amplify the first element using the first magnification factor.
  • the display module 1303 may be used to display the enlarged first element.
  • the amplification module 1304 can also be used to amplify the second element using a first magnification factor, and amplify the first element using a second magnification factor.
  • the display module 1303 can also be used to simultaneously display 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.
  • the amplification module 1304 can also be used to amplify the second element using a second amplification factor after the first interval.
  • the display module 1303 can also be used to simultaneously display the second element after magnification by the second magnification factor, and the first element after magnification by the second magnification factor.
  • the range of the first element circle is smaller than the range of the second element circle.
  • the determination module 1302 can also be used to determine the length and width of the reference element.
  • the determination module 1302 can also be used to determine the first element circle and the second element circle with the reference point as the center and based on the length and width of the reference element; 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 base 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 base element, and the width of the second element circle is the width of the base element. M times, M is an integer greater than N.
  • the first element is an element within the range of the first element circle
  • the second element is an element within the range of the second element circle
  • the third element is also within the range of the first element circle.
  • the third element is the first element
  • the third element is any element included in the first interface.
  • the elements included in the first interface are application icons, images or memos.
  • units in the above device is only a division of logical functions, and may be fully or partially integrated into a physical entity during actual implementation, or may be physically separated.
  • the units in the device can all be implemented in the form of software calling through processing components; they can also all be implemented in the form of hardware; some units can also be implemented in the form of software calling through processing components, and some units can be implemented in the form of hardware.
  • each unit can be a separate processing element, or it can be integrated and implemented in a certain chip of the device. In addition, it can also be stored in the memory in the form of a program, and a certain processing element of the device can call and execute the unit. Function. In addition, all or part of these units can be integrated together or implemented independently.
  • the processing element described here can also be called a processor, and can be an integrated circuit with signal processing capabilities. During the implementation process, each step of the above method or each unit above can be implemented by an integrated logic circuit of hardware in the processor element or implemented in the form of software calling through the processing element.
  • the units in the above device 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.
  • the processing element can be a general processor, such as a CPU or other processor that can call a program.
  • these units can be integrated together and implemented in the form of a system on a chip (SOC).
  • the unit for the above device to implement each corresponding step in the above method can be implemented in the form of a processing element scheduler.
  • the device may include a processing element and a storage element, and the processing element calls a program stored in the storage element to execute the method described in the above method embodiment.
  • the storage element may be a storage element on the same chip as the processing element, that is, an on-chip storage element.
  • the program for performing the above method may be in a storage element on a different chip from the processing element, that is, an off-chip storage element.
  • the processing element calls or loads the program from the off-chip storage element to the on-chip storage element to call and execute the method described in the above method embodiment.
  • embodiments of the present application may also provide a device, such as an electronic device, which may include a processor and a memory configured to store instructions executable by the processor.
  • the processor is configured to execute the above instructions such that the The electronic device implements the display method as described in the previous embodiment.
  • the memory may be located within the electronic device or external to the electronic device.
  • the processor includes one or more.
  • the unit for implementing each step in the above method may be configured as one or more processing elements. These processing elements may be disposed on corresponding electronic equipment as described above.
  • the processing elements here may be integrated circuits. , for example: one or more ASICs, or one or more DSPs, or one or more FPGAs, or a combination of these types of integrated circuits. These integrated circuits can be integrated together to form a chip.
  • embodiments of the present application also provide a chip, which can be applied to the above-mentioned electronic equipment.
  • the chip includes one or more interface circuits and one or more processors; the interface circuit and the processor are interconnected through lines; the processor receives and executes computer instructions from the memory of the electronic device through the interface circuit to implement the above method embodiments. Methods.
  • Embodiments of the present application also provide a computer-readable storage medium on which computer program instructions are stored.
  • the electronic device can implement the above display method.
  • An embodiment of the present application also provides a computer program product, which includes computer instructions for running on the electronic device.
  • the computer instructions When the computer instructions are run on the electronic device, the electronic device can implement the display method as above.
  • the disclosed devices and methods can be implemented in other ways.
  • the device embodiments described above are only illustrative.
  • the division of modules or units is only a logical function division.
  • there may be other division methods for example, multiple units or components may be The combination can either be integrated into another device, or some features can be omitted, or not implemented.
  • the coupling or direct coupling or communication connection between each other shown or discussed may be through some interfaces, and the indirect coupling or communication connection of the devices or units may be in electrical, mechanical or other forms.
  • the units described as separate components may or may not be physically separated.
  • the components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place, or they may be distributed to multiple different places. . Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.
  • each functional unit in various embodiments of the present application may be integrated into one processing unit, or each unit may exist physically alone, or two or more units may be integrated into one unit.
  • the above integrated units can be implemented in the form of hardware or software functional units.
  • the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it may be stored in a readable storage medium.
  • the software product is stored in a program product, such as a computer-readable storage medium, and includes a number of instructions to cause a device (which can be a microcontroller, a chip, etc.) or a processor (processor) to execute all the methods described in various embodiments of this application. or partial steps.
  • the aforementioned storage media include: U disk, mobile hard disk, ROM, RAM, magnetic disk or optical disk and other media that can store program codes.
  • embodiments of the present application may also provide a computer-readable storage medium on which a computer program is stored. sequence instructions.
  • the computer program instructions are executed by the electronic device, the electronic device is caused to implement the display method as described in the foregoing method embodiments.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种显示方法及电子设备，涉及电子技术领域，能够优化电子设备显示多个应用程序图标的过程，从而提高用户的体验。具体方案为：电子设备接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素；响应于第一操作，电子设备在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心；电子设备根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素；电子设备基于第一间隔时间分别显示多个元素圈。

Description

一种显示方法及电子设备
本申请要求于2022年7月12日提交国家知识产权局、申请号为202210815868.1、发明名称为“一种显示方法及电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及电子技术领域，尤其涉及一种显示方法及电子设备。
背景技术
目前，电子设备，如手机等的界面可以以宫格排列的方式同时显示多个元素(如多个应用程序图标)。例如，手机可以包括多个应用程序，手机的桌面可以包括多个应用程序图标，用户可以通过不同的应用程序图标打开不同的应用程序。
然而，在电子设备的界面上以宫格排列的方式通过同时显示多个元素时，该多个元素同时进入电子设备的界面。例如，在手机进入桌面，如通过解锁进入手机的桌面时，手机桌面包括多个应用程序图标同时进入手机的桌面，也就是说，手机的桌面是同时显示桌面包括的多个应用程序图标。这就导致电子设备显示多个应用程序图标的过程比较单一，用户的体验较差。
发明内容
本申请实施例提供一种显示方法及电子设备，在手机等电子设备进入桌面时，能够优化电子设备显示多个应用程序图标的过程，从而提高用户的体验。
第一方面，本申请实施例提供一种显示方法，应用于电子设备，该电子设备可以包括第一应用程序，该显示方法可以包括：电子设备接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素；响应于第一操作，电子设备在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心；电子设备根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素；电子设备基于第一间隔时间分别显示多个元素圈。
基于第一方面所述的显示方法，可以在电子设备显示第一界面包括多个元素时，电子设备可以将该多个元素划分为不同的元素圈，电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
结合第一方面，在一种可能的实现方式中，上述多个元素圈可以包括第一元素圈以及第二元素圈，上述第一元素圈可以包括至少一个第一元素，上述第二元素圈可以包括至少一个第二元素，上述电子设备基于第一间隔时间分别显示多个元素圈，可以包括：电子设备显示第一元素；在第一间隔时间之后，电子设备显示第二元素。
基于该可能的实现方式，在电子设备显示第一元素圈和第二元素圈时，电子设备可以同时显示第一元素圈对应的多个第一元素，在显示第一元素圈对应的多个第一元素之后，电子设备可以间隔第一间隔时间显示第二元素圈对应的多个第二元素，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
结合第一方面，在一种可能的实现方式中，上述电子设备显示第一元素，可以包括：电子设备采用第一放大倍数将第一元素放大，电子设备显示放大之后的第一元素；在第一间隔时间之后，电子设备显示第二元素，可以包括：电子设备采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大，电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。
基于该可能的实现方式，在电子设备同时显示第一元素圈对应的多个第一元素时，电子设备可以将第一元素放大显示，在放大显示第一元素圈对应的多个第一元素之后，电子设备可以间隔第一间隔时间显示放大之后的第二元素圈对应的多个第二元素，并将第一元素相应的放小显示，从而能够在电子设备显示第一界面包括的多个元素时，能够逐圈缩放显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
结合第一方面，在一种可能的实现方式中，在电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素之后，上述显示方法还可以包括：在第一间隔时间之后，电子设备采用第二放大倍数将第二元素放大，电子设备同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。
基于该可能的实现方式，在电子设备放大显示第二元素圈对应的多个第二元素之后，电子设备可以将第二元素放小显示，从而能够在电子设备显示第一界面包括的多个元素时，能够逐圈缩放显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
结合第一方面，在一种可能的实现方式中，第一元素圈的范围可以小于第二元素圈的范围。
基于该可能的实现方式，电子设备可以将第一界面包括多个元素划分为范围不同的元素圈，从而电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
结合第一方面，在一种可能的实现方式中，上述基准元素可以为矩形，上述电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：电子设备确定基准元素的长和宽；电子设备以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于N的整数。
基于该可能的实现方式，电子设备通过基准元素的长和宽以及基准点，可以将第一界面包括多个元素划分为范围不同的元素圈，从而电子设备可以同时显示同一个元 素圈包括的多个元素，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
结合第一方面，在一种可能的实现方式中，上述第一元素可以为第一元素圈的范围内的元素，上述第二元素为第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。
基于该可能的实现方式，在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，电子设备可以确定第三元素为第一元素，即第三元素为第一元素圈对应的元素，从而可以将第一界面包括的多个元素划分为不同范围的元素圈。
结合第一方面，在一种可能的实现方式中，上述第一界面包括的元素可以为应用程序图标、图像或备忘录。
基于该可能的实现方式，在电子设备显示多个应用程序图标或者多个图像或者多个备忘录时，电子设备可以将该多个应用程序图标或者多个图像或者多个备忘录划分为不同的元素圈，电子设备可以同时显示同一个元素圈包括的应用程序图标、图像或者备忘录，不同的元素圈之间可以间隔第一间隔时间显示，从而能够在电子设备显示第一界面包括的多个元素时，逐圈显示该多个元素，增加了转场的动效,从而可以提高用户的体验。
第二方面，本申请实施例提供一种显示装置，该显示装置可以应用于电子设备，用于实现上述第一方面中的方法。该显示装置的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块，例如，接收模块、确定模块和显示模块等。
其中，接收模块，可以用于接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素。
确定模块，可以用于响应于第一操作，在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心。
确定模块，还可以用于根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素。
显示模块，可以用于基于第一间隔时间分别显示多个元素圈。
结合第二方面，在一种可能的实现方式中，显示模块，还可以用于显示第一元素。
显示模块，还可以用于在第一间隔时间之后，显示第二元素。
结合第二方面，在一种可能的实现方式中，上述显示装置还可以包括放大模块。
放大模块，可以用于采用第一放大倍数将第一元素放大。
显示模块，可以用于显示放大之后的第一元素。
放大模块，还可以用于采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大。
显示模块，还可以用于同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。
结合第二方面，在一种可能的实现方式中，放大模块，还可以用于在第一间隔时间之后，采用第二放大倍数将第二元素放大。
显示模块，还可以用于同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。
结合第二方面，在一种可能的实现方式中，第一元素圈的范围小于第二元素圈的范围。
结合第二方面，在一种可能的实现方式中，确定模块，还可以用于确定第一元素的长和宽。
确定模块，还可以用于以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于N的整数。
结合第二方面，在一种可能的实现方式中，第一元素为第一元素圈的范围内的元素，第二元素为第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。
结合第二方面，在一种可能的实现方式中，第一界面包括的元素为应用程序图标、图像或备忘录。
第三方面，提供了一种显示设备，该显示设备具有实现上述第一方面所述的方法的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块。
第四方面，提供了一种显示设备，包括：处理器和存储器；该存储器用于存储计算机执行指令，当该显示设备运行时，该处理器执行该存储器存储的该计算机执行指令，以使该显示设备执行如上述第一方面中任一项所述的显示方法。
第五方面，提供了一种显示设备，包括：处理器；所述处理器用于与存储器耦合，并读取存储器中的指令之后，根据所述指令执行如上述第一方面中任一项所述的显示方法。
第六方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序指令。当计算机程序指令被电子设备执行时，使得电子设备实现如第一方面或第一方面的可能的实现方式中任一项所述的显示方法。
第七方面，本申请实施例提供一种计算机程序产品，包括计算机可读代码，当所述计算机可读代码在电子设备中运行时，使得电子设备实现如第一方面或第一方面的可能的实现方式中任一项所述的显示方法。
第八方面，提供了一种装置(例如，该装置可以是芯片系统)，该装置包括处理器，用于支持电子设备实现上述第一方面中所涉及的功能。在一种可能的设计中，该装置还包括存储器，该存储器，用于保存电子设备必要的程序指令和数据。该装置是芯片系统时，可以由芯片构成，也可以包含芯片和其他分立器件。
应当理解的是，上述第二方面至第八方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。
附图说明
图1为本申请实施例提供的一种电子设备的硬件结构示意图；
图2为本申请实施例提供的一种电子设备的软件结构示意图一；
图3为本申请实施例提供的一种电子设备的软件结构示意图二；
图4为本申请实施例提供的一种显示方法的流程示意图一；
图5为本申请实施例提供的一种显示方法的流程示意图二；
图6为本申请实施例提供的电子设备的显示界面示意图一；
图7为本申请实施例提供的元素圈划分过程的流程示意图；
图8为本申请实施例提供的元素圈显示的过程示意图一；
图9为本申请实施例提供的元素圈显示的过程示意图二；
图10为本申请实施例提供的电子设备的显示界面示意图二；
图11为本申请实施例提供的电子设备的显示界面示意图三；
图12为本申请实施例提供的电子设备的显示界面示意图四；
图13为本申请实施例提供的一种显示装置的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。
随着手机等电子设备的广泛普及，各大应用程序市场中的应用程序(application，App)数量也经历了爆炸性增长，安装在手机等电子设备上的应用程序也越来也多，且电子设备的功能也越来越完善。
电子设备的界面上可以同时显示多个元素，如应用程序图标、图像或者备忘录等。在电子设备的界面上同时显示多个元素时，电子设备可以以宫格排列的方式显示多个应用程序图标，如每个宫格可以对应一个应用程序的图标。例如，手机可以包括多个应用程序，手机的桌面可以包括多个应用程序图标，即多个元素。用户可以通过不同的应用程序图标打开不同的应用程序。在手机显示桌面包括的多个应用程序图标时，手机可以以宫格排列的方式显示多个应用程序图标，即每个宫格可以对应一个应用程序的图标。
又如，在手机打开图库应用程序时，手机的界面上可以同时显示图库应用程序包括的多个图像，即多个元素。在手机显示图库应用程序包括的多个图像时，手机可以以宫格排列的方式显示多个图像，即每个宫格可以对应一个图像。
再如，在手机打开备忘录应用程序时，手机的界面上可以同时显示备忘录应用程序包括的多个备忘录，即多个元素。在手机显示备忘录应用程序包括的多个备忘录时，手机可以以宫格排列的方式显示多个备忘录，即每个宫格可以对应一个备忘录。
在电子设备进入宫格排列的场景时，即电子设备的界面上以宫格排列的方式通过 同时显示多个元素时，该多个元素同时进入电子设备的界面，即电子设备的界面同时显示该多个元素，也就是说，该多个元素整体进入电子设备的界面。例如，在手机进入桌面，如通过解锁进入手机的桌面时，手机桌面包括多个应用程序图标同时进入，即手机同时显示桌面包括的多个应用程序图标，也就是说，该多个应用程序图标整体进入手机的桌面。
又如，在手机打开图库应用程序时，图库应用程序包括多个图像同时进入，即手机同时显示图库应用程序包括的多个图像，也就是说，该多个图像整体进入图库应用程序对应的界面。
再如，在手机打开备忘录应用程序时，备忘录应用程序包括多个备忘录同时进入，即手机同时显示备忘录应用程序包括的备忘录，也就是说，该多个备忘录整体进入备忘录应用程序对应的界面。
电子设备进入宫格排列的场景，也可以称为电子设备的转场，即从一个场景切换到另一个场景，或者从一个显示界面切换到另一个显示界面。由于电子设备进入宫格排列的场景时，电子设备的界面同时显示宫格排列的场景对应的多个元素，这就导致缺少转场的动效,使得在电子设备进入宫格排列的场景时显得不够生动。
针对上述问题，本申请实施例提供一种显示方法，应用于电子设备，该方法可以在电子设备同时显示多个元素(如应用程序图标)时，电子设备可以将该多个元素划分为不同的元素圈。电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈可以不同时显示(即不同的元素圈之间可以间隔时间显示)，从而能够在电子设备同时显示多个元素时，逐圈显示该多个元素，增加了转场的动效,使得在电子设备进入宫格排列的场景，即同时显示该多个元素时显得更加生动，提高用户的体验。
下面对本申请实施例提供的显示方法进行描述。
本申请实施例提供的显示方法可以应用于电子设备。在一些实施例中，上述电子设备可以是手机、平板电脑、手持计算机，个人计算机(personal computer，PC)，蜂窝电话，个人数字助理(personal digital assistant，PDA)，可穿戴式设备等具有NFC功能的电子设备。本申请实施例在此对电子设备的具体形态不做限制。
示例地，以电子设备为手机为例，图1示出了本申请实施例提供的一种电子设备的结构示意图。
如图1所示，电子设备可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中，传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本实施例示意的结构并不构成对电子设备的具体限定。在另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆 分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
控制器可以是电子设备的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
电子设备的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
无线通信模块160可以提供应用在电子设备上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication， NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备可以通过无线通信技术与网络以及其他设备通信。无线通信技术可以包括全球移动通讯系统(global systemfor 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，和/或IR技术等。
电子设备通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备可以包括1个或N个显示屏194，N为大于1的正整数。
本申请实施例中，显示屏194可用于显示电子设备的界面。
电子设备可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。在一些实施例中，电子设备可以包括1个或N个摄像头193，N为大于1的正整数。
内部存储器121可以用于存储计算机可执行程序代码，可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备使用过程中所建立的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
加速度传感器180E可按照一定频率，周期性地采集电子设备的加速度数据。比如，可采集电子设备在各个方向(一般为XYZ三轴方向)上的加速度大小。
当然，可以理解的，上述图1所示仅仅为电子设备的形态为手机时的示例性说明。 若电子设备是平板电脑，手持计算机，PC，PDA，可穿戴式设备(如：智能手表、智能手环)等其他设备形态时，电子设备的结构中可以包括比图1中所示更少的结构，也可以包括比图1中所示更多的结构，在此不作限制。
可以理解的是，一般而言，电子设备功能的实现除了需要硬件的支持外，还需要软件的配合。
电子设备的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的系统为例，示例性说明电子设备的软件结构。
图2是本申请实施例提供的电子设备的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将系统分为四层，从上至下分别为应用程序层，应用程序框架层(也可以称为系统框架java层)，运行时(runtime)和系统库(也可以称为Native层)，以及内核层。
应用程序层可以包括一系列应用程序包。如图2所示，应用程序包可以包括相机，图库，日历，电话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备的通信功能。例如通话状态的管理(包括接通，挂断等)。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
运行时runtime包括核心库和虚拟机。运行时runtime负责系统的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，二维图形引擎(例如：SGL)等。
表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了二维和三维图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
二维图形引擎是二维绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。
由于电子设备的界面上可以同时显示多个元素，该元素可以为应用程序图标、图像或者备忘录等，电子设备的界面可以为电子设备包括的应用程序对应的界面，如电子设备的桌面应用程序对应的界面(即电子设备的桌面)，或者电子设备包括的图库应用程序对应的界面，或者电子设备包括的备忘录应用程序对应的界面。本申请实施例中以电子设备的界面为电子设备的桌面，电子设备显示的元素为应用程序图标为例进行示意说明。
在电子设备的界面为电子设备的桌面，电子设备显示的元素为应用程序图标时，为了实现在进入电子设备的桌面时，桌面包括的多个应用程序图标可以按照不同的元素圈，逐圈进入电子设备的桌面，即电子设备逐圈显示该多个应用程序图标，不仅需要如上述图1所示的硬件和图2所示的软件的支持，还需要不同的功能模块的配合。
例如，结合图3所示，电子设备的应用程序层可以包括桌面应用程序，电子设备的应用程序框架层可以包括事件处理模块、锁屏模块以及视图动画模块等。
应用程序框架层包括的事件处理模块，可以用于接收用户的解锁操作，从而电子设备可以显示桌面应用程序包括的多个应用程序图标。
由于电子设备可以通过滑动解锁，也可以通过密码解锁、指纹解锁或者面部解锁(即面容解锁)，因此，事件处理模块可以包括滑动事件模块、密码输入模块、指纹识别模块以及面部识别模块。
在用户未在电子设备上设置锁屏密码时，滑动事件模块可以接收用户的解锁操作，如用户在锁屏界面上的滑动，如向上滑动的操作。在滑动事件模块接收到用户在锁屏界面上向上滑动时，滑动事件模块可以确定用户在锁屏界面上向上的滑动是否达到滑动阈值。在滑动事件模块确定用户在锁屏界面上向上的滑动达到滑动阈值的情况下，滑动事件模块可以确定接收到用户的解锁操作，即滑动事件模块可以触发解锁事件。在滑动事件模块触发解锁事件之后，滑动事件模块可以通知桌面，即滑动事件模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图(即view)并输入基准点位置。
在用户在电子设备上设置锁屏密码时，密码输入模块可以接收用户的解锁操作，如用户在锁屏界面上输入锁屏密码的操作。在密码输入模块接收到用户在锁屏界面上输入锁屏密码时，密码输入模块可以确定用户在锁屏界面上输入的锁屏密码是否为电子设备存储的正确密码。在密码输入模块确定用户在锁屏界面上输入的锁屏密码是电子设备存储的正确密码的情况下，即用户在锁屏界面上输入的锁屏密码匹配为电子设备存储的正确密码，密码输入模块可以确定接收到用户的解锁操作，即密码输入模块可以触发解锁事件。在密码输入模块触发解锁事件之后，密码输入模块可以通知桌面，即密码输入模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。
在用户在电子设备上设置指纹识别时，指纹识别模块可以接收用户的解锁操作，如用户在锁屏界面上输入指纹的操作。在指纹识别模块接收到用户在锁屏界面上输入指纹时，指纹识别模块可以确定用户在锁屏界面上输入的指纹是否为电子设备存储的正确指纹数据。在指纹识别模块确定用户在锁屏界面上输入的指纹是电子设备存储的正确指纹数据密码的情况下，即用户在锁屏界面上输入的锁屏密码匹配为电子设备存储的正确指纹数据，指纹识别模块可以确定接收到用户的解锁操作，即指纹识别模块可以触发解锁事件。在指纹识别模块触发解锁事件之后，指纹识别模块可以通知桌面，即指纹识别模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。
在用户在电子设备上设置面部识别时，面部识别模块可以接收用户的解锁操作，如用户在锁屏界面上扫描面部的操作。在面部识别模块接收到用户在锁屏界面上扫描面部的操作，面部识别模块可以接收到用户的面部数据。之后，面部识别模块可以确定接收到用户的面部数据是否为电子设备存储的正确面部数据。在面部识别模块确定接收到用户的面部数据是为电子设备存储的正确面部数据的情况下，即用户在锁屏界面上扫描的面部数据匹配为电子设备存储的正确面部数据，面部识别模块可以确定接收到用户的解锁操作，即面部识别模块可以触发解锁事件。在面部识别模块触发解锁事件之后，面部识别模块可以通知桌面，即面部识别模块可以通知应用程序框架层包括的锁屏模块，从而锁屏模块可以通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。
应用程序框架层包括的锁屏模块，可以用于在事件处理模块(即滑动事件模块、密码输入模块、指纹识别模块以及面部识别模块)用于接收用户的解锁操作时，通知应用程序框架层包括的环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置。
应用程序框架层包括的环形缩放动画模块，可以用于接收应用程序框架层包括的锁屏模块，并收集电子设备的桌面上的视图并输入基准点位置。电子设备的桌面上的视图，即电子设备的桌面上可以显示的元素，如应用程序图标、图像或者备忘录等。基准点位置，即电子设备在显示各个元素圈时，元素圈的中心点。需要说明的是，不同的元素圈的基准点位置可以相同。
应用程序框架层包括的环形缩放动画模块，还可以用于向桌面应用程序包括的解锁事件处理模块发送桌面上的视图以及基准点位置。
桌面应用程序可以包括用户界面(user interface，UI)以及逻辑(即逻辑模块)。用户界面UI是电子设备的操作系统和用户之间进行交互和信息交换的媒介，它实现电子设备的信息的内部形式与用户可以接受形式之间的转换。例如，用户界面UI可以包括应用程序图标、卡片、文件夹等内容。即电子设备的桌面可以显示应用程序图标、卡片、文件夹等内容。桌面应用程序的逻辑模块可以包括解锁事件处理模块、环形动画模块等。
桌面应用程序包括解锁事件处理模块，可以用于接收应用程序框架层包括的环形缩放动画模块发送的桌面上的视图以及基准点位置。
桌面应用程序包括解锁事件处理模块，还可以用于根据桌面上的视图以及基准点位置，找到最小视图，并对所有视图进行分圈。在解锁事件处理模块对所有视图进行分圈，即将桌面上的视图划分为不同的元素圈，不同的元素圈包括不同的元素(即应用程序图标)，也可以称为视图。
在解锁事件处理模块将桌面上的视图划分为不同的元素圈之后，解锁事件处理模块可以以固定间隔开始动画，即解锁事件处理模块可以给不同的元素圈分配固定间隔，即电子设备在显示多个元素圈时，每两个元素圈之间可以相隔固定间隔。
在解锁事件处理模块可以给不同的元素圈分配固定间隔之后，解锁事件处理模块可以通知桌面应用程序包括的视图动画模块，从而视图动画模块可以以固定间隔逐圈显示多个元素圈对应的元素。
桌面应用程序包括的视图动画模块，可以用于接收桌面应用程序包括解锁事件处理模块发送的多个元素圈，以及元素圈之间的固定间隔。在视图动画模块接收桌面应用程序包括解锁事件处理模块发送的多个元素圈，以及元素圈之间的固定间隔之后，视图动画模块可以以固定间隔逐圈显示多个元素圈对应的元素。
以下实施例中的方法均可以在具有上述硬件结构或软件结构的电子设备中实现。
以下结合图4对本申请实施例提供的显示方法进行详细说明。图4为本申请实施例提供的一种显示方法的流程示意图。如图4所示，该显示方法可以包括下述S401-S405。
S401、电子设备接收用户触发电子设备显示第一界面的第一操作，第一界面包括多个元素。
第一界面可以为电子设备包括的第一应用程序对应的界面。第一应用程序可以电子设备的桌面应用程序，第一应用程序也可以为电子设备包括的图库应用程序或者备忘录应用程序等，本申请实施例对此并不进行限定。
第一界面可以包括多个元素。元素可以为应用程序图标、图像或者备忘录等。例如，在第一界面为电子设备的桌面应用程序时，第一界面包括的元素可以为电子设备包括的应用程序对应的图标(即应用程序图标)。在第一界面为电子设备的图库应用程序时，第一界面包括的元素可以为图库应用程序包括的图像。在第一界面为电子设备的备忘录应用程序时，第一界面包括的元素可以为备忘录应用程序包括的备忘录。
需要说明的是，第一界面包括的元素还可以为文件夹(如大文件夹或小文件夹)、 卡片或者视频等电子设备可以显示的内容。本申请实施例中对此并不进行限定。
在一些示例中，第一界面包括的多个元素可以是相互独立的元素，即第一界面包括的每个元素都可以为一个运动单位，可以在第一界面上移动。例如，在第一界面为电子设备的桌面应用程序时，第一界面包括的元素为电子设备包括的应用程序对应的图标，每个应用程序图标即为独立元素，可以在电子设备的桌面上进行移动。即元素可以为电子设备在宫格排列显示的场景中，每个宫格对应的显示内容可以为一个元素。
在用户需要使用电子设备显示第一界面包括的多个元素时，用户可以触发电子设备显示第一界面，并显示第一界面包括的多个元素。即电子设备可以接收用户触发电子设备显示第一界面的第一操作。第一操作可以为打开第一应用程序的操作，第一操作也可以为对电子设备进行解锁的操作，第一操作还可以为返回第一应用程序主界面的操作，本申请实施例中对第一操作的具体类型并不进行限定。
例如，在第一界面为电子设备的桌面应用程序，第一界面包括的元素为电子设备包括的应用程序对应的图标(即应用程序图标)时，电子设备接收用户触发电子设备显示第一界面的第一操作，可以为用户对电子设备进行解锁的操作。也就是说，在电子设备锁屏的情况下，电子设备接收到用户解锁的操作后，从而电子设备可以显示桌面，并显示桌面包括的应用程序图标。
第一操作也可以为用户触发电子设备从其他界面返回电子设备的桌面的操作，如电子设备显示其他应用程序的界面时，电子设备接收到用户返回电子设备的桌面的操作(即第一操作)后，电子设备可以显示桌面，并显示桌面包括的应用程序图标。
需要说明的是，在第一操作为对电子设备进行解锁的操作时，由于电子设备可以通过滑动解锁，也可以通过密码解锁，还可以通过指纹解锁或者面容解锁，因此，第一操作可以具体为用户在锁屏界面上的滑动，如向上滑动的操作，或者，第一操作可以具体为用户在锁屏界面上输入锁屏密码的操作，或者，第一操作可以具体为用户在锁屏界面上输入指纹的操作，或者，第一操作可以具体为用户在锁屏界面上扫描面部的操作。本申请实施例中对此并不进行限定。
又如，在第一界面为电子设备的图库应用程序，第一界面包括的元素为图库应用程序包括的多个图像时，电子设备接收用户触发电子设备显示第一界面的第一操作，可以为用户打开图库应用程序的操作，如第一操作可以为用户对图库应用程序的触发操作。也就是说，在电子设备接收到用户打开图库应用程序的操作的情况下，电子设备可以显示图库应用程序包括的多个图像。
需要说明的是，在第一界面为电子设备的图库应用程序，第一界面包括的元素为图库应用程序包括的多个图像时，电子设备接收用户触发电子设备显示第一界面的第一操作，也可以为返回第一应用程序主界面的操作，即返回图库应用程序主界面的操作。例如，在用户打开图库应用程序之后，用户可以选择某一个图像进行查看，电子设备接收到用户选择某一个图像查看的操作之后，电子设备可以该图像对应的界面。之后，在电子设备接收到用户返回图库应用程序主界面的操作(即第一操作)，即电子设备可以显示图库应用程序包括的多个图像。
再如，在第一界面为电子设备的备忘录应用程序，第一界面包括的元素为备忘录应用程序包括的多个备忘录时，电子设备接收用户触发电子设备显示第一界面的第一 操作，可以为用户打开备忘录应用程序的操作，如第一操作可以为用户对备忘录应用程序的触发操作。也就是说，在电子设备接收到用户打开备忘录应用程序的操作的情况下，电子设备可以显示备忘录应用程序包括的多个备忘录。
需要说明的是，在第一界面为电子设备的备忘录应用程序，第一界面包括的元素为备忘录应用程序包括的多个备忘录时，电子设备接收用户触发电子设备显示第一界面的第一操作，也可以为返回第一应用程序主界面的操作，即返回备忘录应用程序主界面的操作。例如，在用户打开备忘录应用程序之后，用户可以选择某一个备忘录进行查看，电子设备接收到用户选择某一个备忘录查看的操作之后，电子设备可以该备忘录对应的界面。之后，在电子设备接收到用户返回备忘录应用程序主界面的操作(即第一操作)，即电子设备可以显示备忘录应用程序包括的多个备忘录。
在一些示例中，在第一界面上同时显示多个元素时，电子设备可以以宫格排列的方式显示多个应用程序图标，如每个宫格可以对应一个应用程序的图标。例如，电子设备可以包括多个应用程序，电子设备的桌面可以包括多个应用程序图标，即多个元素。用户可以通过不同的应用程序图标打开不同的应用程序。在电子设备显示桌面包括的多个应用程序图标时，电子设备可以以宫格排列的方式显示多个应用程序图标，即每个宫格可以对应一个应用程序的图标。
例如，以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的滑动事件模块可以接收用户的解锁操作，即滑动事件模块可以接收用户在锁屏界面上向上滑动的操作。在滑动事件模块接收到用户在锁屏界面上向上滑动的操作时，滑动事件模块可以确定用户在锁屏界面上向上的滑动是否达到滑动阈值。在滑动事件模块确定用户在锁屏界面上向上的滑动达到滑动阈值的情况下，滑动事件模块可以确定接收到用户的解锁操作，即第一操作。
或者，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的密码输入模块可以接收用户的解锁操作，即密码输入模块可以接收用户在锁屏界面上输入锁屏密码的操作。在密码输入模块接收到用户在锁屏界面上输入锁屏密码时，密码输入模块可以确定用户在锁屏界面上输入的锁屏密码是否为电子设备存储的正确密码。在密码输入模块确定用户在锁屏界面上输入的锁屏密码是电子设备存储的正确密码的情况下，密码输入模块可以确定接收到用户的解锁操作，即第一操作。
或者，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的指纹识别模块可以接收用户的解锁操作，如指纹识别模块可以接收用户在锁屏界面上输入指纹的操作。在指纹识别模块接收到用户在锁屏界面上输入指纹时，指纹识别模块可以确定用户在锁屏界面上输入的指纹是否为电子设备存储的正确指纹数据。在指纹识别模块确定用户在锁屏界面上输入的指纹是电子设备存储的正确指纹数据密码的情况下，指纹识别输入模块可以确定接收到用户的解锁操作，即第一操作。
或者，电子设备接收用户触发电子设备显示第一界面的第一操作，可以包括：电子设备，如电子设备的面部识别模块可以接收用户的解锁操作，如面部识别模块可以 接收用户在锁屏界面上扫描面部的操作。在面部识别模块接收到用户在锁屏界面上扫描面部的操作，面部识别模块可以接收到用户的面部数据。之后，面部识别模块可以确定接收到用户的面部数据是否为电子设备存储的正确面部数据。在面部识别模块确定接收到用户的面部数据是为电子设备存储的正确面部数据的情况下，面部识别模块可以确定接收到用户的解锁操作，即第一操作。
S402、响应于第一操作，电子设备在多个元素中确定基准元素，并确定基准点。
在电子设备接收到用户触发电子设备显示第一界面的第一操作的情况下，响应于第一操作，电子设备在多个元素中确定基准元素，并确定基准点，从而电子设备可以根据基准元素和基准点确定多个元素圈。
基准元素可以为多个元素中面积最小的元素。即电子设备在多个元素中确定基准元素，可以包括电子设备将多个元素中面积最小的元素，确定为基准元素。
在一些示例中，在电子设备接收到用户触发电子设备显示第一界面的第一操作之后，电子设备可以确认第一界面包括的每个元素，也可以称为收集第一界面包括的每个视图。在收集到第一界面包括的每个元素之后，电子设备可以获取到每个元素对应的数据，如电子设备可以通过桌面应用程序获取到每个元素对应的数据，从而电子设备可以根据每个元素对应的数据可以确定出每个元素对应的面积，从而可以根据每个元素对应的面积确定出面积最小的元素，即基准元素。
每个元素对应的数据，可以包括每个元素对应的长和宽，或者每个元素对应的半径。即在元素为矩形时，元素对应的数据可以为元素对应的长和宽，在元素为圆形时，元素对应的数据可以为元素对应的半径。
在一些示例中，电子设备确认第一界面包括的每个元素，即收集第一界面包括的每个视图之后，电子设备根据每个元素的类型，确定第一类型的元素，第一类型可以为在第一界面上能够独立移动的应用程序的图标，第一类型也可以为在第一界面上能够独立移动的图像或备忘录，本申请实施例对此并不进行限定。在确定出第一类型的元素之后，电子设备可以在多个第一类型的元素中确定出面积最小的元素，为基准元素。
例如，以第一界面为电子设备的桌面为例，结合图6中的(a)所示，电子设备的桌面可以包括背景图像、音乐应用程序、视频应用程序、天气应用程序、相机应用程序、通信录应用程序、通话应用程序以及信息应用程序。
如图6中的(b)所示，电子设备的桌面对应的视图可以包括视图0、视图1、视图2、视图3、视图4、视图6、视图7、视图8。视图0可以为与电子设备的桌面应用程序对应的视图，即视图0为桌面应用程序对应的最底层的视图。视图1可以为电子设备的桌面的背景图像对应的视图，即视图1可以用于显示桌面的背景图像。视图2可以为相机应用程序、通信录应用程序、通话应用程序以及信息应用程序这四个应用程序对应的视图，即视图2可以用于显示相机应用程序、通信录应用程序、通话应用程序以及信息应用程序这四个应用程序对应的应用程序图标。
视图3可以为音乐应用程序对应的视图，即视图3可以用于显示音乐应用程序的应用程序图标以及音乐应用程序的名称。视图3也可以为视频应用程序对应的视图，即视图3可以用于显示视频应用程序的应用程序图标以及视频应用程序的名称。视图 4可以为与天气应用程序对应的视图，即视图4可以用于显示天气应用程序对应的内容。
视图6可以为音乐应用程序的应用程序图标对应的视图，即视图6可以用于显示音乐应用程序对应的应用程序图标。视图6也可以为视频应用程序的应用程序图标对应的视图，即视图6也可以用于显示视频应用程序对应的应用程序图标。
视图7可以为音乐应用程序的名称对应的视图，即视图7可以用于显示视频应用程序对应的名称。视图7也可以为视频应用程序的名称对应的视图，即视图7也可以用于显示视频应用程序对应的名称。
视图8可以为相机应用程序的应用程序图标对应的视图，即视图8可以用于显示相机应用程序对应的应用程序图标。视图8也可以为通讯录应用程序的应用程序图标对应的视图，即视图8也可以用于显示通讯录应用程序对应的应用程序图标。视图8也可以为通话应用程序的应用程序图标对应的视图，即视图8也可以用于显示通话应用程序对应的应用程序图标。视图8也可以为信息应用程序的应用程序图标对应的视图，即视图8也可以用于显示信息应用程序对应的应用程序图标。
如图6中的(c)所示，电子设备可以按照树状结构存储电子设备的桌面对应的视图，即树状结构的根节点可以为桌面的根节点，即视图0。根节点之后的节点可以为能够显示多个视图的视图，即视图1(视图1可以显示多个视图3和视图4)和视图2(视图2可以显示多个视图8)。视图1之后的节点即为视图3和视图4。视图3之后的节点即为视图6和视图7。视图2之后的节点即为视图8。
在电子设备接收到用户解锁的操作，即第一操作之后，响应于第一操作，电子设备可以通过电子设备存储的桌面视图对应的树状结构，收集第一界面包括的每个视图，以及每个视图对应的数据。根据如图6所示的树状结构，由于视图3、视图4以及视图8为电子设备的桌面上可以独立移动的视图，视图3、视图4以及视图8可以为第一类型的视图。也就是说，视图3、视图4以及视图8可以为第一类型的元素。
在确定出第一类型的元素，即视图3、视图4以及视图8之后，电子设备可以根据每个第一类型的元素对应的数据，确定出每个第一类型的元素对应的面积。电子设备将面积最小的第一类型的元素确定为基准元素，由于视图8的面积最小，电子设备可以确定视图8即为基准元素。
在电子设备在多个元素中确定基准元素之后，电子设备可以确定基准点。基准点可以用于确定元素圈，如基准点可以为电子设备确定的元素圈的中心点。也就是说，不同的元素圈的基准点可以相同。
在一些示例中，在电子设备在多个元素中确定基准元素之后，用户可以通过电子设备输入基准点，即输入基准点的位置。用户也可以预先在电子设备中设置基准点，如，电子设备可以预先设置基准点为电子设备的显示界面的中心点。本申请实施例中对基准点的位置以及基准点的确定方式并不进行限定。
需要说明的是，在电子设备接收到用户触发电子设备显示第一界面的第一操作之后，电子设备可以在多个元素中确定基准元素之后，电子设备确定基准点。电子设备也可以同时在多个元素中确定基准元素，以及确定基准点。电子设备还可以确定基准点之后，在多个元素中确定基准元素。本申请实施例中对电子设备在多个元素中确定 基准元素以及电子设备确定基准点之间的先后顺序并不进行限定。
例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备在多个元素中确定基准元素，并确定基准点，可以包括：在电子设备，如电子设备的滑动事件模块确定接收到用户的解锁操作之后，滑动事件模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到滑动事件模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。
或者，在电子设备，如电子设备的密码输入模块确定接收到用户的解锁操作之后，密码输入模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到密码输入模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。
或者，在电子设备，如电子设备的指纹识别模块确定接收到用户的解锁操作之后，指纹识别模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到指纹识别模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。
或者，在电子设备，如电子设备的面部识别模块确定接收到用户的解锁操作之后，面部识别模块可以通知电子设备的应用程序框架层包括的锁屏模块。锁屏模块接收到面部识别模块的通知之后，锁屏模块可以通知电子设备的环形缩放动画模块。环形缩放动画模块接收到锁屏模块发送的通知之后，环形缩放动画模块可以收集电子设备的桌面上的视图并输入基准点位置。在环形缩放动画模块收集电子设备的桌面上的视图并输入基准点位置之后，环形缩放动画模块可以通知电子设备的桌面应用程序包括的桌面解锁事件模块，并将 收集的电子设备的桌面上的视图以及基准点位置发送给桌面解锁事件模块。桌面解锁事件模块接收到环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。
S403、电子设备根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素。
在电子设备在多个元素中确定基准元素，并确定基准点之后，电子设备可以根据基准元素以及基准点，确定多个元素圈。每个元素圈可以包括多个元素，即每个元素圈包括至少一个元素。每个元素圈包括的多个元素可以整体进入电子设备的界面，即第一界面可以同时显示一个元素圈包括的多个元素，不同的元素圈之间基于间隔时间显示。
在一些示例中，多个元素圈可以包括第一元素圈以及第二元素圈，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素第一元素为第一元素圈的范围内的元素。
元素圈可以为矩形，元素圈也可以为圆形，元素圈还可以为其他形状，本申请实施例对此并不进行限定。例如，在元素圈为矩形时，元素圈的范围，即元素圈的大小由该元素圈的长和宽决定。在元素圈为圆形时，元素圈的范围，即元素圈的大小由该元素圈的半径决定。本申请实施例中以元素圈为矩形，即元素圈的大小由该元素圈的长和宽决定为例进行示意说明。
在一些示例中，在元素圈为矩形时，电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：电子设备先确定出基准元素的长和宽。之后，电子设备可以根据基准元素的长和宽，分别确定出每个元素圈的长和宽。之后，电子设备可以以基准点为中心，以每个元素圈的长和宽，确定每个元素圈，即确定每个元素圈的范围。在每个元素圈的范围确定之后，每个元素圈的范围之内的元素即为该元素圈包括的多个元素。
需要说明的是，每个元素只能属于一个元素圈，即在一个元素在多个元素圈的范围内时，该元素属于范围小的元素圈。也就是说，已经参与划分元素圈的元素，不再参与后续元素圈的划分。
在一些示例中，在一个元素圈的范围包括一个元素的部分范围时，该元素属于该元素圈。也就是说，当一个元素跨圈时，即一个元素部分在一个元素圈内，部分在另一个元素圈内，该元素属于范围较小的元素圈，即优先响应小圈。也就是说，多个元素圈可以包括第一元素圈以及第二元素圈，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素第一元素为第一元素圈的范围内的元素，第二元素为所述第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。
在一些示例中，在元素圈为矩形时，电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：电子设备确定基准元素的长和宽；之后，电子设备以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的 长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于所述N的整数。
也就是说，在元素圈为矩形时，电子设备根据基准元素以及基准点，确定多个元素圈，可以先根据基准元素的长和宽确定出范围较小的元素圈，再根据基准元素的长和宽依次确定出范围较大的元素圈，直到第一界面包括的所有元素均被划分到不同的元素圈。也就是说，元素圈的长可以为基准元素的长的N倍，元素圈的宽可以为基准元素的长的N倍。N可以根据具体情况设定。
例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标，元素圈为矩形为例，在电子设备接收到用户解锁的操作之后，如图7所示，电子设备可以确定桌面包括多个元素，即桌面包括的多个应用程序图标，如应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04、应用程序图标05、应用程序图标06、应用程序图标07、应用程序图标08、应用程序图标09以及应用程序图标10。
在电子设备确定桌面包括的多个应用程序图标之后，电子设备可以根据该多个应用程序图标对应的数据，在多个应用程序图标中确定面积最小的应用程序图标为第一应用程序图标(即基准元素)，同时电子设备可以确定基准点为电子设备的桌面的中心。如图7所示，电子设备确定基准点为电子设备的桌面的中心O，第一应用程序图标为桌面包括的应用程序图标01。电子设备可以通过应用程序图标01对应的数据，确定应用程序图标01对应的长为X，宽为Y。
之后，电子设备可以根据基准元素以及基准点确定第一元素圈，即范围最小的元素圈，即元素圈1。电子设备可以以基准点O为中心，以两倍的X作为元素圈1的长，且以两倍的Y作为元素圈1的宽，从而确定出元素圈1的范围。如图7所示，元素圈1的范围包括应用程序图标01的部分、应用程序图标02的部分以及应用程序图标03的部分，电子设备可以确定应用程序图标01、应用程序图标02以及应用程序图标03为元素圈1包括的元素。
之后，电子设备可以根据基准元素以及基准点确定第二元素圈，即元素圈2，第二元素圈的范围大于第一元素圈的范围。电子设备可以以基准点O为中心，以四倍的X作为元素圈2的长，且以四倍的Y作为元素圈2的宽，从而确定出元素圈2的范围。如图7所示，元素圈2的范围包括应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04的部分、应用程序图标05的部分、应用程序图标06的部分以及应用程序图标07的部分。由于应用程序图标01、应用程序图标02以及应用程序图标03为已经被划分为元素圈1包括的元素，因此应用程序图标01、应用程序图标02以及应用程序图标03不再划分为元素圈2包括的元素。电子设备可以确定应用程序图标04、应用程序图标05、应用程序图标06以及应用程序图标07为元素圈2包括的元素。
之后，电子设备可以根据基准元素以及基准点确定第三元素圈，即元素圈3，第三元素圈的范围大于第二元素圈的范围。电子设备可以以基准点O为中心，以六倍的X作为元素圈3的长，且以六倍的Y作为元素圈3的宽，从而确定出元素圈3的范围。如图7所示，元素圈3的范围包括应用程序图标01、应用程序图标02、应用程序图标 03、应用程序图标04的部分、应用程序图标05、应用程序图标06、应用程序图标07的部分、应用程序图标08的部分、应用程序图标09的部分以及应用程序图标10的部分。由于应用程序图标01、应用程序图标02以及应用程序图标03为已经被划分为元素圈1包括的元素，应用程序图标04、应用程序图标05、应用程序图标06以及应用程序图标07已经被划分为元素圈2包括的元素，因此，应用程序图标01、应用程序图标02、应用程序图标03、应用程序图标04、应用程序图标05、应用程序图标06以及应用程序图标07不再划分为元素圈3包括的元素。电子设备可以确定应用程序图标08、应用程序图标09以及应用程序图标10为元素圈3包括的元素。
由于元素圈1、元素圈2以及元素圈3包括的元素，即应用程序图标，已经包括了桌面包括的所有的应用程序图标，即电子设备可以根据基准元素以及基准点，可以确定3个元素圈，即元素圈1、元素圈2以及元素圈3。
例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，结合图5所示，电子设备根据基准元素以及基准点，确定多个元素圈，可以包括：在电子设备，如电子设备的桌面应用程序包括的桌面解锁事件模块接收到电子设备的应用程序框架层包括的环形缩放动画模块发送的电子设备的桌面上的视图以及基准点位置之后，桌面解锁事件模块可以在多个视图(即元素)中确定面积最小的视图，即将面积最小的视图确定为基准元素。桌面解锁事件模块根据最小的视图以及基准点对桌面所有的视图分圈，即桌面解锁事件模块根据基准元素以及基准点，确定多个元素圈。
S404、电子设备确定元素圈之间的显示间隔。
在电子设备确定出多个元素圈之后，电子设备可以确定元素圈之间的显示间隔，从而电子设备可以按照显示间隔依次显示每个元素圈，从而能够达到逐圈显示元素圈的效果，增加了转场的动效,使得在电子设备进入宫格排列的场景，即同时显示该多个元素时显得更加生动，提高用户的体验。
在一些示例中，用户也可以预先在电子设备中设置显示间隔，从而电子设备在确定出多个元素圈之后，可以根据预先设置的显示间隔依次显示每个元素圈。例如，用户也可以预先在电子设备中设置显示间隔为30毫秒，也可以为50毫秒。也就是说，电子设备在确定出多个元素圈之后，电子设备可以按照30毫秒的显示间隔依次显示每个元素圈，电子设备也可以按照50毫秒的显示间隔依次显示每个元素圈。
需要说明的是，在电子设备根据基准元素以及基准点，确定多个元素圈之后，电子设备可以确定元素圈之间的显示间隔。电子设备也可以在根据基准元素以及基准点，确定多个元素圈的同时，确定元素圈之间的显示间隔。电子设备可以先确定元素圈之间的显示间隔，再根据基准元素以及基准点，确定多个元素圈。本申请实施例中对电子设备确定元素圈以及电子设备确定元素圈之间的显示间隔之间的先后顺序并不进行限定。本申请实施例中是以在电子设备根据基准元素以及基准点，确定多个元素圈之后，电子设备再确定元素圈之间的显示间隔为例进行示意说明。
需要说明的是，多个元素圈之间的显示间隔可以相同，也可以不同，本申请实施例中对此并不进行限定。
例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用 程序图标为例，结合图5所示，电子设备确定元素圈之间的显示间隔，可以包括：在电子设备，如电子设备的桌面应用程序包括的桌面解锁事件模块根据基准元素以及基准点，确定多个元素圈。之后，桌面解锁事件模块可以以固定间隔开始动画，即桌面解锁事件模块可以确定元素圈之间的显示间隔。
S405、电子设备按照显示间隔依次显示每个元素圈。
在电子设备确定多个元素圈以及元素圈之间的显示间隔之后，电子设备可以基于元素圈之间的显示间隔(本申请实施例中可以称为第一间隔时间)分别显示每个元素圈，即分别显示每个元素圈对应的元素。在一些示例中，电子设备按照显示间隔依次显示每个元素圈，即电子设备可以按照一定的顺序显示每个元素圈。需要说明的是，电子设备也可以按照元素圈之间的显示间隔分别显示每个元素圈，而不需要按照一定的顺序显示每个元素圈。
在一些示例中，在电子设备可以按照元素圈之间的显示间隔依次显示每个元素圈时，电子设备可以按元素圈范围的大小，由小到大依次显示每个元素圈，如先显示范围较小的元素圈，再显示范围较大的元素圈。范围较小的元素圈，即包括的元素较少的元素圈，范围较大的元素圈，即包括的元素较多的元素圈。
也就是说，电子设备确定的多个元素圈可以包括第一元素圈以及第二元素圈，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素，电子设备基于第一间隔时间分别显示多个元素圈，即电子设备按照显示间隔依次显示每个元素圈，可以包括：电子设备显示第一元素，即电子设备同时显示第一元素圈对应的多个第一元素；电子设备显示第一元素，且在第一间隔时间之后，电子设备可以同时显示第二元素圈对应的多个第二元素。
例如，以电子设备确定第一界面包括3个元素圈，元素圈为矩形为例，即元素圈1、元素圈2以及元素圈3，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)。元素圈1包括可以四个元素，元素圈2可以包括12个元素，元素圈3可以包括8个元素。
在电子设备确定第一界面包括3个元素圈之后，如图8中的(a)所示，电子设备可以先显示元素圈1包括的4个元素。在电子设备显示元素圈1包括的4个元素之后，如图8中的(b)所示，电子设备可以间隔显示间隔之后，再显示元素圈2包括的12个元素。在电子设备显示元素圈1包括的4个元素以及元素圈2包括的12个元素之后，如图8中的(c)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的8个元素。
在另一些示例中，在电子设备按元素圈范围的大小依次显示每个元素圈时，电子设备可以将每个元素圈包括的元素进行放大显示，之后再将放大之后的元素恢复到正常大小进行显示，从而能够达到逐圈环形延时缩放显示多个元素圈包括的多个元素的效果。
也就是说，在电子设备确定元素圈包括第一元素圈和第二元素圈之后，第一元素圈包括至少一个第一元素，第二元素圈包括至少一个第二元素，电子设备显示第一元素圈包括的多个第一元素，即电子设备显示第一元素，可以包括：电子设备可以采用 第一放大倍数将第一元素放大，电子设备显示放大之后的第一元素。
电子设备显示第二元素圈包括的多个第二元素，即电子设备显示第二元素可以包括：在第一间隔时间之后，电子设备可以采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大，电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。
在电子设备同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的所述第一元素之后，在第一间隔时间之后，电子设备还可以采用第二放大倍数将第二元素放大，电子设备同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。
例如，在电子设备确定的多个元素圈包括第一元素圈和第二元素圈时，第一元素圈和第二元素圈分别包括多个元素，第一元素圈的范围小于第二元素圈的范围。电子设备按照显示间隔依次显示每个元素圈，可以包括：电子设备先显示第一元素圈包括的多个元素。在电子设备显示第一元素圈包括的多个元素(即第一元素)时，电子设备可以将第一元素圈包括的多个元素放大A倍进行显示。A可以为大于或等于1的整数，例如，A可以为3。
在电子设备将第一元素圈包括的多个元素放大A倍进行显示时，电子设备可以在显示间隔之后显示第二元素圈包括的多个元素。在电子设备显示第二元素圈包括的多个元素时，电子设备可以将第二元素圈包括的多个元素放大B倍进行显示。B可以为大于或等于1的整数，例如，B可以为3。即A和B可以相同，也可以不同。
在电子设备将第二元素圈包括的多个元素放大B倍进行显示时，电子设备可以将第一元素圈包括的多个元素放大1倍进行显示，即将第一元素圈包括的多个元素按照正常大小显示。或者，在电子设备将第二元素圈包括的多个元素放大B倍进行显示时，电子设备可以将第一元素圈包括的多个元素放大C倍进行显示，C可以为大于的整数，且C小于B。例如，在B为3时，C可以为2。
在电子设备显示第二元素圈包括的多个元素之后，电子设备在显示间隔之后，将第一元素圈和第二元素圈包括的元素均按正常大小显示，即电子设备可以在间隔显示间隔之后，将第一元素圈和第二元素圈包括的元素均放大1倍进行显示。
例如，以电子设备确定第一界面包括4个元素圈为例，即元素圈1、元素圈2、元素圈3以及元素圈4，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)，元素圈3的范围小于元素圈4的范围(即元素圈3的长小于元素圈4的长，元素圈3的宽小于元素圈4的宽)。元素圈1包括可以四个元素，元素圈2可以包括12个元素，元素圈3可以包括4个元素，元素圈4可以包括8个元素。
在电子设备确定第一界面包括4个元素圈之后，如图9中的(a)所示，电子设备可以先显示元素圈1包括的4个元素。在电子设备显示元素圈1包括的4个元素时，电子设备可以将元素圈1包括的4个元素放大3倍，进行显示。
需要说明的是，如图9中的(a)所示，在电子设备对元素圈1包括的4个元素进行放大显示时，若电子设备的界面还可以显示元素圈2包括的元素时，电子设备的界 面还可以将元素圈2包括的12个元素放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈2包括的12个元素完全显示时，电子设备可以显示放大之后的元素圈2包括的12个元素的部分。
在电子设备显示元素圈1包括的4个元素之后，如图9中的(b)所示，电子设备可以间隔显示间隔之后，再显示元素圈2包括的12个元素。在电子设备显示元素圈2包括的12个元素时，电子设备可以将元素圈2包括的12个元素放大3倍，进行显示。同时，电子设备可以将元素圈1包括的4个元素按正常大小进行显示，即将元素圈1包括的4个元素放大1倍进行显示。或者，在电子设备将元素圈2包括的12个元素放大3倍时，电子设备也可以将元素圈1包括的4个元素放大2倍进行显示。
需要说明的是，如图9中的(b)所示，在电子设备对元素圈2包括的12个元素进行放大显示时，若电子设备的界面还可以显示元素圈3包括的元素时，电子设备的界面还可以将元素圈3包括的4个元素放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈3包括的4个元素完全显示时，电子设备可以显示放大之后的元素圈3包括的4个元素的部分。
在电子设备显示元素圈2包括的12个元素之后，如图9中的(c)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的4个元素。在电子设备显示元素圈3包括的4个元素时，电子设备可以将元素圈3包括的4个元素放大3倍，进行显示。同时，电子设备可以将元素圈2包括的12个元素按正常大小进行显示，即将元素圈2包括的12个元素放大1倍进行显示。或者，在电子设备将元素圈3包括的4个元素放大3倍时，电子设备也可以将元素圈2包括的12个元素放大2倍进行显示,同时将电子设备也可以将元素圈1包括的4个元素放大1倍进行显示。
需要说明的是，在电子设备对元素圈3包括的4个元素进行放大显示时，若电子设备的界面还可以显示元素圈4包括的元素时，电子设备的界面还可以将元素圈4包括的8个元素放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈4包括的8个元素完全显示时，电子设备可以显示放大之后的元素圈4包括的8个元素的部分。
在电子设备显示元素圈3包括的4个元素之后，如图9中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈4包括的8个元素。在电子设备显示元素圈4包括的8个元素时，电子设备可以将元素圈4包括的8个元素放大3倍，进行显示。同时，电子设备可以将元素圈3包括的4个元素按正常大小进行显示，即将元素圈3包括的4个元素放大1倍进行显示。或者，在电子设备将元素圈4包括的8个元素放大3倍时，电子设备也可以将元素圈3包括的4个元素放大2倍进行显示,同时将电子设备也可以将元素圈2包括的12个元素以及元素圈1包括的4个元素放大1倍进行显示。
在电子设备显示元素圈4包括的8个元素之后，如图9中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4包括的元素均按正常大小显示，即电子设备可以在间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4均放大1倍进行显示。
例如，继续以第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用 程序图标为例，结合图5所示，电子设备按照显示间隔依次显示每个元素圈，可以包括：在电子设备，如电子设备的桌面应用程序包括的桌面解锁事件模块根据基准元素以及基准点，确定多个元素圈之后，桌面解锁事件模块可以通知电子设备的桌面应用程序包括的视图动画模块播放视图动画。即在视图动画模块接收到桌面解锁事件模块发送的通知(该通知可以包括电子设备确定的多个元素圈以及显示间隔)之后，视图动画模块可以按照显示间隔依次显示每个元素圈。
本申请的方案，可以在电子设备同时显示多个元素时，电子设备可以将该多个元素划分为不同的元素圈。电子设备可以同时显示同一个元素圈包括的多个元素，不同的元素圈可以不同时显示，从而能够在电子设备同时显示多个元素时，依次显示每个元素圈包括的多个元素，即逐圈显示该多个元素，增加了转场的动效,使得在电子设备进入宫格排列的场景，即同时显示该多个元素时显得更加生动，提高用户的体验。
为了便于理解，下面以电子设备的第一界面为电子设备的桌面，第一界面包括的多个元素为多个应用程序图标为例，并结合图10对本申请的方案进行示意说明。
在电子设备接收到用户用于显示电子设备的桌面的解锁操作之后，电子设备可以在桌面包括的多个应用程序图标中确定面积最小的应用程序图标，以及划分元素圈的基准点。电子设备根据面积最小的应用程序图标以及基准点，确定多个元素圈，每个元素圈包括至少一个应用程序图标。
例如，以电子设备确定桌面包括4个元素圈为例，即元素圈1、元素圈2、元素圈3以及元素圈4，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)，元素圈3的范围小于元素圈4的范围(即元素圈3的长小于元素圈4的长，元素圈3的宽小于元素圈4的宽)。元素圈1包括可以四个元素，元素圈2可以包括12个元素，元素圈3可以包括4个元素，元素圈4可以包括8个元素。
在电子设备确定桌面包括4个元素圈之后，如图10中的(a)所示，电子设备可以先显示元素圈1包括的4个元素，即电子邮件应用程序对应的图标、音乐1应用程序对应的图标、运动健康应用程序对应的图标以及天气应用程序对应的图标。在电子设备显示元素圈1包括的4个元素(即应用程序图标)时，电子设备可以将元素圈1包括的4个元素放大3倍，进行显示。
需要说明的是，如图10中的(a)所示，在电子设备对元素圈1包括的4个应用程序图标进行放大显示时，若电子设备的界面还可以显示元素圈2包括的应用程序图标时，电子设备的界面还可以将元素圈2包括的12个应用程序图标放大(如放大4倍)进行显示。在电子设备的界面不能将放大之后的元素圈2包括的12个应用程序图标完全显示时，电子设备可以显示放大之后的元素圈2包括的12个应用程序图标的部分。
在电子设备显示元素圈1包括的4个应用程序图标之后，如图10中的(b)所示，电子设备可以间隔显示间隔(如50毫秒)之后，再显示元素圈2包括的12个应用程序图标。在电子设备显示元素圈2包括的12个应用程序图标时，电子设备可以将元素圈2包括的12个应用程序图标放大3倍，进行显示。同时，电子设备可以将元素圈1 包括的4个应用程序图标按正常大小进行显示。或者，在电子设备将元素圈2包括的12个应用程序图标放大3倍时，电子设备也可以将元素圈1包括的4个应用程序图标放大2倍进行显示。
在电子设备显示元素圈2包括的12个应用程序图标之后，如图10中的(c)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的4个应用程序图标。在电子设备显示元素圈3包括的4个应用程序图标时，电子设备可以将元素圈3包括的4个元素放大3倍，进行显示。同时，电子设备可以将元素圈2包括的12个应用程序图标按正常大小进行显示。或者，在电子设备将元素圈3包括的4个应用程序图标放大3倍时，电子设备也可以将元素圈2包括的12个应用程序图标放大2倍进行显示,同时将电子设备也可以将元素圈1包括的4个应用程序图标放大1倍进行显示。
在电子设备显示元素圈3包括的4个应用程序图标之后，如图10中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈4包括的8个应用程序图标。在电子设备显示元素圈4包括的8个应用程序图标时，电子设备可以将元素圈4包括的8个应用程序图标放大3倍，进行显示。同时，电子设备可以将元素圈3包括的4个应用程序图标按正常大小进行显示。或者，在电子设备将元素圈4包括的8个应用程序图标放大3倍时，电子设备也可以将元素圈3包括的4个应用程序图标放大2倍进行显示,同时将电子设备也可以将元素圈2包括的12个应用程序图标以及元素圈1包括的4个应用程序图标放大1倍进行显示。
在电子设备显示元素圈4包括的8个应用程序图标之后，如图10中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4包括的应用程序图标均按正常大小显示。
为了便于理解，下面以电子设备的第一界面为电子设备的图库应用程序对应的界面，第一界面包括的多个元素为多个图像为例，并结合图11对本申请的方案进行示意说明。
在用户打开图库应用程序之后，用户可以选择某一个图像进行查看，电子设备接收到用户选择某一个图像查看的操作之后，电子设备可以显示该图像对应的界面。之后，在电子设备接收到用户返回图库应用程序主界面的操作(即第一操作)，即电子设备可以显示图库应用程序包括的多个图像。如图11中的(a)所示，在用户可以选择某一个图像进行查看时，电子设备可以接收到用户返回图库应用程序主界面的操作。
在电子设备接收到用户返回图库应用程序主界面的操作之后，电子设备可以在图库应用程序主界面包括的多个图像中确定面积最小的图像，以及划分元素圈的基准点。电子设备根据面积最小的图像以及基准点，确定多个元素圈，每个元素圈包括至少一个图像。
例如，以电子设备确定图库应用程序主界面包括3个元素圈为例，即元素圈1、元素圈2以及元素圈3，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)。元素圈1包括可以3个元素，元素圈2可以包括6个元素，元素圈3可以包括3个元素。
在电子设备确定桌面包括3个元素圈之后，如图11中的(b)所示，电子设备可 以先显示元素圈1包括的3个图像。在电子设备显示元素圈1包括的3个图像时，电子设备可以将元素圈1包括的3个图像放大6倍，即相对于电子设备显示图库应用程序主界面时，最小的图像的大小放大6倍，进行显示。
在电子设备显示元素圈1包括的3个图像之后，如图11中的(c)所示，电子设备可以间隔显示间隔(如50毫秒)之后，再显示元素圈2包括的6个图像。在电子设备显示元素圈2包括的6个图像时，电子设备可以将元素圈2包括的6个图像放大3倍，进行显示。同时，电子设备可以将元素圈1包括的3个图像放大3倍进行显示。
在电子设备显示元素圈2包括的6个图像之后，如图11中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的3个图像。在电子设备显示元素圈3包括的3个图像时，电子设备可以将元素圈3包括的3个图像放大2倍，进行显示。同时，电子设备可以将元素圈2包括的6个图像以及元素圈1包括的3个图像放大两倍进行显示。
在电子设备显示元素圈3包括的3个图像之后，如图11中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2、元素圈3以及元素圈4包括的图像均按正常大小显示，即相对于电子设备显示图库应用程序主界面时，最小的图像的大小放大1倍，进行显示。
为了便于理解，下面以电子设备的第一界面为电子设备的备忘录应用程序对应的界面，第一界面包括的多个元素为多个备忘录为例，并结合图12对本申请的方案进行示意说明。
在用户打开备忘录应用程序之后，用户可以选择某一个备忘录进行查看，电子设备接收到用户选择某一个备忘录查看的操作之后，电子设备可以显示该备忘录对应的界面。之后，在电子设备接收到用户返回备忘录应用程序主界面的操作(即第一操作)，即电子设备可以显示备忘录应用程序包括的多个备忘录。如图12中的(a)所示，在用户可以选择某一个备忘录(如备忘录1)进行查看时，电子设备可以接收到用户返回备忘录应用程序主界面的操作。
在电子设备接收到用户返回备忘录应用程序主界面的操作之后，电子设备可以在备忘录应用程序主界面包括的多个备忘录中确定面积最小的备忘录，以及划分元素圈的基准点。电子设备根据面积最小的备忘录像以及基准点，确定多个元素圈，每个元素圈包括至少一个备忘录。
例如，以电子设备确定备忘录应用程序主界面包括3个元素圈为例，即元素圈1、元素圈2以及元素圈3，元素圈1的范围小于元素圈2的范围(即元素圈1的长小于元素圈2的长，元素圈1的宽小于元素圈2的宽)，元素圈2的范围小于元素圈3的范围(即元素圈2的长小于元素圈3的长，元素圈2的宽小于元素圈3的宽)。元素圈1包括可以6个元素(即备忘录1、备忘录2、备忘录3、备忘录4、备忘录5以及备忘录6)，元素圈2可以包括2个元素(即备忘录7以及备忘录8)，元素圈3可以包括2个元素(即备忘录9以及备忘录10)。
在电子设备确定桌面包括3个元素圈之后，如图12中的(b)所示，电子设备可以先显示元素圈1包括的6个备忘录。在电子设备显示元素圈1包括的6个备忘录时，电子设备可以将元素圈1包括的6个备忘录放大3倍，即相对于电子设备显示备忘录 应用程序主界面时，最小的备忘录的大小放大3倍，进行显示。
在电子设备显示元素圈1包括的6个备忘录之后，如图12中的(c)所示，电子设备可以间隔显示间隔(如50毫秒)之后，再显示元素圈2包括的2个备忘录。在电子设备显示元素圈2包括的6个备忘录时，电子设备可以将元素圈2包括的2个备忘录放大3倍，进行显示。同时，电子设备可以将元素圈1包括的6个备忘录放大3倍进行显示。
在电子设备显示元素圈2包括的2个备忘录之后，如图12中的(d)所示，电子设备可以间隔显示间隔之后，再显示元素圈3包括的3个备忘录。在电子设备显示元素圈3包括的2个备忘录时，电子设备可以将元素圈3包括的2个备忘录放大2倍，进行显示。同时，电子设备可以将元素圈2包括的2个备忘录以及元素圈1包括的6个备忘录放大两倍进行显示。
在电子设备显示元素圈3包括的2个备忘录之后，如图12中的(e)所示，电子设备可以间隔显示间隔之后，将元素圈1、元素圈2以及元素圈3包括的备忘录均按正常大小显示，即相对于电子设备显示备忘录应用程序主界面时，最小的备忘录的大小放大1倍，进行显示。
对应于前述实施例中的方法，本申请实施例还提供一种显示装置。该显示装置可以应用于电子设备，用于实现前述实施例中的方法。该显示装置的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块。
例如，图13示出了一种显示装置1300的结构示意图，如图13所示，该显示装置1300可以包括：接收模块1301、确定模块1302和显示模块1303等。
其中，接收模块1301，可以用于接收用户触发电子设备显示第一界面的第一操作，第一界面为第一应用程序对应的界面，第一界面包括多个元素。
确定模块1302，可以用于响应于第一操作，在多个元素中确定基准元素以及基准点；基准元素为多个元素中面积最小的元素，基准点为电子设备建立的元素圈的中心。
确定模块1302，还可以用于根据基准元素以及基准点，确定多个元素圈，每个元素圈包括至少一个元素。
显示模块1303，可以用于基于第一间隔时间分别显示多个元素圈。
在一种可能的实现方式中，显示模块1303，还可以用于显示第一元素。
显示模块1303，还可以用于在第一间隔时间之后，显示第二元素。
在一种可能的实现方式中，上述显示装置1300还可以包括放大模块1304。
放大模块1304，可以用于采用第一放大倍数将第一元素放大。
显示模块1303，可以用于显示放大之后的第一元素。
放大模块1304，还可以用于采用第一放大倍数将第二元素放大，采用第二放大倍数将第一元素放大。
显示模块1303，还可以用于同时显示放大第一放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素，第一放大倍数大于第二放大倍数。
在一种可能的实现方式中，放大模块1304，还可以用于在第一间隔时间之后，采用第二放大倍数将第二元素放大。
显示模块1303，还可以用于同时显示放大第二放大倍数之后的第二元素，以及放大第二放大倍数之后的第一元素。
在一种可能的实现方式中，第一元素圈的范围小于第二元素圈的范围。
在一种可能的实现方式中，确定模块1302，还可以用于确定基准元素的长和宽。
确定模块1302，还可以用于以基准点为中心，基于基准元素的长和宽，确定第一元素圈和第二元素圈；其中，第一元素圈的长为基准元素的长的N倍，第一元素圈的宽为基准元素的宽的N倍，N为大于或等于1的整数；第二元素圈的长为基准元素的长的M倍，第二元素圈的宽为基准元素的宽的M倍，M为大于N的整数。
在一种可能的实现方式中，第一元素为第一元素圈的范围内的元素，第二元素为第二元素圈的范围内的元素；在第三元素同时为第一元素圈的范围内的元素以及第二元素圈的范围内的元素的情况下，第三元素为第一元素，第三元素为第一界面包括的任一个元素。
在一种可能的实现方式中，第一界面包括的元素为应用程序图标、图像或备忘录。
应理解以上装置中单元或模块(以下均称为单元)的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且装置中的单元可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分单元以软件通过处理元件调用的形式实现，部分单元以硬件的形式实现。
例如，各个单元可以为单独设立的处理元件，也可以集成在装置的某一个芯片中实现，此外，也可以以程序的形式存储于存储器中，由装置的某一个处理元件调用并执行该单元的功能。此外这些单元全部或部分可以集成在一起，也可以独立实现。这里所述的处理元件又可以称为处理器，可以是一种具有信号的处理能力的集成电路。在实现过程中，上述方法的各步骤或以上各个单元可以通过处理器元件中的硬件的集成逻辑电路实现或者以软件通过处理元件调用的形式实现。
在一个例子中，以上装置中的单元可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个ASIC，或，一个或多个DSP，或，一个或者多个FPGA，或这些集成电路形式中至少两种的组合。
再如，当装置中的单元可以通过处理元件调度程序的形式实现时，该处理元件可以是通用处理器，例如CPU或其它可以调用程序的处理器。再如，这些单元可以集成在一起，以片上系统SOC的形式实现。
在一种实现中，以上装置实现以上方法中各个对应步骤的单元可以通过处理元件调度程序的形式实现。例如，该装置可以包括处理元件和存储元件，处理元件调用存储元件存储的程序，以执行以上方法实施例所述的方法。存储元件可以为与处理元件处于同一芯片上的存储元件，即片内存储元件。
在另一种实现中，用于执行以上方法的程序可以在与处理元件处于不同芯片上的存储元件，即片外存储元件。此时，处理元件从片外存储元件调用或加载程序于片内存储元件上，以调用并执行以上方法实施例所述的方法。
例如，本申请实施例还可以提供一种装置，如：电子设备，可以包括：处理器，用于存储该处理器可执行指令的存储器。该处理器被配置为执行上述指令时，使得该 电子设备实现如前述实施例所述的显示方法。该存储器可以位于该电子设备之内，也可以位于该电子设备之外。且该处理器包括一个或多个。
在又一种实现中，该装置实现以上方法中各个步骤的单元可以是被配置成一个或多个处理元件，这些处理元件可以设置于对应上述的电子设备上，这里的处理元件可以为集成电路，例如：一个或多个ASIC，或，一个或多个DSP，或，一个或者多个FPGA，或者这些类集成电路的组合。这些集成电路可以集成在一起，构成芯片。
例如，本申请实施例还提供一种芯片，该芯片可以应用于上述电子设备。芯片包括一个或多个接口电路和一个或多个处理器；接口电路和处理器通过线路互联；处理器通过接口电路从电子设备的存储器接收并执行计算机指令，以实现以上方法实施例中所述的方法。
本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序指令。当计算机程序指令被电子设备执行时，使得电子设备可以实现如上述的显示方法。
本申请实施例还提供一种计算机程序产品，包括如上述电子设备运行的计算机指令，当计算机指令在电子设备中运行时，使得电子设备实可以现如上述的显示方法。通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个装置，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是一个物理单元或多个物理单元，即可以位于一个地方，或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，如：程序。该软件产品存储在一个程序产品，如计算机可读存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
例如，本申请实施例还可以提供一种计算机可读存储介质，其上存储有计算机程 序指令。当计算机程序指令被电子设备执行时，使得电子设备实现如前述方法实施例中所述的显示方法。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (10)

  1. 一种显示方法，其特征在于，应用于电子设备，所述电子设备包括第一应用程序，所述方法包括：
    所述电子设备接收用户触发所述电子设备显示第一界面的第一操作，所述第一界面为所述第一应用程序对应的界面，所述第一界面包括多个元素；
    响应于所述第一操作，所述电子设备在所述多个元素中确定基准元素以及基准点；所述基准元素为所述多个元素中面积最小的元素，所述基准点为所述电子设备建立的元素圈的中心；
    所述电子设备根据所述基准元素以及所述基准点，确定多个元素圈，每个所述元素圈包括至少一个元素；
    所述电子设备基于第一间隔时间分别显示所述多个元素圈。
  2. 根据权利要求1所述的方法，其特征在于，所述多个元素圈包括第一元素圈以及第二元素圈，所述第一元素圈包括至少一个第一元素，所述第二元素圈包括至少一个第二元素，所述电子设备基于第一间隔时间分别显示所述多个元素圈，包括：
    所述电子设备显示所述第一元素；
    在所述第一间隔时间之后，所述电子设备显示所述第二元素。
  3. 根据权利要求2所述的方法，其特征在于，所述电子设备显示所述第一元素，包括：
    所述电子设备采用第一放大倍数将所述第一元素放大，所述电子设备显示放大之后的所述第一元素；
    在所述第一间隔时间之后，所述电子设备显示所述第二元素，包括：
    所述电子设备采用所述第一放大倍数将所述第二元素放大，采用第二放大倍数将所述第一元素放大，所述电子设备同时显示放大所述第一放大倍数之后的所述第二元素，以及放大所述第二放大倍数之后的所述第一元素，所述第一放大倍数大于所述第二放大倍数。
  4. 根据权利要求3所述的方法，其特征在于，在所述电子设备同时显示放大所述第一放大倍数之后的所述第二元素，以及放大所述第二放大倍数之后的所述第一元素之后，所述方法还包括：
    在所述第一间隔时间之后，所述电子设备采用所述第二放大倍数将所述第二元素放大，所述电子设备同时显示放大所述第二放大倍数之后的所述第二元素，以及放大所述第二放大倍数之后的所述第一元素。
  5. 根据权利要求2所述的方法，其特征在于，所述第一元素圈的范围小于所述第二元素圈的范围。
  6. 根据权利要求5所述的方法，其特征在于，所述第一元素为矩形，所述电子设备根据所述基准元素以及所述基准点，确定多个元素圈，包括：
    所述电子设备确定所述基准元素的长和宽；
    所述电子设备以所述基准点为中心，基于所述基准元素的长和宽，确定所述第一元素圈和所述第二元素圈；其中，所述第一元素圈的长为所述基准元素的长的N倍， 所述第一元素圈的宽为所述基准元素的宽的N倍，所述N为大于或等于1的整数；所述第二元素圈的长为所述基准元素的长的M倍，所述第二元素圈的宽为所述基准元素的宽的M倍，所述M为大于所述N的整数。
  7. 根据权利要求5所述的方法，其特征在于，所述第一元素为所述第一元素圈的范围内的元素，所述第二元素为所述第二元素圈的范围内的元素；
    在第三元素同时为所述第一元素圈的范围内的元素以及所述第二元素圈的范围内的元素的情况下，所述第三元素为所述第一元素，所述第三元素为所述第一界面包括的任一个元素。
  8. 根据权利要求1所述的方法，其特征在于，所述第一界面包括的元素为应用程序图标、图像或备忘录。
  9. 一种电子设备，其特征在于，所述电子设备包括处理器，用于存储所述处理器可执行指令的存储器；所述处理器被配置为执行所述指令时，使得所述电子设备实现如权利要求1至8中任一项所述的方法。
  10. 一种计算机可读存储介质，其上存储有计算机程序指令；其特征在于，
    当所述计算机程序指令被电子设备执行时，使得电子设备实现如权利要求1至8中任一项所述的方法。
PCT/CN2023/089579 2022-07-12 2023-04-20 一种显示方法及电子设备 WO2024011987A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210815868.1A CN117435097A (zh) 2022-07-12 2022-07-12 一种显示方法及电子设备
CN202210815868.1 2022-07-12

Publications (2)

Publication Number Publication Date
WO2024011987A1 true WO2024011987A1 (zh) 2024-01-18
WO2024011987A9 WO2024011987A9 (zh) 2024-02-29

Family

ID=89535375

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/089579 WO2024011987A1 (zh) 2022-07-12 2023-04-20 一种显示方法及电子设备

Country Status (2)

Country Link
CN (1) CN117435097A (zh)
WO (1) WO2024011987A1 (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103577068A (zh) * 2013-10-15 2014-02-12 广东欧珀移动通信有限公司 一种动态调整桌面图标大小的方法及移动终端
CN110362369A (zh) * 2019-06-06 2019-10-22 努比亚技术有限公司 可穿戴设备操控方法、可穿戴设备及计算机可读存储介质
CN111176504A (zh) * 2019-12-18 2020-05-19 华为技术有限公司 一种界面元素的显示方法及电子设备
CN113552987A (zh) * 2021-04-20 2021-10-26 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103577068A (zh) * 2013-10-15 2014-02-12 广东欧珀移动通信有限公司 一种动态调整桌面图标大小的方法及移动终端
CN110362369A (zh) * 2019-06-06 2019-10-22 努比亚技术有限公司 可穿戴设备操控方法、可穿戴设备及计算机可读存储介质
CN111176504A (zh) * 2019-12-18 2020-05-19 华为技术有限公司 一种界面元素的显示方法及电子设备
CN113552987A (zh) * 2021-04-20 2021-10-26 华为技术有限公司 图形界面显示方法、电子设备、介质以及程序产品

Also Published As

Publication number Publication date
WO2024011987A9 (zh) 2024-02-29
CN117435097A (zh) 2024-01-23

Similar Documents

Publication Publication Date Title
US20220224665A1 (en) Notification Message Preview Method and Electronic Device
WO2021057868A1 (zh) 一种界面切换方法及电子设备
WO2021063090A1 (zh) 一种建立应用组合的方法与电子设备
WO2021036571A1 (zh) 一种桌面的编辑方法及电子设备
WO2021037149A1 (zh) 一种应用图标的显示方法及电子设备
JP7302038B2 (ja) ユーザプロフィールピクチャ生成方法および電子デバイス
CN114115619B (zh) 一种应用程序界面显示的方法及电子设备
CN114554005B (zh) 一种通知消息的管理方法及电子设备
CN115328358B (zh) 一种显示方法及相关装置
CN110727381A (zh) 一种切换应用的方法及电子设备
WO2021052223A1 (zh) 快速进入应用的方法与折叠屏电子设备
CN116527805A (zh) 卡片显示方法、电子设备及计算机可读存储介质
WO2023029985A1 (zh) 一种桌面中停靠栏的显示方法及电子设备
WO2022161119A1 (zh) 一种显示方法及电子设备
WO2022179390A1 (zh) 一种拼接显示的方法、电子设备和系统
WO2023078088A1 (zh) 一种显示方法及电子设备
WO2024011987A9 (zh) 一种显示方法及电子设备
WO2023029983A1 (zh) 一种控件内容的拖拽方法、电子设备及系统
CN114896097B (zh) 一种应用程序无响应处理方法及电子设备
CN115700431A (zh) 一种桌面的显示方法及电子设备
CN115442472B (zh) 一种终端设备、通信控制方法及存储介质
CN117724825B (zh) 一种界面显示方法及电子设备
WO2023160208A1 (zh) 图像删除操作的通知方法、设备和存储介质
WO2024037346A1 (zh) 页面管理方法及电子设备
WO2023246290A1 (zh) 一种功耗控制方法及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23838488

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2023838488

Country of ref document: EP

Effective date: 20240730