Page display method and electronic device

Abstract

The present application relates to the technical field of terminals. Provided are a page display method and an electronic device. The present application can make dynamic effects of graphic elements (e.g., sticker patterns) on a page be linked with user operations or be related to a screen state of an electronic device, thereby enhancing engagement and improving the use experience for users. In the method, a first page displayed by the electronic device may comprise at least one graphic element. In response to a tapping operation performed by a user on a first graphic element among at least one graphic element, the electronic device controls the first graphic element to perform a curling operation; alternatively, in response to a gazing operation performed by the user on the first page, the electronic device controls the at least one graphic element to move toward the position gazed at by the user; alternatively, when a screen is in a locked state, the electronic device controls a pattern of eyes among the graphic elements to be in an opening state; when the screen is in an AOD state, the electronic device controls the pattern of eyes among the graphic elements to be in a closed state and / or a half-closed state.

Description

Page display method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office on March 30, 2024, with application number 202410383804.8 and application name “Page Display Method and Electronic Device”, the entire contents of which are incorporated by reference into this application. Technical Field

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

[0003] Currently, the display effects of wallpapers or stickers displayed on electronic devices are pre-configured by technicians based on the content of the wallpaper or sticker, or are generic effects set by technicians. When displayed, these wallpapers or stickers often have a relatively simple display effect, lacking in interest and affecting the user experience. Summary of the Invention

[0004] The embodiments of the present application provide a page display method and an electronic device, so that the dynamic effects of graphic elements on the page are linked to the user's operations or related to the screen status of the electronic device, thereby increasing interest and improving the user experience.

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

[0006] In a first aspect, a page display method is provided, for example, in an electronic device. In the method, the electronic device displays a first page, wherein the first page includes at least one graphic element, and the at least one graphic element includes a first graphic element. The electronic device receives a user click operation on the first graphic element and, in response to the click operation, controls the first graphic element to change from a flat state to a curled state, and then from the curled state to a flat state.

[0007] In this method, users can click on a graphic element to make it curl dynamically, creating a "click and roll" effect. This allows the dynamic effects of the graphic element to be linked to the user's actions, increasing interest and improving the user experience.

[0008] In one possible implementation of the first aspect, the first graphic element includes an eye pattern in an open-eye state, and the electronic device can also control the eye pattern on the first graphic element to change from an open-eye state to a closed-eye state, and then from a closed-eye state to an open-eye state in response to the above-mentioned click operation.

[0009] The above implementation method can further provide dynamic effects in multiple aspects such as curling and eye state changes, increase the linkage between dynamic effects and user operations, and improve the user experience.

[0010] In one possible implementation of the first aspect, the first page is a lock screen page, and at least one graphic element includes at least one second graphic element of an eye pattern in an open eyes state, wherein at least one second graphic element includes the first graphic element.

[0011] In the above implementation, the graphic elements can present effects related to the current lock screen state. For example, when the screen is locked, the graphic elements open their eyes to indicate the working state, thereby increasing the fun and improving the user experience.

[0012] In another possible implementation of the first aspect, the above-mentioned first page is an always-on display AOD page, and at least one graphic element includes at least one third graphic element of an eye pattern in a closed-eye state and / or a semi-closed-eye state, wherein at least one third graphic element includes the first graphic element.

[0013] In the above implementation, the graphic elements can present effects related to the current AOD screen state. For example, when AOD is on, the graphic elements close their eyes to indicate a resting state, thereby increasing interest and improving the user experience.

[0014] In one implementation of the first aspect, when the screen displaying the first page is unlocked, the electronic device controls the screen to change from displaying the first page to displaying the second page, wherein, in the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or, at least one graphic element on the first page is moved to the left and right sides of the screen for display.

[0015] The above implementation method can avoid affecting the display of functional components such as application icons, application entry logos, widgets, etc. on the second page, giving users a better visual experience.

[0016] And, in an implementation method of the first aspect, at least one graphic element on the above-mentioned first page is moved to the left and right sides of the screen for display, which may further include: a preset number of graphic elements on the first page are moved to the left and right sides of the screen for display, or, the graphic elements at a preset position on the first page are moved to the left and right sides of the screen for display.

[0017] In the above implementation, after the screen is unlocked, the electronic device can select some graphic elements on the first page and move them to the left and right sides of the screen for display. In this way, it can avoid affecting the display of functional components on the second page, and can also present the dynamic effect of the movement of graphic elements, giving users a better visual experience.

[0018] In an implementation manner of the first aspect, the electronic device may further control at least one graphic element to move to a position where the user is gazing in response to the user's gaze operation on the first page.

[0019] In the above implementation method, the user can gaze at the first page, so that the graphic elements on the first page will give a dynamic effect of movement. This can realize the linkage between the dynamic effect of the graphic elements and the user operation, increase the fun, and also give the user a deeper emotional connection, thereby improving the user's experience.

[0020] In a second aspect, a page display method is provided, for example, in an electronic device. In this method, the electronic device displays a first page, wherein the first page includes at least one graphical element. The electronic device receives a user's gaze operation on the first page and, in response to the gaze operation, controls the at least one graphical element to move toward a location where the user is looking.

[0021] In this method, users can achieve the dynamic effect of the movement of graphic elements on the page by looking at the page. This can realize the linkage between the dynamic effect of the graphic elements and the user's operation, increase the fun and improve the user experience.

[0022] In one possible implementation of the second aspect, the at least one graphical element includes at least one second graphical element having an eye pattern in an open state. In response to the gaze operation, the electronic device may further control the eye pattern on the at least one second graphical element to change from an open state to a closed state, and then from the closed state to an open state.

[0023] The above implementation method further provides dynamic effects in multiple aspects such as position changes and eye state changes, increases the linkage between dynamic effects and user operations, and improves the user experience.

[0024] In an implementation manner of the second aspect, the electronic device may further control at least one graphic element to change from a flat state to a curled state, and then from the curled state to a flat state in response to the above-mentioned gaze operation.

[0025] This implementation method further provides dynamic effects in multiple aspects such as position changes and edge state changes, increases the linkage between dynamic effects and user operations, and improves the user experience.

[0026] In one implementation method of the second aspect, the first page is a lock screen page. When the screen displaying the first page is unlocked, the electronic device controls the screen to change from displaying the first page to displaying the second page, wherein, in the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or, at least one graphic element on the first page is moved to the left and right sides of the screen for display.

[0027] The above implementation method can avoid affecting the display of functional components such as application icons, application entry logos, widgets, etc. on the second page, giving users a better visual experience.

[0028] And, in an implementation method of the second aspect, at least one graphic element on the above-mentioned first page is moved to the left and right sides of the screen for display, which may further include: a preset number of graphic elements on the first page are moved to the left and right sides of the screen for display, or, the graphic elements at a preset position on the first page are moved to the left and right sides of the screen for display.

