Electronic equipment and wallpaper display method thereof

Abstract

The invention relates to electronic equipment and a wallpaper display method thereof. The method comprises the following steps: receiving a wallpaper switching instruction; obtaining a first wallpaper to be displayed; a switching animation is displayed on a current interface of a screen of the electronic equipment, the switching animation comprises the process that the first wallpaper is unfolded from a winding state and covers the current interface on the current interface, and the first wallpaper in the unfolding process comprises a scroll part and an unfolding part; the unfolding part extends out of the reel part and is enlarged along with the unfolding of the first wallpaper; and in response to the fact that the first wallpaper is completely unfolded, switching the wallpaper currently displayed on the screen into the first wallpaper. By utilizing the method disclosed by the invention, wallpaper display can be switched by adopting a scroll unfolding mode, and better user experience is brought.

Description

Technical Field

[0001] The present disclosure relates to the screen display technology of electronic devices, and particularly to a method for displaying wallpapers on electronic devices. Background Art

[0002] For some electronic devices, such as mobile phones, the wallpaper will be switched when the user swipes the status bar. However, existing mobile phones can only provide very simple or restrictive wallpaper switching methods, which cannot meet the needs of users. Summary of the Invention

[0003] Embodiments of the present disclosure provide a method for displaying wallpapers on an electronic device, as well as an electronic device, a non-transitory machine-readable storage medium, and a computer program product that execute these methods accordingly.

[0004] According to a first aspect of the embodiments of the present disclosure, a method for displaying wallpapers on an electronic device is provided, including: receiving a wallpaper switching instruction; obtaining a first wallpaper to be displayed; displaying a switching animation on the current interface of the screen of the electronic device, where the switching animation includes a process on the current interface in which the first wallpaper unfolds from a wound state and covers the current interface. The first wallpaper during the unfolding process includes a scroll part and an unfolding part. The unfolding part extends from the scroll part and increases as the first wallpaper unfolds. In response to the first wallpaper being fully unfolded, the wallpaper currently displayed on the screen is switched to the first wallpaper.

[0005] Optionally, the wallpaper switching instruction is a continuous touch-screen sliding action starting from a first side on the screen and moving towards the opposite second side. During the unfolding process, the scroll part moves following the progress of the current touch-screen position, and the center position of the scroll part protrudes more than the two end positions. The protrusion becomes smaller as the display area of the first wallpaper on the screen increases, so that the protrusion of the scroll part gradually becomes flatter. The radii of the scroll part are inconsistent, gradually increasing from the center position to the two end positions, and the radius of the scroll part becomes smaller as the display area of the first wallpaper on the screen increases.

[0006] Optionally, the display of the switching animation further includes: obtaining a radius value based on the current touch-screen position progress based on an initial threshold and an end threshold of the scroll radius and the current touch-screen position progress; obtaining a horizontal adjustment parameter based on a first threshold at the center position and a second threshold at the two side positions of the scroll radius and the abscissa of the texture coordinates corresponding to the current pixel position; and adjusting the radius value based on the current touch-screen position progress with the horizontal adjustment parameter to obtain the scroll radius at the current pixel position.

[0007] Optionally, there are a plurality of protrusions on the scroll portion. The protrusions that are farther away from the central position among the plurality of protrusions appear larger, and the positions of the plurality of protrusions on the scroll portion change as the scroll portion moves.

[0008] Optionally, the plurality of protrusions are achieved by calculating the scroll radius after concave-convex transformation as follows: mixing the maximum amplitude and the minimum amplitude of the protrusions based on the abscissa of the texture coordinates corresponding to the current pixel position to obtain an unadjusted protrusion value that simulates the protrusions on the scroll portion being smaller in the middle and larger on both sides; obtaining a first protrusion adjustment parameter based on the abscissa of the texture coordinates corresponding to the current pixel position using a simple harmonic wave function, where the phase of the simple harmonic wave function changes as the progress of the current touch screen position changes; determining a second protrusion adjustment parameter based on the progress of the current touch screen position; adjusting the unadjusted protrusion value with the first protrusion adjustment parameter and the second protrusion adjustment parameter to obtain the scroll radius protrusion value of the current pixel position; and obtaining the scroll radius after concave-convex transformation of the current pixel position according to the scroll radius of the current pixel position and the scroll radius protrusion value of the current pixel position.

[0009] Optionally, each pixel of the scroll portion is mapped from the unrolled part of the first wallpaper in the case of being unrolled through a cycloid equation.

[0010] Optionally, the scroll portion generates a shadow on the screen, and the intensity of the shadow increases as the distance from the center of the scroll portion in the vertical direction increases.

[0011] Optionally, during the unfolding process of the first wallpaper, the unfolded part presents a fused image obtained by fusing the first wallpaper with the original displayed image at the same position based on transparency, and each pixel in the scroll portion presents a fused color obtained by fusing the color of the pixel at the unrolled position of the first wallpaper mapped through the cycloid equation with the color of the pixel of the original displayed image at the same position based on the transparency. The transparency changes from high to low based on the progress of the current touch screen position.

[0012] According to a second aspect of the embodiments of the present disclosure, an electronic device is provided, including: a screen; a processor; and a memory storing executable code thereon. When the executable code is executed by the processor, the processor is caused to execute the method described in any one of the solutions in the first aspect above.

[0013] According to a third aspect of the embodiments of the present disclosure, a non-transitory machine-readable storage medium is provided, having executable code stored thereon. When the executable code is executed by a processor of an electronic device, the processor is caused to execute the method described in any one of the solutions in the first aspect above.

[0014] According to a fourth aspect of the embodiments of the present disclosure, there is provided a computer program product including executable code that, when executed by a processor of an electronic device, causes the processor to execute the method described in any one of the solutions in the first aspect above. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] By describing the exemplary embodiments of the present disclosure in more detail in conjunction with the drawings, the above and other objects, features, and advantages of the present disclosure will become more apparent. Among them, in the exemplary embodiments of the present disclosure, the same reference numerals generally represent the same components.

[0016] Figure 1 Exemplarily shown is a schematic structural diagram of a mobile phone according to at least one embodiment of the present disclosure.