[0029] In the above implementation, after the screen is unlocked, the electronic device can select some graphic elements on the first page and move them to the left and right sides of the screen for display. In this way, it can avoid affecting the display of functional components on the second page, and can also present the dynamic effect of the movement of graphic elements, giving users a better visual experience.

[0030] In one implementation method of the second aspect, the at least one graphic element includes a first graphic element, and the electronic device can control the first graphic element to change from a flat state to a curled state, and then from the curled state to a flat state in response to a user's click operation on the first graphic element.

[0031] In the above implementation, users can click on a graphic element to cause it to curl dynamically, creating a "click and roll" effect. This allows the dynamic effects of the graphic element to be linked to the user's actions, increasing the fun and providing a deeper emotional connection for users, improving the user experience.

[0032] In a third aspect, a page display method is provided, for example, in an electronic device. In this method, the electronic device obtains the state of a screen displaying a first page, wherein the first page includes at least one graphical element, and the at least one graphical element includes at least one fourth graphical element having an eye pattern. When the screen is in a locked state, the electronic device controls the eye pattern in the fourth graphical element to be in an open state; when the screen is in an always-on display (AOD) state, the electronic device controls the eye pattern in the fourth graphical element to be in a closed and / or partially closed state.

[0033] In the above method, the electronic device can realize different dynamic effects of graphic elements according to the state of the screen. The dynamic effects of the graphic elements are related to the screen state, which can increase the fun and improve the user experience.

[0034] In one implementation method of the third aspect, when the screen displaying the first page is unlocked or the AOD state is released, the electronic device controls the screen to change from displaying the first page to displaying the second page, wherein, in the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or, at least one graphic element on the first page is moved to the left and right sides of the screen for display.

[0035] The above implementation method can avoid affecting the display of functional components such as application icons, application entry logos, widgets, etc. on the second page, giving users a better visual experience.

[0036] And, in an implementation method of the third aspect, at least one graphic element on the above-mentioned first page is moved to the left and right sides of the screen for display, which may further include: a preset number of graphic elements on the first page are moved to the left and right sides of the screen for display, or, the graphic elements at a preset position on the first page are moved to the left and right sides of the screen for display.

[0037] In the above implementation, after the screen is unlocked, the electronic device can select some graphic elements on the first page and move them to the left and right sides of the screen for display. In this way, it can avoid affecting the display of functional components on the second page, and can also present the dynamic effect of the movement of graphic elements, giving users a better visual experience.

[0038] In one implementation method of the third aspect, at least one graphic element includes a first graphic element; when the screen is in a locked state, the electronic device can also control the first graphic element to change from a flat state to a curled state, and then from a curled state to a flat state in response to a user's click operation on the first graphic element.

[0039] The above implementation method can further achieve the effect of "whoever you click will roll", and the dynamic effects of graphic elements are linked with user operations to increase the fun, and can also give users a deeper emotional connection and improve the user experience.

[0040] In an implementation manner of the third aspect, the electronic device may further control at least one graphic element to move toward a position where the user is gazing in response to the user's gaze operation on the first page.

[0041] In the above implementation method, the user can gaze at the first page, so that the graphic elements on the first page will give a dynamic effect of movement. This can realize the linkage between the dynamic effect of the graphic elements and the user operation, increase the fun, and also give the user a deeper emotional connection, thereby improving the user's experience.

[0042] In an implementation manner of the third aspect, the electronic device may further control at least one graphic element to change from a flat state to a curled state, and then from the curled state to a flat state in response to the above-mentioned gaze operation.

[0043] The above implementation method can also realize the linkage between the dynamic effects of graphic elements and user operations, thereby improving the user experience.

[0044] In a fourth aspect, an electronic device is provided, comprising a memory and one or more processors; the memory is coupled to the processor; computer program code is stored in the memory, and the computer program code includes computer instructions. When the computer instructions are executed by the processor, the electronic device executes the page display method as in the first aspect and any one of its implementations, or executes the page display method as in the second aspect and any one of its implementations, or executes the page display method as in the third aspect and any one of its implementations.

[0045] In a fifth aspect, a computer-readable storage medium is provided, comprising computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes a page display method as in the first aspect and any one of its implementations, or executes a page display method as in the second aspect and any one of its implementations, or executes a page display method as in the third aspect and any one of its implementations.

[0046] In the sixth aspect, a computer program product is provided. When the computer program product is run on an electronic device, the electronic device executes the page display method as in the first aspect and any one of its implementations, or executes the page display method as in the second aspect and any one of its implementations, or executes the page display method as in the third aspect and any one of its implementations.

[0047] The beneficial effects that can be achieved by the electronic device provided in the fourth aspect, the computer storage medium provided in the fifth aspect, and the computer program product provided in the sixth aspect can be referred to the beneficial effects that can be achieved by the first aspect and any of its implementation methods, the second aspect and any of its implementation methods, and the third aspect and any of its implementation methods, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0048] FIG1 shows a first structural diagram of an electronic device provided in an embodiment of the present application;

[0049] FIG2 shows a flow chart of a page display method according to an embodiment of the present application;

[0050] FIG3 shows a schematic diagram of a graphic element provided in an embodiment of the present application;

[0051] FIG4 shows a first schematic diagram of a curled edge of a graphic element provided in an embodiment of the present application;

[0052] FIG5 shows a second schematic diagram of a curled edge of a graphic element provided in an embodiment of the present application;

[0053] FIG6 shows a schematic diagram of a graphic element blinking provided by an embodiment of the present application;

[0054] FIG7 shows a schematic diagram of a page in a locked screen state provided by an embodiment of the present application;

[0055] FIG8 shows a first schematic diagram of screen unlocking provided in an embodiment of the present application;

[0056] FIG9 shows a first schematic diagram of the movement of a graphic element provided by an embodiment of the present application;

[0057] FIG10 shows a second schematic diagram of the movement of a graphic element provided in an embodiment of the present application;

[0058] FIG11 shows a second flow chart of the page display method provided in an embodiment of the present application;

[0059] FIG12 is a schematic diagram showing movement and blinking of a graphic element provided by an embodiment of the present application;

[0060] FIG13 is a schematic diagram showing movement and curling of graphic elements provided by an embodiment of the present application;

[0061] FIG14 is a schematic diagram showing a graphic element action provided by an embodiment of the present application;

[0062] FIG15 shows a third flow chart of the page display method provided in an embodiment of the present application;

[0063] FIG16 shows a second schematic diagram of screen unlocking provided in an embodiment of the present application;

[0064] FIG17 shows a schematic diagram of a screen lock provided by an embodiment of the present application;