[0017] Figure 2 Exemplarily shown is a schematic flowchart of a wallpaper display method of an electronic device according to at least one embodiment of the present disclosure.

[0018] Figure 3 Exemplarily shown is a schematic flowchart of a method for determining the scroll radius of the current pixel position according to at least one embodiment of the present disclosure.

[0019] Figure 4 Exemplarily shown is a schematic flowchart of a method for determining the scroll radius after concavo-convex transformation of the current pixel position according to at least one embodiment of the present disclosure.

[0020] Figure 5 Exemplarily shown is a schematic cross-sectional view of the scroll rolling to the current position according to at least one embodiment of the present disclosure.

[0021] Figure 6 Exemplarily shown is the display effect at the progress of the first touch screen position in a switching animation according to at least one embodiment of the present disclosure. Figure 7 Exemplarily shown is the display effect at the progress of the second touch screen position in the switching animation. Figure 8 Exemplarily shown is the display effect at the progress of the third touch screen position in the switching animation. Figure 9 Exemplarily shown is the display effect at the progress of the fourth touch screen position in the switching animation, where the progress of the first touch screen position, the progress of the second touch screen position, the progress of the third touch screen position, and the progress of the fourth touch screen position increase in sequence.

[0022] Figure 10 Exemplarily shown is a schematic structural diagram of an electronic device according to at least one embodiment of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0023] Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although the exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided to make the present disclosure more thorough and complete, and to fully convey the scope of the present disclosure to those skilled in the art.

[0024] For example, in the operating system of an existing electronic device (such as the Android system), when switching between the normal use state of the desktop of the electronic device and the state where the status bar panel is pulled down to the bottom (or the state where the status bar panel is fully presented), the switching between two different static wallpapers is completed instantaneously, lacking a gradual change process, resulting in a poor user experience. Even if there are some gradual change switching schemes, their switching effects are relatively simple.

[0025] For another example, in the IOS (I Operating System) operating system, a follow - the - hand effect when pulling down can be achieved by panning the wallpaper, but this wallpaper picture is customized and cannot be any arbitrary picture. In addition, the gradual change switching display effect of IOS is a simple panning display effect, and the user interaction experience is also relatively ordinary.

[0026] Accordingly, embodiments of the present disclosure disclose a wallpaper display method for an electronic device, which dynamically switches wallpapers in a scroll - unfolding manner, just like unfurling a scroll painting on a flat surface, thus bringing a better user experience. In addition, in some embodiments, other various dynamic switching effects can also be provided to more realistically simulate the unfolding process of a real scroll, thereby further improving the user experience. In addition, in some embodiments, the unfolding of the picture frame can also follow the movement of the user's hand on the touch screen, that is, present a follow - the - hand effect, thereby obtaining a better user interaction experience.

[0027] The wallpaper display method for an electronic device provided by embodiments of the present disclosure can be applied to various types of handheld devices (such as mobile phones, personal digital assistants (PDAs), etc.), various types of computers (such as tablet computers, laptop computers, ultra - mobile personal computers (UMPCs), netbooks, laptop computers, etc.), wearable devices, in - vehicle devices, augmented reality (AR) / virtual reality (VR) devices and other electronic devices with a display module. It can also be applied to databases, servers, and service response systems with a display module based on terminal artificial intelligence, etc. Embodiments of the present disclosure do not impose any restrictions on the specific type of the electronic device, as long as the application device has a display requirement.

[0028] By way of example and not limitation, when the electronic device is a wearable device, the wearable device may also be a general term for devices that can be worn by applying wearable technologies to the intelligent design of daily wear, such as gloves, watches, AR head-mounted display devices, VR head-mounted display devices, or MR (Mixed Reality) head-mounted display devices configured with far-field communication modules and / or near-field communication modules, etc.

[0029] In some embodiments, the above-mentioned electronic device may be an exemplary mobile phone 100 having an exemplary hardware structure as Figure 1 shown. As Figure 1 shown, the mobile phone 100 may specifically include components such as a radio frequency (RF) circuit 110, a memory 120, an input unit 130, a display unit 140, a sensor 150, an audio circuit 160, a short-range wireless communication module 170, a processor 180, and a power supply 190. Those skilled in the art can understand that Figure 1 the structure of the mobile phone 100 shown in

[0030] does not constitute a limitation on the electronic device, and the electronic device may include more or fewer components than shown in the figure, or combine certain components, or have different component arrangements. Figure 1 The following specifically introduces each component of the mobile phone 100 in conjunction with The RF circuit 110 can be used for receiving and transmitting information during information reception and call processes. In particular, after receiving the downlink information of the base station, it is sent to the processor 180 for processing. Additionally, the designed uplink data is sent to the base station. Generally, the RF circuit includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier (LNA), a duplexer, etc. In addition, the RF circuit 110 can also communicate with the network and other devices through wireless communication. The above wireless communication can use any communication standard or protocol, and the wireless communication can include Global System For Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time-Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), New Radio (NR), GNSS, FM, low earth orbit satellite connection, and / or IR technology, etc. The GNSS can include Global Positioning System (GPS), Global Navigation Satellite System (GLONASS), BeiDou Navigation Satellite System (BDS), Quasi-Zenith satellite System (QZSS), and / or Satellite Based Augmentation Systems (SBAS), etc.

[0031] The memory 120 can be used to store software programs and modules. The processor 180 executes various functional applications and data processing of the mobile phone by running the software programs and modules stored in the memory 120. The memory 120 may mainly include a program storage area and a data storage area. Among them, the program storage area can store an operating system, application programs required for at least one function (such as a sound playback function, an image playback function, etc.); the data storage area can store data created according to the use of the mobile phone (such as pictures, audio data, phone books, etc.). In addition, the memory 120 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, or other volatile solid-state storage devices. For example, the memory 120 may store a program for implementing the wallpaper display method of the electronic device according to the present disclosure as will be described in detail later, may also store the first wallpaper of the electronic device, or store other more wallpapers.