[0065] FIG18 shows a second structural diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0066] The technical solutions in the embodiments of the present application will be described below in conjunction with the drawings in the embodiments of the present application. Among them, in the description of the present application, unless otherwise specified, " / " indicates that the objects associated before and after are in an "or" relationship. For example, A / B can represent A or B; "and / or" in the present application is only a description of the association relationship of the associated objects, indicating that there can be three relationships. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. In addition, in the description of the present application, unless otherwise specified, "multiple" refers to two or more than two. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, c can be single or multiple. In addition, in order to facilitate the clear description of the technical solutions of the embodiments of the present application, in the embodiments of the present application, words such as "first" and "second" are used to distinguish between identical or similar items with substantially the same functions and effects. Those skilled in the art will understand that words such as "first" and "second" do not limit the quantity and execution order, and words such as "first" and "second" do not necessarily limit differences. At the same time, in the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or explanations. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or design schemes. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a concrete way for easy understanding.

[0067] In addition, the business scenarios described in the embodiments of the present application are intended to more clearly illustrate the technical solutions of the embodiments of the present application, and do not constitute a limitation on the technical solutions provided in the embodiments of the present application. Ordinary technicians in this field can know that with the emergence of new business scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.

[0068] Typically, some electronic devices display dynamic effects. Stickers, which can display wallpaper or web page patterns, can also have dynamic display effects. However, the display effects of these wallpapers or stickers are pre-configured by technicians based on the content of the wallpaper or sticker, or are generic effects set by technicians. As a result, the display effects of wallpapers or stickers are relatively simple and lack interest, which affects the user experience.

[0069] In addition, there are relatively few interactive dynamic wallpapers or dynamic stickers at present. The effects of dynamic wallpapers or dynamic stickers often cannot be combined with user interaction. Simple dynamic effects cannot provide users with a deeper emotional connection, which will also affect the user experience.

[0070] Based on the above content, the following multiple page display methods are provided in the embodiments of the present application.

[0071] In one method, using an electronic device as an example, the electronic device displays a first page, wherein the first page includes at least one graphical element, including a first graphical element. Subsequently, the electronic device receives a user click operation on the first graphical element and, in response to the click operation, controls the first graphical element to change from a flat state to a curled state, and then from the curled state to a flat state.

[0072] In the above method, the user can click on a certain graphic element to make it produce a dynamic curling effect. This can achieve the linkage between the dynamic effect of the graphic element and the user operation, increase the fun, and improve the user experience.

[0073] In another method, using an electronic device as an example, the electronic device displays a first page, wherein the first page includes at least one graphical element. Subsequently, the electronic device receives a user's gaze operation on the first page and, in response to the gaze operation, controls the at least one graphical element to move toward a location where the user is looking.

[0074] In the above method, the user can realize the dynamic effect of the movement of graphic elements on the page by looking at the page. This can realize the linkage between the dynamic effect of the graphic elements and the user's operation, increase the fun and improve the user's experience.

[0075] In another method, using an electronic device as an example, the electronic device obtains a state of a screen displaying a first page, wherein the first page includes at least one graphic element, and the at least one graphic element includes at least one fourth graphic element having an eye pattern. When the screen is in a locked state, the electronic device controls the eye pattern in the fourth graphic element to be in an open state; when the screen is in an always-on display (AOD) state, the electronic device controls the eye pattern in the fourth graphic element to be in a closed state and / or a semi-closed state.

[0076] In the above method, the electronic device can achieve different dynamic effects of graphic elements according to the state of the screen. The dynamic effects of the graphic elements are related to the screen state, which can increase the fun and improve the user experience.

[0077] The above-mentioned electronic devices can be terminal devices such as mobile phones and tablet computers, among which the mobile phones can be foldable screen mobile phones or non-foldable screen mobile phones.

[0078] Taking the electronic device being a mobile phone as an example, FIG1 shows a schematic structural diagram of the electronic device 100 .

[0079] Among them, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc.

[0080] It should be understood that the structures illustrated in the embodiments of the present application do not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

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

[0082] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0083] In some possible implementations, the controller can specifically control the electronic device 100 to display a specific page, such as a lock screen page, a wallpaper page, etc., and the page displayed by the electronic device 100 includes at least one graphic element, such as a sticker, a sticker pattern, etc.

[0084] In some possible implementations, the controller may further control the electronic device 100 to receive user operations on a page displayed on the electronic device 100. The user operations on the page displayed on the electronic device 100 include gaze operations, click operations, etc. The controller may further control the electronic device 100 to detect its own screen status, where the screen status includes a lock screen status, an AOD status, etc.

[0085] In some possible implementations, the controller may also control the electronic device 100 to respond to the above-mentioned user operations and control the graphic elements on the displayed page to perform operations such as curling, blinking, and moving positions.

[0086] And, in some other possible implementations, the controller can also control the graphic elements on the page displayed by the electronic device 100 to display different effects in different screen states, such as open eyes, closed eyes, half-closed eyes, etc.

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

[0088] In some embodiments, the processor 110 may include one or more interfaces. Exemplarily, the USB interface 130 is an interface that complies with USB standards, and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100, or to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect to other electronic devices, such as augmented reality devices.

[0089] The charging management module 140 is configured to receive charging input from a charger. The charger can be either a wireless charger or a wired charger. The power management module 141 is configured to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to power the processor 110, the internal memory 121, the external memory, the display 194, the camera 193, and the wireless communication module 160.

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

[0091] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Mobile communication module 150 can provide wireless communication solutions for electronic device 100, including 2G / 3G / 4G / 5G. Mobile communication module 150 can receive electromagnetic waves from antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modem processor for demodulation. Mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation through antenna 1.

[0092] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium- or high-frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs audio signals through an audio device or displays images or videos on the display screen 194.

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

[0094] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150 , and antenna 2 is coupled to wireless communication module 160 , so that electronic device 100 can communicate with the network and other devices through wireless communication technology.

[0095] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. The GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and render graphics. Display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel.

[0096] In some possible implementations, the electronic device 100 can display the aforementioned lock screen page, wallpaper page, etc. through the display screen 194, and the display screen 194 can not only display the graphic elements on the lock screen page and wallpaper page, but also display the dynamic effects of the graphic elements.

[0097] It can be understood that the display screen 194 mentioned here can be used as the screen in the following embodiments.

[0098] And, in some other possible implementations, the display screen 194 may include multiple states, for example, a lock screen state, an AOD state, a normal display desktop state, etc.

[0099] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.

[0100] The ISP is used to process data fed back by the camera 193. The camera 193 is used to capture still images or videos.

[0101] In some possible implementations, the camera 193 may also include an infrared camera. The infrared camera is used to capture images of the user and transmit the captured images to the processor 110, so that the processor 110 can extract information about the user's eye movements and facial orientation based on the images of the user. The processor 110 includes a series of algorithms for identifying eye gaze locations and tracking eye movements based on the extracted information, determining whether the user is gazing at a displayed page and the location of their gaze, and, if the user is gazing at the page, generating instructions or data for interaction to control the electronic device 100 to perform corresponding operations, such as moving graphic elements on the page, controlling graphic elements to blink, or controlling graphic elements to curl.

[0102] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. The video codec is used to compress or decompress digital video. The NPU is a neural network (NN) computing processor that quickly processes input information by drawing on the structure of biological neural networks, such as the transmission mode between neurons in the human brain, and can also continuously self-learn. The NPU can realize applications such as intelligent cognition of the electronic device 100, such as image recognition, face recognition, voice recognition, text understanding, etc.

[0103] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage. The internal memory 121 can be used to store computer-executable program code, which includes instructions. The processor 110 executes the instructions stored in the internal memory 121 to execute various functional applications and data processing of the electronic device 100.

[0104] The electronic device 100 can implement audio functions such as music playback and recording through the audio module 170 and an application processor. The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals.

[0105] Buttons 190 include a power button and a volume button. They can be mechanical or touch-sensitive. Motor 191 can generate vibrations for incoming calls and touch vibration feedback. Indicator 192 can be an indicator light that indicates charging status, battery level, messages, missed calls, and notifications. A SIM card interface 195 connects to a SIM card.

[0106] The above electronic device can make the dynamic effects of graphic elements linked to the user's operation or related to the screen status of the electronic device, thereby increasing interest and improving the user's experience.

[0107] The following uses the above-mentioned electronic device being a mobile phone as an example to illustrate the page display method provided in the embodiments of the present application using several embodiments.

[0108] Example 1

[0109] As shown in FIG. 2 , the page display method may include the following steps S201 - S203 .

[0110] S201. The mobile phone displays the first page.

[0111] The first page may be a wallpaper page or a lock screen page of a mobile phone. The first page includes at least one graphic element. The graphic element may include various types of images such as stickers and sticker patterns, which are not shown in this application.

[0112] Taking the lock screen page as an example, as shown in Figure 3, the patterns, stickers, etc. labeled 301-304 in the figure can be called graphic elements.

[0113] S202: The mobile phone receives a click operation on a first graphic element by a user.

[0114] The at least one graphic element on the first page includes a first graphic element. The first graphic element may be any one of the at least one graphic element. Alternatively, the content of S202 may refer to the mobile phone receiving a user's click operation on any one of the graphic elements on the first page.

[0115] S203 : In response to the click operation, the mobile phone controls the first graphic element to change from the flat state to the curled state, and then from the curled state to the flat state.

[0116] The change of the first graphic element from the flat state to the curled state and then from the curled state to the flat state can be understood as a curling operation.

[0117] The curling operation may further include at least two curling methods.

[0118] For example, the first curling method can be shown in Figure 4 (a)-(c). In this curling method, a specific location on the edge of the first graphical element can be curled separately. For example, for a triangular graphical element, the curling operation involves curling a specific outer corner of the triangle. The curling operation includes the process of flattening, curling, and then flattening the outer corner.

[0119] As another example, the second curling method can be shown in Figure 5 (a)-(d). In this curling method, the curling can be performed sequentially at several locations on the edge of the first graphic element. For example, for a triangular graphic element, the curling process sequentially curls all the outer corners of the triangle.

[0120] In this page display method, users can click on a graphic element to cause it to curl dynamically, creating a "click and roll" effect. This allows the dynamic effects of the graphic element to be linked to the user's actions, increasing interest and creating a deeper emotional connection for users, improving the user experience.

[0121] In some possible implementations, the graphic elements on the first page may also include a variety of interesting facial features patterns, such as eye patterns, nose patterns, mouth patterns, etc. In addition, different facial features patterns may have different states. For example, eye patterns may include open eyes, closed eyes, half-closed eyes, eye movement, etc.; mouth patterns may include open mouth, closed mouth, tongue sticking out, etc. After receiving a user click operation on a certain graphic element, the mobile phone may also respond to the click operation and control the facial features pattern on the graphic element to change state, thereby changing the dynamic effect of the graphic element by changing the state of the facial features pattern. This can also realize the linkage between the dynamic effect of the graphic element and the user operation, increase the fun, and also provide the user with a deeper emotional connection, thereby improving the user experience.

[0122] Alternatively, in some other possible implementations, the mobile phone further controls the graphic element to perform a curling operation (such as in S203 above) in response to the click operation, and also controls the facial features on the graphic element to change state (such as from open eyes to closed eyes, from open mouth to closed mouth, or eyeball rotation in the eye pattern). This further provides dynamic effects in multiple aspects such as curling and state changes, increases the linkage between dynamic effects and user operations, and improves the user experience.

[0123] For example, referring to (a)-(c) in FIG6 , the first graphic element on the first page includes an eye pattern in an open-eye state. The mobile phone can control the first graphic element to perform a curling operation in response to a user's click operation on the first graphic element, and control the eye pattern on the first graphic element to change from an open-eye state to a closed-eye state, and then from a closed-eye state to an open-eye state.

[0124] Among them, the eye pattern changes from an open state to a closed state, and then from a closed state to an open state, which can be understood as performing a blinking operation.

[0125] It is understandable that in some possible implementations, the mobile phone may also perform multiple blink operations in response to the user's click operation on the first graphic element. The embodiment of the present application does not specifically limit the number of blinks.

[0126] In some possible implementations, when the first page is a wallpaper page, in addition to including at least one graphical element, the first page may also include at least one application icon, application entry logo, widget, or other functional component. To avoid affecting the display of these functional components and provide a better visual experience for users, the at least one graphical element on the first page may be displayed in a blank space where no functional components are displayed.

[0127] In some other possible implementations, when the first page is a lock screen page, the screen of the mobile phone may be in a lock screen state. In this case, the graphic elements on the first page can present dynamic effects related to the lock screen state of the current screen.

[0128] For example, as shown in FIG7(a), at least one graphical element on the first page may include at least one second graphical element 701 depicting an eye in an open state. This eye-shaped image provides the user with a visual reminder of the current screen state, allowing the user to more intuitively experience the effects of the graphical element. Furthermore, the graphical element can display effects related to the current screen state. For example, when the screen is locked, the graphic element's open eyes indicate that the phone is in operation, thereby increasing user interest and improving the user experience.

[0129] Furthermore, in some other possible implementations, when the first page is the lock screen page and the eye pattern on the graphic element is in the open state, the user can also click on the graphic element on the lock screen page. For example, at least one second graphic element of the eye pattern in the open state includes the first graphic element, and the user clicks the first graphic element, thereby achieving a dynamic effect of curling the clicked first graphic element on the lock screen page. This can achieve both the correlation of the graphic element effect with the screen state and the linkage of the graphic element effect with the user's operation, thereby improving the user experience.