[0032] The input unit 130 can be used to receive input digital or character information, and generate key signal inputs related to the user settings and function controls of the mobile phone 100. Specifically, the input unit 130 may include a touch panel 131 and other input devices 132. The touch panel 131, also known as a touch screen, can collect touch operations of the user thereon or nearby (such as operations of the user using a finger (such as a single finger or multiple fingers), a stylus, or any suitable object or accessory on or near the touch panel 131), and drive the corresponding connection device according to a pre-set program. Optionally, the touch panel 131 may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the touch orientation of the user, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into contact coordinates, and then sends it to the processor 180, and can receive commands sent by the processor 180 and execute them. In addition, the touch panel 131 can be implemented in multiple types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch panel 131, the input unit 130 may further include other input devices 132. Specifically, the other input devices 132 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control keys, power on / off keys, etc.), a trackball, a mouse, a joystick, etc.

[0033] The display unit 140 can be used to display information input by the user or information provided to the user, as well as various menus of the mobile phone, such as displaying wallpapers and their switching animations, etc. The display unit 140 may include a display panel 141. Optionally, the display panel 141 can be configured in the form of a liquid crystal display (LCD), a light emitting diode (LED), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), etc. Further, the touch panel 131 can cover the display panel 141. When the touch panel 131 detects a touch operation on or near it, it is transmitted to the processor 180 to determine the type of touch event. Subsequently, the processor 180 provides a corresponding visual output on the display panel 141 according to the type of touch event. For example, the touch panel 131 can detect the action of the user continuously swiping across the screen and obtain the progress of the current touch screen position, etc. Although in Figure 1 this case, the touch panel 131 and the display panel 141 are implemented as two independent components to realize the input and input functions of the mobile phone, but in some embodiments, the touch panel 131 and the display panel 141 can be integrated to realize the input and output functions of the mobile phone.

[0034] The mobile phone 100 may further include at least one sensor 150, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor. Among them, the ambient light sensor can adjust the brightness of the display panel 141 according to the brightness of the ambient light, and the proximity sensor can turn off the display panel 141 and / or the backlight when the mobile phone is moved to the ear. As a kind of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (generally three axes). When stationary, it can detect the magnitude and direction of gravity and can be used for applications that identify the posture of the mobile phone (such as landscape / portrait screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometers, taps, etc.); As for other sensors that the mobile phone can also be configured with, such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be elaborated here.

[0035] The audio circuit 160, speaker 161, and microphone 162 can provide an audio interface between the user and the mobile phone. The audio circuit 160 can transmit the electrical signal converted from the received audio data to the speaker 161, and the speaker 161 converts it into a sound signal for output; on the other hand, the microphone 162 converts the collected sound signal into an electrical signal, which is received by the audio circuit 160 and then converted into audio data. After the audio data is output to the processor 180 for processing, it is sent via the RF circuit 110 to, for example, another electronic device, or the audio data is output to the memory 120 for further processing.

[0036] Communication technologies such as Wi-Fi, Bluetooth, Near Field Communication (NFC), and Ultra Wide Band (UWB) belong to short-range wireless transmission technologies. The mobile phone can help users send and receive emails, browse the web, and access streaming media through the short-range wireless module 170, which provides users with wireless broadband Internet access. The above-mentioned short-range wireless module 170 can include a Wi-Fi chip, a Bluetooth chip, an NFC chip, and a UWB chip. Through the Wi-Fi chip, the mobile phone 100 can achieve the function of Wi-Fi Direct connection with other electronic devices, and the mobile phone 100 can also work in the AP mode (Access Point mode) that can provide wireless access services and allow other wireless devices to access, or work in the STA mode (Station mode) that can connect to an AP but does not accept wireless device access, so as to establish a point-to-point communication between the mobile phone 100 and other Wi-Fi devices.