[0130] In other possible implementations, when the first page is an AOD page, the screen of the mobile phone may be in an AOD state. In this case, the graphic elements on the first page can present dynamic effects related to the AOD state of the current screen. Exemplarily, as shown in (b) in Figure 7, at least one graphic element of the first page may include at least one third graphic element 702 with an eye pattern in a closed-eye state and / or a semi-closed-eye state, thereby prompting the user of the current state of the mobile phone screen through the closed-eye and / or semi-closed-eye eye pattern, allowing the user to experience the effect of the graphic element more intuitively. In addition, the graphic element can present an effect related to the current screen state. For example, when in AOD, the graphic element closes its eyes, indicating that the mobile phone is in a resting state, thereby increasing fun and improving the user's experience.

[0131] In some possible implementations, when the phone screen is unlocked, the phone screen may change from displaying the first page to displaying the second page, or in other words, the phone may change from displaying the lock screen page to displaying the wallpaper page described above. During the page change process, the graphic elements on the first page may also change, for example, the eye pattern may blink, the graphic element may curl, or the graphic element may move.

[0132] For example, as shown in (a)-(b) of Figure 8 , after the screen displaying the first page is unlocked, during the process of changing from the first page to the second page, at least one graphic element on the first page disappears. Alternatively, as shown in (c)-(d) of Figure 8 , during the process of changing from the first page to the second page, at least one graphic element on the first page is moved to the left and right sides of the screen for display. And, after moving, the graphic element can be reduced or maintain its original size. In either case, it can avoid affecting the display of functional components such as application icons, application entry logos, and widgets on the second page, giving users a better visual experience.

[0133] Furthermore, the mobile phone can select at least one graphic element from the first page and control the selected graphic element to be moved to the left and right sides of the screen for display. The mobile phone can select a preset number of graphic elements from the first page, such as 1, 2, or 4. Alternatively, the mobile phone can select a graphic element from a preset position on the first page, such as selecting a graphic element in the center area of ​​the first page or selecting a graphic element in the lower half of the first page.

[0134] In the above solution, after the screen is unlocked, the mobile phone can select some graphic elements on the first page and move them to the left and right sides of the screen for display. In this way, it can avoid affecting the display of functional components on the second page, and can also present the dynamic effect of moving graphic elements, giving users a better visual experience.

[0135] In some possible implementations, when the mobile phone displays the first page, the mobile phone may further control at least one graphic element to move to a position where the user is gazing in response to the user's gaze operation on the first page.

[0136] Among them, the mobile phone can detect the user's gaze operation through gaze technology, and detect whether the user's gaze operation is directed to the currently displayed first page, the position of the user's gaze (such as above, below, left, right, etc. of the first page), etc., or in other words, the mobile phone can detect whether the user's face is facing the mobile phone screen, whether the user's eyes are looking at the mobile phone screen, the position of the user's eyes looking at the mobile phone screen, etc. through gaze technology.

[0137] For example, as shown in (a)-(b) of FIG9 , at least one graphic element on the first page can be evenly distributed on the first page before changing its position. When the mobile phone detects the user's gaze operation on the first page, and detects that the position of the user's gaze is in the upper half of the page, the mobile phone can control at least one graphic element to move upward on the first page, and the distance moved by each graphic element is the same, and the graphic elements after movement are also evenly distributed on the first page. Among them, some graphic elements may be moved out of the display range of the screen after the position change, and some graphic elements may be moved into the display range of the screen after the position change.

[0138] As another example, referring to (a)-(b) in FIG10 , before changing position, at least one graphic element on the first page may be concentrated in a region of the first page, such as at the bottom of the first page, wherein the graphic elements may overlap. When the mobile phone detects a user's gaze on the first page, and detects that the user's gaze is in the upper half of the page, the mobile phone may control the at least one graphic element to move from the current region to the top of the first page, to another region of the first page, and the graphic elements after the movement are also concentrated in another region.

[0139] In the above implementation method, the user can gaze at the first page, so that the graphic elements on the first page will give a dynamic effect of movement. This can realize the linkage between the dynamic effect of the graphic elements and the user operation, increase the fun, and also give the user a deeper emotional connection, thereby improving the user's experience.

[0140] In other possible implementations, if some or all of the graphic elements have open-eye patterns, the mobile phone can control the movement of at least one graphic element in response to the user's gaze on the first page, and can also control the eye pattern on the graphic element to blink and / or curl. In this way, when the user gazes, the graphic element can produce dynamic effects such as blinking, curling, and other dynamic effects in addition to movement. This further enables the linkage between the dynamic effects of the graphic elements and the user's actions, increasing interest, creating a deeper emotional connection with the user, and improving the user experience.

[0141] Example 2

[0142] As shown in FIG. 11 , the page display method may include the following steps S1101 - S1103 .

[0143] S1101. The mobile phone displays the first page.

[0144] The first page may be a wallpaper page of a mobile phone, or a lock screen page of a mobile phone, etc. The first page includes at least one graphic element. The graphic element may be as shown in FIG3 in the above embodiment.

[0145] S1102: The mobile phone receives a user's gaze operation on the first page.

[0146] Among them, the mobile phone can detect the user's gaze operation through gaze technology.

[0147] S1103: In response to the gaze operation, the mobile phone controls at least one graphic element to move toward the position where the user is gazing.

[0148] Each graphic element may be evenly distributed on the first page, and when at least one graphic element moves, reference may be made to (a)-(b) in FIG. 9 of the aforementioned embodiment.

[0149] Alternatively, each graphic element may be concentrated in an area on the first page, and when at least one graphic element moves, reference may be made to (a)-(b) in FIG. 10 of the aforementioned embodiment.

[0150] In the above-mentioned page display method, users can realize the dynamic effect of the movement of graphic elements on the page by looking at the page. In this way, the dynamic effect of the graphic elements can be linked with the user's operation, which increases the fun and improves the user experience.

[0151] In some possible implementations, the graphic elements on the first page may also include a variety of interesting facial features patterns. After receiving the user's gaze operation on the first page, the mobile phone may also respond to the gaze operation and control the facial features pattern on the graphic element to change state, thereby changing the dynamic effect of the graphic element by changing the state of the facial features pattern. In this way, the dynamic effect of the graphic element can be linked with the user operation, thereby increasing the fun, giving the user a deeper emotional connection, and improving the user's experience.

[0152] Alternatively, in some other possible implementations, the mobile phone can also respond to the user's gaze operation on the first page by both moving at least one graphical element and controlling the eye pattern on the graphical element to blink. This further creates dynamic effects in terms of position changes and eye state changes, increasing the linkage between dynamic effects and user operations and improving the user experience.

[0153] For example, referring to Figures 12(a)-12(c), at least one graphic element on a first page includes at least one second graphic element with an eye pattern in an open state. In response to a user's gaze on the first page, the mobile phone can move the at least one graphic element toward the user's gaze position and control the eye pattern on the at least one second graphic element to change from an open state to a closed state and then from a closed state to an open state. Furthermore, each eye pattern performs a blink operation.

[0154] In addition, it is understandable that each eye pattern can also perform multiple blinking operations, and the embodiments of the present application do not impose any specific restrictions on the number of blinks.

[0155] In some possible implementations, the phone can also detect which second graphical element on the first page the user is gazing at. In response to the user's gaze, the phone controls the second graphical element to blink. This allows the dynamic effects of the focused graphical element to be linked to the user's actions, increasing interest and improving the user experience.

[0156] In some possible implementations, the mobile phone can also control at least one graphic element to change from a flat state to a curled state, and then from a curled state to a flat state in response to the user's gaze operation on the first page. This can also realize the linkage between the dynamic effects of the graphic elements and the user operations, thereby improving the user experience.

[0157] Alternatively, in some other possible implementations, the mobile phone further responds to the user's gaze operation on the first page by moving at least one graphic element and controlling at least one graphic element to perform a curling operation. This further provides dynamic effects in multiple aspects such as position changes and edge state changes, increases the linkage between dynamic effects and user operations, and improves the user experience.

[0158] For example, as shown in (a)-(c) in Figure 13, after the mobile phone receives the user's gaze operation on the first page, in response to the gaze operation, it moves at least one graphic element to the position where the user is looking, and controls at least one graphic element to perform a curling operation respectively.

[0159] In some possible implementations, the phone can also detect which graphic element on the first page the user is gazing at. In response to the user's gaze, the phone controls the focused graphic element to perform a curling operation. This allows the dynamic effects of the focused graphic element to be linked to the user's actions, increasing interest and improving the user experience.

[0160] In some possible implementations, the mobile phone can also respond to the user's gaze operation on the first page by moving at least one graphical element and controlling at least one graphical element to perform curling and blinking operations. This further implements state changes and curling based on position changes, creating dynamic effects in multiple aspects, increasing the linkage between dynamic effects and user operations, and improving the user experience.

[0161] Alternatively, in some other possible implementations, the mobile phone can also control the focused graphic element to perform curling and blinking operations in response to the user's gaze operation on a certain graphic element. This allows the focused graphic element to change state and curl, creating dynamic effects that are linked to the user's actions in multiple ways, improving the user experience.

[0162] In some possible implementations, when the first page is a wallpaper page, in order not to affect the display of functional components on the wallpaper page and to provide users with a better visual experience, at least one graphic element on the first page can be displayed in a blank position where no functional components are displayed.

[0163] In other possible implementations, when the first page is the lock screen page, the phone's screen may be in the lock screen state. In this case, the graphic elements on the first page can present dynamic effects related to the current screen state. For example, at least one graphic element on the first page can include at least one second graphic element with the aforementioned eye pattern in the open state, as shown in FIG7 of the aforementioned embodiment. In this way, the graphic elements can present effects related to the current screen state, thereby increasing interest and improving the user experience.

[0164] Furthermore, when the first page is the lock screen page, the graphic elements on the first page can also be other interesting patterns, such as animated characters that can perform various actions, moving balls, etc. These interesting patterns can also change their actions or movement directions based on the user's gaze operation. This can also increase the linkage between dynamic effects and user operations, increase interest, and improve the user experience.

[0165] For example, referring to Figures (a)-(c) of FIG14 , the first page of a mobile phone displays two animated characters each holding a racket and playing tennis. After the mobile phone receives a user's gaze operation on the first page, in response to the gaze operation, the mobile phone controls character 1401 to swing the racket to hit the tennis ball, controls the tennis ball on the racket to move toward character 1402's racket, and controls character 1402 to swing the racket to catch the tennis ball. Subsequently, the tennis ball is controlled to move toward character 1401's racket again.

[0166] Alternatively, for example, since character 1401 is swinging a tennis ball in the upper half of the first page, upon receiving a gaze operation from the user on the first page, if the gaze operation is located in the lower half of the first page (or the area where character 1402 is located), the phone controls character 1401 to swing the racket to hit the tennis ball, controls the tennis ball on the racket to move toward character 1402's racket, and controls character 1402 to swing the racket to catch the tennis ball. Subsequently, the tennis ball is controlled to move toward character 1401's racket again.

[0167] In some possible implementations, when the screen of the mobile phone is unlocked, the mobile phone screen can change from displaying the first page to displaying the second page, or in other words, the mobile phone can change from displaying the lock screen page to displaying the wallpaper page as described above. During the page change process, the graphic elements on the first page can also change, for example, the eye pattern blinks, the graphic elements curl, the graphic elements move, etc. For example, after the screen displaying the first page is unlocked, in the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or, at least one graphic element on the first page moves to the left and right sides of the screen for display, as shown in (a)-(b) or (c)-(d) in Figure 8 of the aforementioned embodiment, so as to avoid affecting the display of the functional components on the second page, or, a dynamic effect of the movement of the graphic elements can be presented to bring a better visual experience to the user.

[0168] In some possible implementations, the at least one graphical element on the first page includes a first graphical element. When displaying the first page, the mobile phone may receive a user click operation on the first graphical element and, in response to the click operation, control the first graphical element to change from a flat state to a curled state, and then from the curled state to a flat state. The curling method may refer to the content of the aforementioned embodiment.

[0169] In this way, users can click on a graphic element to make it curl dynamically, creating a "click and roll" effect. This allows the dynamic effects of graphic elements to be linked with user actions, increasing the fun, creating a deeper emotional connection for users, and improving the user experience.

[0170] Example 3

[0171] As shown in FIG. 15 , the page display method may include the following steps S1501 - S1503 .

[0172] S1501: The mobile phone obtains the status of the screen displaying the first page.

[0173] Among them, the first page includes at least one graphic element, and the at least one graphic element includes at least one fourth graphic element with an eye pattern. The status of the screen includes a normal display state, a lock screen state and an AOD state, and the AOD state includes a full-screen AOD state and a partial AOD state. In the embodiment of the present application, there is no specific limitation on the AOD state. It can be understood that in the full-screen AOD state, the screen can display at least one graphic element on the first page in full screen; in the partial AOD state, the screen can display graphic elements only in a part of the area. And, AOD can also be called screen-off display (or screen-off display), which is not specifically limited in the embodiment of the present application.

[0174] S1502: When the screen is in a locked state, the mobile phone controls the eye pattern in the fourth graphic element to be in an open state.

[0175] In this way, the open eye state can indicate that the graphic element is in working state, and further indicate that the phone is in working state. Thus, the open eye state of the eye pattern can remind the user of the current lock screen state or phone status of the phone, allowing the user to experience the effect of the graphic element more intuitively.

[0176] S1503: When the screen is in the AOD state, the mobile phone controls the eye pattern in the fourth graphic element to be in a closed eye state and / or a half-closed eye state.

[0177] In the AOD state, the first page displayed on the phone is the AOD page. The closed or semi-closed state can indicate that the graphic element is in a sleeping or resting state, and further, can indicate that the phone is in a resting state. The closed and / or semi-closed state of the eye pattern thus prompts the user to the current AOD state of the phone screen or the status of the phone, allowing the user to more intuitively experience the effect of the graphic element.