[0037] The processor 180 is the control center of the mobile phone, connecting various parts of the entire mobile phone through various interfaces and circuits. By running or executing the software programs and / or modules stored in the memory 120, and by calling the data stored in the memory 120, it executes various functions of the mobile phone and processes data, thereby monitoring the mobile phone as a whole. Optionally, the processor 180 may include one or more processing units; optionally, the processor 180 may include, for example, an Application Processor (AP), a modem processor, a Graphics Processing Unit (GPU), an Image Signal Processor (ISP), a controller, a video codec, a Digital Signal Processor (DSP), a baseband processor, and / or a Neural-Network Processing Unit (NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors.

[0038] The mobile phone 100 further includes a power supply 190 (such as a battery) for supplying power to each component. Exemplarily, the power supply can be logically connected to the processor 180 through a power management system, so as to implement functions such as management of charging, discharging, and power consumption management through the power management system.

[0039] The mobile phone 100 may further include a camera. Optionally, the position of the camera on the mobile phone can be front-facing or rear-facing, and the embodiments of the present application do not limit this. Among them, the mobile phone can collect a scene image of the current scene through the camera, and determine the scene information and scene type by parsing the scene image.

[0040] The software system of the mobile phone 100 can adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture, etc. For example, both the Android system and the IOS adopt a layered architecture.

[0041] Figure 2 Schematically shows a flowchart of a wallpaper display method of an electronic device according to at least one embodiment of the present disclosure. In the present disclosure, "a plurality of" or similar expressions refer to two or more.

[0042] As Figure 2 shown, in step S210, a wallpaper switching instruction is received.

[0043] In some embodiments, the wallpaper switching instruction may be an action of continuously swiping the touch screen starting from a first side on the screen of the electronic device and moving towards the opposite second side. For example, the first side and the second side may be opposite in the longitudinal direction, that is, the wallpaper switching instruction is an action of continuously swiping the touch screen in the longitudinal direction.

[0044] In some cases, the end position of the action of continuously swiping the touch screen as the wallpaper switching instruction is not restricted, that is, it does not need to slide to the second side, but can end at any position between the first side and the second side.

[0045] For example, the wallpaper switching instruction may be a downward pull action of the user from the top of the screen. At this time, the above-mentioned first side is the top of the screen, and the second side is the bottom of the screen. In some cases, the touch action of the user falling within a predetermined area near the top of the screen can be regarded as the user starting to pull down from the top of the screen. This downward pull action can end at any intermediate position of the screen, or end within a predetermined area near the bottom of the screen.

[0046] In some cases, in response to the downward pull action of the user, a status bar panel can be superimposed and displayed on the current display screen of the screen. Therefore, the corresponding wallpaper switching instruction can switch the wallpaper currently displayed on the screen to the wallpaper of the status bar panel, that is, the first wallpaper described below is the wallpaper of the status bar panel.

[0047] It should be understood that in some cases, the wallpaper switching instruction is an action that lasts for a period of time. At this time, receiving a wallpaper switching instruction in step S210 does not mean receiving the completion of the entire action, but receiving the start of the action, that is, the subsequent steps S220 and S230 of the method of the embodiment of the present disclosure can be performed when the start of the wallpaper switching instruction is received.

[0048] The content of the embodiments of the present disclosure described below will mainly take the scenario where the user pulls down the status bar panel as an example for some detailed descriptions. However, it should be understood that the details corresponding to this scenario are only illustrative and not restrictive.

[0049] Next, as Figure 2 shown, in step S220, the first wallpaper to be displayed is obtained.

[0050] For example, when the user presses the screen and starts to pull down the status bar panel, the wallpaper of the status bar panel is obtained as the first wallpaper. Additionally, in some cases, the desktop wallpaper can also be obtained simultaneously. When the desktop wallpaper and the wallpaper of the status bar panel are static wallpapers, both can be provided by the SystemUI process. When setting the static wallpaper, SystemUI will write these two wallpapers into the memory, and the Wallpaper process can obtain these two wallpapers from the memory.

[0051] Then, in step S230, a switching animation is displayed on the current interface of the screen of the electronic device. Among them, the switching animation includes a process on the current interface where the first wallpaper unfolds from a wound state and covers the current interface. The first wallpaper during the unfolding process includes a scroll part and an unfolding part. The unfolding part extends from the scroll part and increases as the first wallpaper unfolds. Then, in step S240, in response to the complete unfolding of the first wallpaper, the wallpaper currently displayed on the screen is switched to the first wallpaper.

[0052] The above switching animation simulates the process of unfolding the first wallpaper as a scroll painting, which can provide a novel display effect and bring a better user experience.

[0053] The above current interface of the screen can be, for example, the main interface that displays the desktop, which can present the desktop wallpaper and application icons, etc. In some examples, the user can pull down the status bar panel from the top of the screen in the main interface state, thereby triggering the display of the above switching animation.

[0054] In some embodiments, during the unfolding process, the scroll part can move along with the progress of the current touch screen position, which can provide a hand-following display effect, that is, the first wallpaper unfolds along with the sliding of the user's finger on the screen, thereby improving the user's interactive experience. For example, the vertical position of the scroll part can be determined according to the progress of the current touch screen position.

[0055] In some examples of continuous touch screen sliding in the vertical direction, the current touch screen position progress can be defined as the forward ratio of the current touch screen position in the vertical direction of the screen, for example, the ratio of the vertical coordinate of the current touch screen position to the screen height, which is 0 when it is at the top of the screen and 1 when it is at the bottom of the screen.

[0056] For example, in some examples where the user pulls down the status bar panel, the current touch screen position progress can be represented by the progress of the status bar panel. The progress of the status bar panel refers to the ratio of the panel height (the distance from the current lowest position of the panel to the top of the screen) to the screen height, which is 0 when it is at the top of the screen and 1 when it is at the bottom of the screen; this standard is used uniformly regardless of whether the user pulls down or pushes up the panel.

[0057] When the progress is 0, the screen has not started to display the switching animation yet, and the original display image is still maintained; when the progress is 1, the first wallpaper is fully expanded, and the wallpaper currently displayed on the screen is switched to the first wallpaper.

[0058] The progress of the status bar panel can be represented by a floating point data, which can be calculated by the SystemUI process, for example, and passed to the Wallpaper process through Binder cross-process communication. It should be understood that the embodiments of the present disclosure are not limited to this data type.

[0059] In addition, in order to better simulate the actual unfolding process of the scroll, in some examples, the scroll can be set so that its center position protrudes more forward than the two end positions, and the protrusion becomes smaller as the display area of ​​the first wallpaper on the screen increases, so that the protrusion of the scroll part gradually becomes gentle.

[0060] In some examples, such as the aforementioned example of the drop-down status bar panel, the center position and the two end positions here refer to the positions in the horizontal direction (horizontal direction) of the screen, and the protrusion refers to the longitudinal position protrusion. For example, for the axis of the scroll, the longitudinal coordinate at the center position is greater than the longitudinal coordinate at the two end positions (with the top of the screen as the origin of the longitudinal coordinate), and the protrusion can be represented by the difference between the two longitudinal coordinates. As the axis moves down, the difference becomes smaller and the protrusion becomes gentle.

[0061] For example, the scroll may be in a U-shape, and as the first wallpaper is unfolded, the U-shape of the scroll gradually becomes gentler. At this time, the axis of the scroll is also in a U-shape.

[0062] The vertical position of the scroll can be calculated according to the progress of the current touch screen position, such as the vertical position of the axis line of the scroll, so as to obtain the various display effects described above.

[0063] The following gives an example of calculating the scroll position. It should be understood that the specific functions and numerical values in the calculation examples in the present disclosure are only illustrative and not restrictive. Those skilled in the art can make various adaptive modifications according to the inspiration of the present disclosure, and these modifications are all within the protection scope of the present disclosure.

[0064] The abscissa uv.x of the texture coordinate corresponding to the current pixel position, the radius radius of the scroll corresponding to the current pixel position, and the progress u_fraction of the current touch screen position can be input, and then the vertical position ρ of the axis line of the scroll corresponding to the current pixel position can be calculated as follows: 1) First, define the maximum offset of the two ends of the U-shaped scroll relative to the central position (which can represent the protrusion): maxOffset = (1.0 - u_fraction) × 0.05, Correspondingly, the minimum offset minOffset at the central position is 0; It can be seen from this that the U-shaped offset of the scroll is the largest at the top of the screen and gradually becomes flatter as it moves towards the bottom of the screen, so as to simulate the display effect that the U-shaped effect of the scroll gradually becomes flatter when the painting scroll is unfolded.

[0065] 2) Determine the offset corresponding to the current pixel position: Offset = maxOffset + (minOffset - maxOffset) × sin(uv.x × π), where uv.x is the normalized abscissa, and its value ranges from 0 to 1. Thus, the U-shaped scroll offset can be set by using half a period of the sine function sin, that is, the offset in the middle is small and the offset on both sides is large, so as to simulate the effect of the U-shaped scroll; it should be understood that a parabola function or the like can also be used to replace the sine function sin in the above formula to achieve a similar U-shaped effect.

[0066] In some embodiments, the mixing (transition) of two values can be implemented using the mix() function. The mix function accepts three parameters, namely the two values to be mixed and a mixing factor. The mixing factor is a value between 0 and 1, which represents the proportion filled by the first value. If the mixing factor is 0, the first value is returned; if the mixing factor is 1, the second value is returned; if the mixing factor is 0.5, the average of the two values is returned. Therefore, the offset corresponding to the current pixel position can also be calculated using the mix() function, Offset = mix(maxOffset, minOffset, sin(uv.x × π)).

[0067] 3) Determine the longitudinal position of the scroll axis corresponding to the current pixel position: ρ = u_fraction - radius - Offset.

[0068] By determining the longitudinal position of the entire scroll axis and the scroll radius, the position of the entire scroll part on the screen can be determined.

[0069] The aforementioned scroll radius radius can be a fixed value, or it can be variable, for example, it changes with the change of u_fraction and / or uv.x.

[0070] In some examples, the scroll radius is inconsistent and gradually increases from the center position to the two end positions, and the scroll radius becomes smaller as the display area of the first wallpaper on the screen increases, that is, it changes with the change of u_fraction and uv.x.

[0071] For example, it can be achieved by the method as Figure 3 shown to determine the scroll radius of each pixel position in the scroll part, so as to achieve the above-mentioned display effect of the scroll.

[0072] As Figure 3 shown, in step S310, based on the initial threshold and end threshold of the scroll radius and the current touch screen position progress, a radius value based on the current touch screen position progress is obtained.

[0073] For example, the initial threshold of the scroll radius can be set to the maximum value, the end threshold to the minimum value, and this radius value based on the current touch screen position progress linearly decreases from the maximum value to the minimum value as the current touch screen position progress increases.

[0074] For example, let the radius value based on the current touch screen position progress be radius1 = mix(initial threshold, end threshold, u_fraction), the initial threshold be 0.04, and the end threshold be 0.02, then we get: radius1 = 0.04+(0.02 - 0.04) × u_fraction, Thus, the effect that the scroll gradually becomes smaller from the top to the bottom of the screen can be simulated. The radius of the scroll is the largest at the top and the smallest at the bottom.

[0075] Next, in step S320, based on the first threshold at the center position of the scroll radius, the second threshold at both side positions, and the abscissa of the texture coordinate corresponding to the current pixel position, a horizontal adjustment parameter is obtained.

[0076] For example, the first threshold at the center position of the scroll radius can be set to the minimum value, the second threshold at both side positions can be set to the maximum value, and this horizontal adjustment parameter gradually increases from the minimum value to the maximum value as the abscissa of the texture coordinate corresponding to the current pixel position goes from the middle to both sides.

[0077] For example, let this horizontal adjustment parameter be radius2 = mix(second threshold at both side positions, first threshold at center position, sin(uv.x × π)), the first threshold at the center position is 0.7, and the second threshold at both side positions is 1, then we get: radius2 = 1.0+(0.7 - 1.0) × sin(uv.x × π), Thus, the effect that the scroll is smaller in the middle and larger at both sides can be simulated.

[0078] Next, in step S330, the radius value based on the progress of the current touch screen position is adjusted with the horizontal adjustment parameter to obtain the scroll radius at the current pixel position.

[0079] For example, the radius value based on the progress of the current touch screen position mentioned above can be multiplied by the horizontal adjustment parameter mentioned above to obtain the scroll radius at the current pixel position: radius3 = radius1 × radius2, Thus, the above two effects of the scroll can be simulated simultaneously, that is, the display effect that the scroll radius is smaller in the middle, larger at both ends, and the overall scroll radius gradually becomes smaller as the picture is unfolded can be obtained.

[0080] In addition, in some examples, in order to increase authenticity, protrusions can also be displayed on the scroll part.

[0081] For example, there are multiple protrusions on the scroll part. The farther the protrusion is from the center position among the multiple protrusions, the larger it appears, and the positions of the multiple protrusions on the scroll part change as the scroll part moves.

[0082] For example, it can be through such as Figure 4The method shown calculates the radius of the scroll after the concave-convex transformation to implement the multiple protrusions.

[0083] As Figure 4 shown, in step S410, based on the abscissa of the texture coordinates corresponding to the current pixel position, the maximum amplitude and the minimum amplitude of the protrusion are mixed to obtain an unadjusted protrusion value that simulates the small middle and large sides of the protrusion on the scroll axis.

[0084] For example, it can be set that the unadjusted protrusion value gradually increases from the minimum amplitude of the protrusion to the maximum amplitude of the protrusion as the abscissa of the texture coordinates corresponding to the current pixel position goes from the middle to both sides.

[0085] For example, let the unadjusted protrusion value be hump1 = mix(maximum amplitude, minimum amplitude, sin(uv.x × π)), the maximum amplitude maxAmp of the protrusion is 0.0015, and the minimum amplitude is 0.0008, then we get: hump1 = 0.0015+(0.0008 - 0.0015) × sin(uv.x × π), Thus, the display effect of small protrusion amplitude in the middle of the scroll and large protrusion amplitude on both sides can be simulated.

[0086] Next, in step S420, a first protrusion adjustment parameter is obtained based on the abscissa of the texture coordinates corresponding to the current pixel position using a simple harmonic wave function, where the phase of the simple harmonic wave function changes with the change of the current touch screen position progress.