[0178] In the above-mentioned page display method, the mobile phone can realize different dynamic effects of graphic elements according to the status of the screen. Among them, the dynamic effects of graphic elements are related to the screen status, which can increase the fun and improve the user experience.

[0179] In some possible implementations, when the first page is a lock screen page, after the screen displaying the first page is unlocked, the mobile phone can control the screen to change from displaying the first page to displaying the second page, wherein, in the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or, at least one graphic element on the first page is moved to the left and right sides of the screen for display. For details, please refer to (a)-(b) in Figure 8 or (c)-(d) in Figure 8 of the aforementioned embodiment, so as to avoid affecting the display of functional components on the second page, or alternatively, a dynamic effect of movement of graphic elements can be presented to bring a better visual experience to users.

[0180] In other possible implementations, when the first page is an AOD page, the screen displaying the first page can be released from the AOD state in two ways: first, the screen changes from the AOD state to the lock screen state; second, the screen changes from the AOD state to the unlocked state or the normal desktop display state.

[0181] In the first case, when the screen displaying the first page is released from the AOD state, the phone can control the eye pattern on the first page that is in a closed and / or semi-closed state to open. This allows the dynamic effect of at least one graphic element to be related to the screen state, thereby increasing interest and improving the user experience.

[0182] If it is the second case mentioned above, when the screen displaying the first page releases the AOD state, the mobile phone can also control the screen to change from displaying the first page to displaying the second page, wherein, in the process of changing from the first page to the second page, the graphic elements on the first page disappear (see (a)-(b) in Figure 16, taking full-screen AOD as an example), and / or, at least one graphic element on the first page is moved to the left and right sides of the screen for display (see (c)-(d) in Figure 16, taking full-screen AOD as an example), so as to avoid affecting the display of functional components on the second page, or, a dynamic effect of movement of graphic elements can be presented to bring a better visual experience to users.

[0183] In some possible implementations, when the mobile phone screen is in the lock screen state, or in other words, when the first page is the lock screen page, the mobile phone can respond to the user's click operation on the first graphic element of at least one graphic element on the first page, control the first graphic element to change from a flat state to a curled state, and then from the curled state to a flat state, and / or control the eye pattern on the first graphic element to change from an open eye state to a closed eye state, and then from a closed eye state to an open eye state. Among them, the specific change process can refer to the content in the aforementioned embodiment and will not be repeated here. In addition, this method can further achieve the effect of "click whoever you want to roll up", and / or achieve the effect of "click whoever you want to blink". The dynamic effect of the graphic element is linked with the user operation, which increases the fun, and can also provide the user with a deeper emotional connection, thereby improving the user's usage experience.

[0184] In some possible implementations, when the mobile phone screen is in the lock screen state, or when the first page is the lock screen page, the mobile phone can control at least one graphic element to move to the position where the user is looking at in response to the user's gaze operation on the first page. The specific change process can be referred to the content in the aforementioned embodiment and will not be repeated here. In addition, the user can make the graphic elements on the first page give a dynamic effect of movement by gazing at the first page. In this way, the dynamic effect of the graphic elements can be linked with the user's operation, which increases the fun and can also provide the user with a deeper emotional connection, thereby improving the user's experience.

[0185] In some possible implementations, the mobile phone can control at least one graphic element to change from a flat state to a curled state, and then from a curled state to a flat state in response to the user's gaze operation on the first page. This can also realize the linkage between the dynamic effects of the graphic elements and the user operations, thereby improving the user experience.

[0186] In the above-mentioned embodiments, the screen changes from the lock screen state to the normal display desktop state, or the screen changes from the AOD state to the normal display desktop state. It can be understood that in some other embodiments, if the screen changes from the normal display desktop state to the lock screen state or the AOD state, the mobile phone can control the disappearance (or hiding) or restoration of the graphic elements displayed on both sides of the screen to the original position on the first page in the lock screen state or the AOD state, such as shown in (a)-(b) in Figure 17, or as shown in (c)-(d) in Figure 17. Thus, in the process of the screen changing to the lock screen state or the AOD state, a dynamic effect can also be presented to the user.

[0187] Alternatively, if the screen changes from the lock screen state to the AOD state, the phone can also control the eye pattern on the first page that is in the open state to change to the closed and / or half-closed state. This makes the dynamic effect of at least one graphic element related to the screen state, thereby increasing interest and improving the user experience.

[0188] It is to be understood that the above only uses a few embodiments as examples to illustrate the page display method. The above embodiments are not intended to limit the page display method. In other embodiments, multiple embodiments of the present application or parts of multiple embodiments may be combined and the combined solution may be implemented. Optionally, some operations in the process of each method embodiment may be optionally combined, and / or the order of some operations may be optionally changed. Furthermore, the execution order between the steps of each process is merely exemplary and does not constitute a limitation on the execution order between the steps. Other execution orders may also be used between the steps. It is not intended to indicate that the execution order is the only order in which these operations can be performed. A person of ordinary skill in the art will be able to think of various ways to reorder the operations described in the embodiments of the present application. In addition, it should be noted that the process details involved in a certain embodiment of the present application are also applicable to other embodiments in a similar manner, or different embodiments may be used in combination.

[0189] Furthermore, some steps in the method embodiments may be equivalently replaced with other possible steps. Alternatively, some steps in the method embodiments may be optional and may be deleted in certain usage scenarios. Alternatively, other possible steps may be added to the method embodiments.

[0190] Furthermore, the various method embodiments may be implemented separately or in combination.

[0191] It is understandable that in order to achieve the above functions, the aforementioned electronic devices such as mobile phones include hardware and / or software modules that perform the corresponding functions. In combination with the algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application in combination with the embodiments, but such implementation should not be considered to be beyond the scope of this application.

[0192] In this embodiment, the functional modules of electronic devices such as mobile phones can be divided according to the above-mentioned method examples. For example, each functional module can be divided according to each function, or two or more functions can be integrated into a single processing module. The above-mentioned integrated modules can be implemented in the form of hardware. It should be noted that the module division in this embodiment is illustrative and is only a logical functional division. In actual implementation, other division methods may be used.

[0193] An embodiment of the present application also provides an electronic device, as shown in FIG18 , which may include one or more processors 1801 , a memory 1802 , and a communication interface 1803 .

[0194] The memory 1802 and the communication interface 1803 are coupled to the processor 1801. For example, the memory 1802, the communication interface 1803 and the processor 1801 may be coupled together via a bus 1804.

[0195] The communication interface 1803 is used to transmit data with other devices. The memory 1802 stores computer program code. The computer program code includes computer instructions. When the computer instructions are executed by the processor 1801, the electronic device executes the page display method in the embodiment of the present application.