[0087] For example, the first protrusion adjustment parameter hump2 is as follows: hump2 = sin(uv.x × 100.0 + u_fraction × 50.0), Thus, hump2 is a simple harmonic wave function used to simulate the simple harmonic motion of the protrusion. uv.x × 100 determines the shape of the waveform in the horizontal direction (where 100 is related to the frequency of the wave), and u_fraction × 50 determines the phase of the wave.

[0088] Therefore, the display effect that the positions of multiple protrusions on the scroll part change with the movement of the scroll part can be achieved.

[0089] Next, in step S430, a second protrusion adjustment parameter is determined based on the current touch screen position progress.

[0090] For example, to solve the problem that the desktop wallpaper will leak out at the bottom of the screen when u_fraction is 1, the second protrusion adjustment parameter hump3 can be set.

[0091] When u_fraction ≤ 1.0 - maxAmp, hump3 = 1.0; while when u_fraction > 1.0 - maxAmp, hump3 = (1.0 - u_fraction) / maxAmp.

[0092] Next, in step S440, the unadjusted bulge value is adjusted with the first bulge adjustment parameter and the second bulge adjustment parameter to obtain the scroll radius bulge value at the current pixel position.

[0093] For example, the unadjusted bulge value obtained previously can be multiplied by the first bulge adjustment parameter and the second bulge adjustment parameter to obtain the scroll radius bulge value humpt at the current pixel position: humpt = hump1 × hump2 × hump3, In this way, the two effects of the above-mentioned scroll bulge can be simulated simultaneously, that is, it can achieve a sense of unevenness on the scroll, with a small bulge in the middle and large bulges on both sides, and the bulge will move horizontally as the picture is unfolded, and the problem that the desktop wallpaper will leak out at the bottom of the screen as described above can be avoided.

[0094] Next, in step S450, the scroll radius after the concavo-convex transformation at the current pixel position is obtained according to the scroll radius at the current pixel position and the scroll radius bulge value at the current pixel position.

[0095] For example, the scroll radius bulge value humpt at the current pixel position can be added to the scroll radius radius at the current pixel position to obtain the scroll radius humpRadius after the concavo-convex transformation at the current pixel position, that is: humpRadius = radius + humpt, The radius in the above formula can be a fixed value, or the radius3 obtained by the method Figure 3 previously.

[0096] In addition, in some examples, in order to better simulate the effect of the scroll winding, an image of the unrolled part can be displayed on the scroll part.

[0097] For example, each pixel of the scroll part is mapped from the unrolled part of the first wallpaper in the case of unfolding through a cycloid equation.

[0098] It can be assumed that the scroll scrolls on the screen as Figure 5 shown.

[0099] Figure 5The vertical bar in it represents the screen, and its longitudinal position value is normalized. The longitudinal position value at the top of the screen is 0, and the longitudinal position value at the bottom of the screen is 1.

[0100] Figure 5 The circle in it is a schematic cross-section of the scroll scrolled to the current longitudinal position ρ; r represents the radius of the scroll, which can be the humpRadius of the scroll after the concavo-convex transformation calculated previously; uv.y represents the ordinate of the texture coordinate corresponding to the current pixel position; dist represents the difference between uv.y and ρ; cosθ = dist / r.

[0101] The color to be displayed for the current pixel can be obtained by the following method: 1) When uv.y < ρ - r, it means that the current pixel is the pixel from the upper side of the scroll to the top of the screen, that is, the pixel of the unfolded part, and it should be rendered as the color of the first wallpaper. 2) When uv.y > ρ + r, it means that the current pixel is the pixel from the lower side of the scroll to the bottom of the screen, that is, the pixel of the part where the first wallpaper has not appeared yet, and it should be rendered as the color of the image originally displayed on the screen. 3) When ρ - r ≤ uv.y < ρ, it means that the current pixel is the pixel of the upper part of the scroll above the axis line, as shown in the left diagram in Figure 5 Through the cycloid equation, it can be calculated that the point on the scroll corresponds to the pixel at the position v = ρ + (1.5π - θ) × r below after unfolding, that is, uv.y will be mapped to ρ + (1.5π - θ) × r, and the current pixel should be rendered as the color of the pixel of the first wallpaper at ρ + (1.5π - θ) × r, and the abscissa of the mapped pixel remains unchanged. 4) When ρ ≤ uv.y ≤ ρ + r, it means that the current pixel is the pixel of the lower part of the scroll below the axis line, as shown in the right diagram in Figure 5 Through the cycloid equation, it can be calculated that the point on the scroll corresponds to the pixel at the position v = ρ + (0.5π + θ) × r below after unfolding, that is, uv.y will be mapped to ρ + (0.5π + θ) × r, and the current pixel should be rendered as the color of the pixel of the first wallpaper at ρ + (0.5π + θ) × r, and the abscissa of the mapped pixel remains unchanged.

[0102] If v > 1 is obtained after the scroll is unfolded, that is, beyond the bottom of the screen, the above mapping can be not performed, but directly take the color of the first wallpaper at the current pixel position.

[0103] In addition, in some examples, the scroll part can generate a shadow on the screen, and the intensity of the shadow increases as the distance from the center of the scroll part in the vertical direction increases. That is, shadow effects can be displayed on both the upper and lower sides of the scroll part. The closer to the edge, the greater the intensity of the shadow. Thus, there is a shadow overlay on the scroll, increasing the three-dimensional effect.

[0104] For example, a shadow factor shadow can be set for each pixel on the scroll part, and the color of each pixel is multiplied by this shadow factor shadow to obtain the finally displayed color. The smaller the value of the shadow factor shadow, the greater the shadow intensity, and the darker the black shadow is displayed. The larger its value, the smaller the shadow intensity and the smaller the impact on the pixel color.

[0105] For example, the shadow factor shadow = mix(0.1, 1.0, sin 2 θ) can be calculated as follows: shadow = 0.1+(1.0 - 0.1) × sin 2 θ, From this, it can be obtained that the shadow intensity gradually increases from the axis line of the scroll towards the upper and lower sides of the scroll in the longitudinal direction.

[0106] In addition, in some examples, the first wallpaper being unfolded can be fused and displayed with the image originally displayed on the screen based on transparency. The transparency is the transparency of the first wallpaper, which can be set to become lower as the current touchscreen position progress increases. For example, it becomes less transparent as the first wallpaper is unfolded more.

[0107] For example, during the unfolding process of the first wallpaper, the unfolded part presents a fused image obtained by fusing the first wallpaper with the originally displayed image at the same position based on transparency, and each pixel in the scroll part presents a fused color obtained by fusing the color of the pixel at the unfurled position of the first wallpaper mapped through the cycloid equation with the color of the pixel of the originally displayed image at the same position based on the transparency. The transparency changes from high to low based on the current touchscreen position progress.

[0108] For example, the following formula can be used for fusion:

[0109] Among them, alpha is the transparency, with a value ranging from 0 to 1. The smaller the value, the higher the transparency, and alpha increases as u_fraction increases; Tex1 is the color of each pixel in the unfolded part or the scroll part of the first wallpaper, launcherTex is the color of the pixel at the same position of the image originally displayed on the screen, and finTex is the blended color obtained by blending based on the transparency.

[0110] In addition, it should be understood that although the process of the first wallpaper being unfolded in a scroll manner is discussed above, in some embodiments, the switching animation may also include the process of the first wallpaper being wound in a scroll manner, which is the reverse process of the unfolding process, and various parameters thereof can be calculated in the same way, just like playing the unfolding process in reverse. For example, the switching animation can be displayed in a follow - the - finger manner throughout the entire duration of a continuous touch - screen swipe. When the user swipes down, the unfolding process of the first wallpaper is displayed, and when the user swipes up, the winding process of the first wallpaper is displayed.

[0111] In the above examples, the animation thread can be responsible for modifying the parameters of the wallpaper, such as the current touch - screen position progress u_fraction, etc., and the rendering thread can render the screen according to the current wallpaper parameters, thereby achieving the switching animation effect of the scroll of the painting axis.

[0112] The rendering of the wallpaper can be implemented using OpenGL ES. For example, each frame of the screen can be rendered in the onDrawFrame method of GLSerfaceView.Renderer.

[0113] Next, refer to Figures 6 to 9 to describe the display effect of an example switching animation. Figure 6 Exemplarily shows the display effect at the first touch - screen position progress in the switching animation according to at least one embodiment of the present disclosure, Figure 7 Exemplarily shows the display effect at the second touch - screen position progress in this switching animation, Figure 8 Exemplarily shows the display effect at the third touch - screen position progress in this switching animation, Figure 9 Exemplarily shows the display effect at the fourth touch - screen position progress in this switching animation, where the first touch - screen position progress, the second touch - screen position progress, the third touch - screen position progress, and the fourth touch - screen position progress increase in sequence.

[0114] From Figures 6 to 9 , as the user's finger continuously touches and swipes from the top of the screen to the bottom of the screen, the screen gradually switches from the original main interface image (including the dynamic desktop wallpaper and some application icons thereon) to the first wallpaper (the wallpaper of the status bar panel).

[0115] As Figure 6 and Figure 7As shown in the comparison, as the current touch screen position progress (as shown by the white dot in the figure) increases, the first wallpaper gradually expands, the scroll gradually moves down, the expanded part of the upper part of the scroll displays the fused image obtained by merging the first wallpaper with the original main interface image based on transparency, and the scroll part displays the fused image obtained by merging the image of the first wallpaper's unexpanded position mapped to it with the original main interface image based on transparency, wherein the transparency gradually decreases, and the lower part of the scroll displays the original main interface image. In addition, the scroll is U-shaped, with large sides and small middle; there is a concave-convex feeling on the scroll, and the bulge gradually increases from the middle to the two ends; shadows are superimposed on the upper and lower sides of the scroll; and as the first wallpaper gradually expands, the scroll gradually becomes smaller, the U-shaped shape gradually becomes flat, and the bulge on the scroll gradually translates in the horizontal direction.

[0116] Then, when the current touch screen position progresses to near the bottom of the screen, that is, when the tail scroll of the first wallpaper is unfolded to the end, Figure 8 As shown in the figure, the picture is gradually flattened, and the scroll disappears, simulating the end of the scroll being tilted up when it is finally unfolded. After the switch is completed, the first wallpaper is fully unfolded, as shown in the figure. Figure 9 As shown, the wallpaper currently displayed on the screen is switched to the first wallpaper, on which some status bar panel information may be superimposed.

[0117] Therefore, the disclosed embodiment realizes seamless switching of wallpapers, and realizes various display effects such as scroll curling, U-shaped transformation of scrolls, concave-convex transformation of scrolls, shadow overlay, etc. during the switching process, bringing a better user experience.

[0118] Figure 10 A schematic structural diagram of an electronic device that can be used to implement the above-mentioned wallpaper display method according to at least one embodiment of the present disclosure is shown.

[0119] See also Figure 10 , the electronic device 1000 includes a memory 1010 , a processor 1020 and a screen 1030 .

[0120] Screen 1030 may be any available display screen that can display wallpapers and their switching animations. For example, through the method according to an embodiment of the present disclosure, a wallpaper switching display effect may be presented in a scroll-unfolding manner.

[0121] The processor 1020 can be a multi-core processor or can include multiple processors. In some embodiments, the processor 1020 can include a general-purpose main processor and one or more special coprocessors, such as a graphics processing unit (GPU), a digital signal processor (DSP), and so on. In some embodiments, the processor 1020 can be implemented using custom circuitry, such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

[0122] The memory 1010 can include various types of storage units, such as system memory, read-only memory (ROM), and permanent storage devices. Among them, the ROM can store static data or instructions required by the processor 1020 or other modules of the computer. The permanent storage device can be a readable and writable storage device. The permanent storage device can be a non-volatile storage device that does not lose the stored instructions and data even when the computer is powered off. In some embodiments, the permanent storage device uses a mass storage device (such as a magnetic or optical disk, flash memory) as the permanent storage device. In some other embodiments, the permanent storage device can be a removable storage device (such as a floppy disk, optical drive). The system memory can be a readable and writable storage device or a volatile readable and writable storage device, such as dynamic random access memory. The system memory can store some or all of the instructions and data required by the processor during operation. In addition, the memory 1010 can include any combination of computer-readable storage media, including various types of semiconductor storage chips (DRAM, SRAM, SDRAM, flash memory, programmable read-only memory), and magnetic disks and / or optical disks can also be used. In some embodiments, the memory 1010 can include a removable storage device that is readable and / or writable, such as a compact disc (CD), a read-only digital versatile disc (such as a DVD-ROM, dual-layer DVD-ROM), a read-only Blu-ray disc, a high density optical disc, a flash memory card (such as an SD card, a mini SD card, a Micro-SD card, etc.), a magnetic floppy disk, and so on. The computer-readable storage media do not include carrier waves and instantaneous electronic signals transmitted wirelessly or wiredly.