[0196] The processor 1801 may be a processor or a controller, such as a central processing unit (CPU), a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field programmable gate array (FPGA), or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. It may implement or execute the various exemplary logic blocks, modules, and circuits described in conjunction with the present disclosure. The processor may also be a combination that implements computing functions, such as a combination of one or more microprocessors, a combination of a DSP and a microprocessor, and the like.

[0197] Bus 1804 may be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus. Bus 1804 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, FIG18 shows only one thick line, but this does not imply that there is only one bus or only one type of bus.

[0198] An embodiment of the present application further provides a computer-readable storage medium, which includes computer instructions. When the computer instructions are executed on an electronic device, the electronic device executes the relevant method steps in the above method embodiment.

[0199] An embodiment of the present application further provides a computer program product, which, when executed on a computer or electronic device, enables the computer or electronic device to execute the relevant method steps in the above method embodiment.

[0200] Among them, the electronic device, computer-readable storage medium or computer program product provided in this application is used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method provided above, and will not be repeated here.

[0201] Through the description of the above implementation methods, technical personnel in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

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

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

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

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

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

Claims

1. A page display method, characterized in that: include: Displaying a first page; the first page includes at least one graphical element; The at least one graphical element includes a first graphical element; receiving a click operation on the first graphic element by a user; In response to the click operation, the first graphic element is controlled to change from a flat state to a curled state, and then from the curled state to the flat state.

2. The method according to claim 1, characterized in that The first graphic element includes an eye pattern in an open state; the method further includes: In response to the click operation, the eye pattern on the first graphic element is controlled to change from the eye-open state to the eye-closed state, and then from the eye-closed state to the eye-open state.

3. The method according to claim 1 or 2, characterized in that The first page is a lock screen page, and the at least one graphic element includes at least one second graphic element with an eye pattern in an open eyes state, and at least one second graphic element includes the first graphic element.

4. The method according to claim 1 or 2, characterized in that The first page is an always-on display AOD page, and the at least one graphic element includes at least one third graphic element of an eye pattern in a closed-eye state and / or a semi-closed-eye state, and at least one of the third graphic elements includes the first graphic element.

5. The method according to any one of claims 1 to 4, characterized in that The method further comprises: When the screen displaying the first page is unlocked, the screen is controlled to change from displaying the first page to displaying the second page; during the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or at least one graphic element on the first page is moved to the left and right sides of the screen for display.

6. The method according to claim 5, characterized in that At least one graphic element on the first page is moved to the left and right sides of the screen for display, including: a preset number of graphic elements on the first page are moved to the left and right sides of the screen for display, or, graphic elements at preset positions on the first page are moved to the left and right sides of the screen for display.

7. The method according to any one of claims 1 to 6, characterized in that The method further comprises: In response to a user's gaze operation on the first page, the at least one graphic element is controlled to move toward a position where the user is gazing.

8. A page display method, characterized in that: include: Displaying a first page; the first page includes at least one graphical element; receiving a user's gaze operation on the first page; In response to the gaze operation, the at least one graphic element is controlled to move toward a position where the user is gazing.

9. The method according to claim 8, characterized in that The at least one graphic element includes at least one second graphic element with an eye pattern in an open eye state; the method further includes: In response to the gaze operation, the eye pattern on at least one of the second graphic elements is controlled to change from the eye-open state to the eye-closed state, and then from the eye-closed state to the eye-open state.

10. The method according to claim 8 or 9, characterized in that The method further comprises: In response to the gaze operation, the at least one graphic element is controlled to change from a flat state to a curled state, and then from the curled state to the flat state.

11. The method according to any one of claims 8 to 10, characterized in that: The first page is a lock screen page, and the method further includes: When the screen displaying the first page is unlocked, the screen is controlled to change from displaying the first page to displaying the second page; during the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or at least one graphic element on the first page is moved to the left and right sides of the screen for display.

12. The method according to claim 11, characterized in that At least one graphic element on the first page is moved to the left and right sides of the screen for display, including: a preset number of graphic elements on the first page are moved to the left and right sides of the screen for display, or, graphic elements at preset positions on the first page are moved to the left and right sides of the screen for display.

13. The method according to any one of claims 8 to 10, characterized in that: The first page is an always-on display (AOD) page, and the at least one graphic element includes at least one third graphic element of an eye pattern in a closed-eye state and / or a semi-closed-eye state.

14. The method according to any one of claims 8 to 13, characterized in that: The at least one graphical element includes a first graphical element; In response to a user's click operation on the first graphic element, the first graphic element is controlled to change from a flat state to a curled state, and then from the curled state to the flat state.

15. A page display method, characterized in that: include: Acquiring a state of a screen displaying a first page; the first page includes at least one graphic element, the at least one graphic element including at least one fourth graphic element having an eye pattern; When the screen is in a locked state, controlling the eye pattern in the fourth graphic element to be in an open state; When the state of the screen is the always-on display (AOD) state, the eye pattern in the fourth graphic element is controlled to be in a closed eye state and / or a half-closed eye state.

16. The method according to claim 15, characterized in that The method further comprises: When the screen displaying the first page is unlocked or the AOD state is released, the screen is controlled to change from displaying the first page to displaying the second page; in the process of changing from the first page to the second page, at least one graphic element on the first page disappears, and / or, at least one graphic element on the first page is moved to the left and right sides of the screen for display.

17. The method according to claim 15 or 16, characterized in that The at least one graphic element includes a first graphic element; when the screen is in a locked state, the method further includes: In response to a user's click operation on the first graphic element, the first graphic element is controlled to change from a flat state to a curled state, and then from the curled state to the flat state.

18. The method according to any one of claims 15 to 17, characterized in that: The method further comprises: In response to a user's gaze operation on the first page, the at least one graphic element is controlled to move to a position where the user is gazing.

19. The method according to any one of claims 15 to 18, characterized in that: The method further comprises: In response to the gaze operation, the at least one graphic element is controlled to change from a flat state to a curled state, and then from the curled state to the flat state.

20. An electronic device, characterized in that: The electronic device comprises a memory and one or more processors; the memory is coupled to the processor; the memory stores computer program code, and the computer program code includes computer instructions. When the computer instructions are executed by the processor, the electronic device executes the page display method according to any one of claims 1 to 7, or executes the page display method according to any one of claims 8 to 14, or executes the page display method according to any one of claims 15 to 19.

21. A computer-readable storage medium, characterized in that The method comprises computer instructions, which, when executed on an electronic device, cause the electronic device to execute the page display method according to any one of claims 1 to 7, or the page display method according to any one of claims 8 to 14, or the page display method according to any one of claims 15 to 19.

22. A computer program product, characterized in that When the computer program product runs on an electronic device, the electronic device executes the page display method according to any one of claims 1 to 7, or the page display method according to any one of claims 8 to 14, or the page display method according to any one of claims 15 to 19.

Images