[0123] An executable code is stored on the memory 1010, and when the executable code is processed by the processor 1020, it can cause the processor 1020 to execute the wallpaper display method of the electronic device described above.

[0124] In addition, the method according to the present disclosure can also be implemented as a computer program or a computer program product, which includes computer program code instructions for executing the above steps defined in the above method of the present disclosure.

[0125] Alternatively, the present disclosure may also be implemented as a non-transitory machine-readable storage medium (or computer-readable storage medium, or machine-readable storage medium) having executable code (or computer program, or computer instruction code) stored thereon, which, when executed by a processor of an electronic device (or computing device, server, etc.), causes the processor to perform each step of the above-described method according to the present disclosure.

[0126] Those skilled in the art will also understand that the various exemplary logical blocks, modules, circuits, and algorithm steps described in connection with the present disclosure may be implemented as electronic hardware, computer software, or a combination of both.

[0127] The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems and methods according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of code, or a part thereof that contains one or more executable instructions for implementing a specified logical function. It should also be noted that, in some alternative implementations, the functions marked in the blocks may occur in a different order than marked in the figures. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented by a dedicated hardware-based system for performing the specified functions or operations, or by a combination of dedicated hardware and computer instructions.

[0128] The embodiments of the present disclosure have been described above. The above description is exemplary and not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The selection of the terms used herein is intended to best explain the principles of the embodiments, the practical application, or the improvement of the technology in the market, or to enable other ordinary skilled persons in the art to understand the embodiments disclosed herein.

Claims

1. A wallpaper display method for an electronic device, comprising: Receiving a wallpaper switching instruction; Obtaining a first wallpaper to be displayed; Displaying a switching animation on the current interface of the screen of the electronic device, wherein the switching animation includes a process on the current interface where the first wallpaper unfolds from a wound state and covers the current interface. The first wallpaper during the unfolding process includes a scroll part and an unfolding part. The unfolding part extends from the scroll part and increases as the first wallpaper unfolds; In response to the first wallpaper being fully unfolded, the wallpaper currently displayed on the screen is switched to the first wallpaper.

2. The method according to claim 1, wherein The wallpaper switching instruction is a continuous touch-screen sliding action starting from a first side on the screen and moving towards the opposite second side; During the unfolding process, the scroll part moves following the progress of the current touch-screen position, and the central position of the scroll part protrudes more than the two end positions. The protrusion becomes smaller as the display area of the first wallpaper on the screen increases, making the protrusion of the scroll part gradually become flatter; The radius of the scroll part is inconsistent, gradually increasing from the central position to the two end positions, and the radius of the scroll part becomes smaller as the display area of the first wallpaper on the screen increases.

3. The method according to claim 2, wherein Displaying the switching animation further includes: Obtaining a radius value based on the current touch-screen position progress based on an initial threshold and an end threshold of the scroll radius and the current touch-screen position progress; Obtaining a horizontal adjustment parameter based on a first threshold at the central position of the scroll radius, a second threshold at the two side positions, and the abscissa of the texture coordinates corresponding to the current pixel position; Adjusting the radius value based on the current touch-screen position progress with the horizontal adjustment parameter to obtain the scroll radius at the current pixel position.

4. The method according to claim 3, wherein, There are multiple protrusions on the scroll part. Among the multiple protrusions, the protrusions farther away from the central position appear larger, and the positions of the multiple protrusions on the scroll part change as the scroll part moves.

5. The method according to claim 4, wherein, The multiple protrusions are realized by calculating the scroll radius after concavo-convex transformation as follows: Mixing the maximum amplitude and the minimum amplitude of the protrusions based on the abscissa of the texture coordinates corresponding to the current pixel position to obtain an unadjusted protrusion value simulating that the protrusions on the scroll part are smaller in the middle and larger on both sides; Obtaining a first protrusion adjustment parameter using a simple harmonic function based on the abscissa of the texture coordinates corresponding to the current pixel position, wherein the phase of the simple harmonic function changes as the current touch-screen position progress changes; Determining a second protrusion adjustment parameter based on the current touch-screen position progress; Adjusting the unadjusted protrusion value with the first protrusion adjustment parameter and the second protrusion adjustment parameter to obtain the scroll radius protrusion value at the current pixel position; And Obtaining the scroll radius after concavo-convex transformation at the current pixel position according to the scroll radius at the current pixel position and the scroll radius protrusion value at the current pixel position.

6. The method according to claim 2, wherein, Each pixel of the scroll part is mapped from the unrolled part of the first wallpaper in the case of unfolding through a cycloid equation.

7. The method according to claim 2, wherein The scroll part generates a shadow on the screen, and the intensity of the shadow increases as the distance from the center of the scroll part in the vertical direction increases.

8. The method according to claim 2, wherein During the unfolding process of the first wallpaper, the unfolding part presents a fused image obtained by fusing the first wallpaper with the original displayed image at the same position based on transparency, and each pixel in the scroll part presents a fused color obtained by fusing the color of the pixel at the unfurled position of the first wallpaper mapped through the cycloid equation with the color of the pixel of the original displayed image at the same position based on the transparency, and the transparency changes from high to low based on the current touch screen position progress.

9. An electronic device, comprising: a screen; a processor; and a memory storing executable code that, when executed by the processor, causes the processor to perform the method according to any one of claims 1-8.

10. A non-transitory machine-readable storage medium storing executable code that, when executed by a processor of an electronic device, causes the processor to perform the method according to any one of claims 1-8.

Images