Electronic device and wallpaper display method thereof

Abstract

The present disclosure relates to an electronic device and a wallpaper display method thereof. The method comprises: receiving a wallpaper switching instruction; obtaining a first wallpaper to be displayed; displaying a switching animation on a current interface of a screen of the electronic device, wherein the switching animation comprises a process in which the first wallpaper is unwound from a rolled state and covers the current interface on the current interface, the first wallpaper in the unwinding process comprises a reel part and an unwinding part, the unwinding part extends from the reel part and increases with the unwinding of the first wallpaper; and in response to the first wallpaper being completely unwound, the currently displayed wallpaper of the screen is switched to the first wallpaper. By using the method of the present disclosure, the wallpaper display can be switched in a reel unwinding manner, bringing a better user experience.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to electronic device screen display technology, and in particular, to a wallpaper display method of an electronic device. BACKGROUND

[0002] Some electronic devices, such as mobile phones, switch wallpapers when a user slides a status bar. However, existing mobile phones can only provide very simple or limited wallpaper switching modes, which cannot meet the needs of users. SUMMARY

[0003] Embodiments of the present disclosure provide a wallpaper display method of an electronic device, and corresponding electronic devices, non-transitory machine-readable storage media and computer program products for executing the method.

[0004] According to a first aspect of embodiments of the present disclosure, a wallpaper display method of an electronic device is provided, including: receiving a wallpaper switching instruction; obtaining a first wallpaper to be displayed; displaying a switching animation on a current interface of a screen of the electronic device, wherein the switching animation includes a process in which the first wallpaper unwinds from a wound state and covers the current interface on the current interface, the first wallpaper in the unwinding process includes a reel portion and an unwinding portion, the unwinding portion extends from the reel portion and increases with the unwinding of the first wallpaper; and in response to the first wallpaper being completely unwound, switching the wallpaper currently displayed on the screen to the first wallpaper.

[0005] Optionally, the wallpaper switching instruction is a continuous touch-screen sliding action from a first side to an opposite second side on the screen; in the unwinding process, the reel portion moves following the current touch-screen position progress, and a center position of the reel portion protrudes more than two end positions, the protrusion gradually becomes gentle as a display area of the first wallpaper on the screen increases; a radius of the reel portion is inconsistent, gradually increases from the center position to the two end positions, and decreases as the display area of the first wallpaper on the screen increases.

[0006] Optionally, displaying the switching animation further includes: obtaining a radius value based on the current touch-screen position progress based on an initial threshold value and an end threshold value of a reel radius and the current touch-screen position progress; obtaining a horizontal adjustment parameter based on a first threshold value of a center position of the reel radius and a second threshold value of two side positions and a horizontal coordinate of a texture coordinate 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 a reel radius of the current pixel position.

[0007] Optionally, the reel portion has a plurality of protrusions thereon, a protrusion farther away from the center position appears larger, and positions of the plurality of protrusions on the reel portion change with movement of the reel portion.

[0008] Optionally, the plurality of protrusions are implemented by: mixing a maximum amplitude and a minimum amplitude of the protrusions based on an abscissa of a texture coordinate corresponding to a current pixel position to obtain an unadjusted protrusion value simulating an unadjusted protrusion value of a protrusion on the reel portion, the protrusion having a small middle part and large side parts; obtaining a first protrusion adjustment parameter based on the abscissa of the texture coordinate corresponding to the current pixel position using a simple harmonic function, wherein a phase of the simple harmonic function changes with a change in the current touch screen position progress; determining a second protrusion adjustment parameter based on the current touch screen position progress; adjusting the unadjusted protrusion value using the first protrusion adjustment parameter and the second protrusion adjustment parameter to obtain a reel radius protrusion value of the current pixel position; and obtaining a post-bump-reel radius of the current pixel position based on a reel radius of the current pixel position and the reel radius protrusion value of the current pixel position.

[0009] Optionally, each pixel of the reel portion is mapped from an unexpanded part of the first wallpaper in an expanded case by a cyclide of Pythagorean.

[0010] Optionally, the reel portion generates a shadow on the screen, and an intensity of the shadow increases with an increase in a distance from a center of the reel portion in a vertical direction.

[0011] Optionally, during expansion of the first wallpaper, the expanded part presents a fusion image obtained by fusing the first wallpaper and an originally displayed image at the same position based on transparency, and each pixel in the reel portion presents a fusion color obtained by fusing a color of a pixel at an unexpanded position of the first wallpaper mapped by a cyclide of Pythagorean and a color of a pixel at the same position of the originally displayed image based on the transparency, the transparency decreasing from high to low based on the current touch screen position progress.

[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 having executable code stored thereon, when the executable code is executed by the processor, causing the processor to perform the method according to any of the solutions of the first aspect.

[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, causing the processor to perform the method according to any of the solutions of the first aspect.

[0014] According to a fourth aspect of the embodiments of the present disclosure, a computer program product is provided, including executable code, which when executed by a processor of an electronic device, causes the processor to perform the method according to any one of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0015] The above and other objects, features and advantages of the present disclosure will become more apparent from the following detailed description when taken in conjunction with the accompanying drawings in which like reference characters refer to like parts throughout the figures, and in which:

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

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

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

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

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

[0021] Figure 6 An exemplary display effect at a first touch screen position progress in a switching animation according to at least one embodiment of the present disclosure is shown, Figure 7 An exemplary display effect at a second touch screen position progress in the switching animation is shown, Figure 8 An exemplary display effect at a third touch screen position progress in the switching animation is shown, Figure 9 An exemplary display effect at a fourth touch screen position progress in the switching animation is shown, wherein 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 are sequentially increased.

[0022] Figure 10 An exemplary structural diagram of an electronic device according to at least one embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0023] Exemplary embodiments of the present disclosure will be described in greater detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it is understood that the present disclosure can be embodied in various forms and should not be limited by the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the present disclosure to those skilled in the art.

[0024] For example, in the operating system (such as the Android system) of an existing electronic device, when switching between the normal use state of the desktop of the electronic device and the state in which the status bar panel is pulled down to the bottom (or the state in which the status bar panel is fully presented), the switching between the two different static wallpapers is completed in an instant, and there is no gradual transition process, which is poor in user experience. Even if there are some gradual transition solutions, the switching effect is relatively simple.

[0025] For another example, in the IOS (I Operating System) operating system, the wallpaper translation can be used to achieve the follow-hand effect of pulling down, but this wallpaper picture is customized and cannot be an arbitrary picture. In addition, the gradual transition display effect of IOS is a simple translation display effect, and the user interaction experience is also relatively general.

[0026] Therefore, the embodiments of the present disclosure disclose a wallpaper display method of an electronic device, which dynamically switches the wallpaper in a scroll-unfolding manner, like unfolding a new wallpaper on a plane as if unfolding a picture scroll, so as to bring a better user experience. In addition, in some embodiments, various other dynamic switching effects can be provided to more realistically simulate the unfolding process of a real picture scroll, thereby further improving the user experience. In addition, in some embodiments, the picture unfolding can follow the movement of the user's hand on the touch screen, that is, a follow-hand effect is presented, so as to obtain a better user interaction experience.

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

[0028] As an example and not a limitation, when the electronic device is a wearable device, the wearable device can also be a general term for wearable devices that are intelligently designed and developed using wearable technology for daily wear, such as gloves, watches, AR head-mounted display devices, VR head-mounted display devices, or MR (Mixed Reality) head-mounted display devices equipped with far-field communication modules and / or near-field communication modules.

[0029] In some embodiments, the electronic device may be a device having Figure 1 The exemplary hardware structure of the exemplary mobile phone 100 is shown as follows: Figure 1 As 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. It will be understood by those skilled in the art that Figure 1 The structure of the mobile phone 100 shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0030] The following combination Figure 1 The following describes the various components of the mobile phone 100:

[0031] The RF circuit 110 can be used for receiving and transmitting signals in information or communication processes. In particular, after receiving the downlink information from the base station, the RF circuit 110 provides the received signal to the processor 180 for processing. In addition, the RF circuit 110 transmits the uplink data 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 a network and other devices through wireless communication. The above-mentioned wireless communication can use any communication standard or protocol, and 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), Satellite Based Augmentation Systems (SBAS), etc.

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

[0033] The input unit 130 can be used to receive inputted digital or character information, and to generate key signal inputs related to the user settings and function control of the mobile phone 100. Specifically, the input unit 130 can include a touch panel 131 and other input devices 132. The touch panel 131, also known as a touch screen, can collect a user's touch operation (such as a user's operation on or near the touch panel 131 using a finger (for example, a single finger or multiple fingers), a stylus, or any suitable object or accessory) and drive the corresponding connection device according to the pre-set program. Optionally, the touch panel 131 can include two parts of a touch detection device and a touch controller. Among them, the touch detection device detects the touch position of the user and 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, and converts it into touch coordinates and sends it to the processor 180, and can also receive the commands from the processor 180 and execute them. In addition, the touch panel 131 can be implemented in various types such as a resistive type, a capacitive type, an infrared type, and a surface acoustic wave type. In addition to the touch panel 131, the input unit 130 can also include other input devices 132. Specifically, the other input devices 132 can include one or more of a physical keyboard, function keys (such as volume control keys, on-off keys, etc.), a trackball, a mouse, a joystick, etc.

[0034] The display unit 140 can be used to display information input by a user or information provided to the user, as well as various menus of the mobile phone, such as displaying wallpaper and its switching animation, etc. The display unit 140 can include a display panel 141, which 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, a touch panel 131 can be overlaid on the display panel 141, which, when detecting a touch operation on or near it, transmits to the processor 180 to determine the type of touch event, and then the processor 180 provides corresponding visual output on the display panel 141 according to the type of touch event. For example, the touch panel 131 can detect the user's continuous touch screen sliding action and obtain the current touch screen position progress, etc. Although in the above description, the touch panel 131 and the display panel 141 are implemented as two independent components to realize the input and output functions of the mobile phone, 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. Figure 1

[0035] The mobile phone 100 can also include at least one sensor 150, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor can include an ambient light sensor and a proximity sensor, wherein 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 one of the motion sensors, the accelerometer sensor can detect the magnitude of acceleration in each direction (generally three axes), and when at rest, it can detect the magnitude and direction of gravity, which 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 pedometer, tapping, etc.), and other sensors that can be configured on the mobile phone, such as a gyroscope, a barometer, a hygrometer, a thermometer, an infrared sensor, etc., which will not be described here.

[0036] ​The audio circuit 160, the speaker 161 and the microphone 162 can provide an audio interface between the user and the mobile phone. The audio circuit 160 can convert the received audio data into an electrical signal, transmit the electrical signal to the speaker 161, and convert the electrical signal into a sound signal output by the speaker 161; 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 converted into audio data. The audio data is output to the processor 180 for processing, and then transmitted to another electronic device via the RF circuit 110, or output to the memory 120 for further processing.

[0037] Wi-Fi, Bluetooth, Near Field Communication (NFC), Ultra Wide Band (UWB) and other communication technologies belong to short-range wireless transmission technologies. The short-range wireless module 170 can help users send and receive emails, browse web pages, and access streaming media, etc. It provides users with wireless broadband Internet access. The 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 be connected to other electronic devices through Wi-Fi Direct, and can also work in an AP mode (Access Point mode) that can provide wireless access services and allow other wireless devices to access, or work in an STA mode (Station mode) that can be connected to an AP that does not accept wireless device access, thereby establishing a point-to-point communication between the mobile phone 100 and other Wi-Fi devices.

[0038] The processor 180 is the control center of the mobile phone, which connects all parts of the mobile phone through various interfaces and lines, executes various functions and processes data of the mobile phone by running or executing software programs and / or modules stored in the memory 120 and calling data stored in the memory 120, and thus monitors the whole mobile phone. Optionally, the processor 180 can include one or more processing units; optionally, the processor 180 can include 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. Different processing units can be independent devices or integrated in one or more processors.

[0039] The mobile phone 100 also includes a power supply 190 (such as a battery) for supplying power to various components. For example, the power supply can be logically connected to the processor 180 through a power management system, thereby managing functions such as charging, discharging, and power consumption through the power management system.

[0040] The mobile phone 100 may also include a camera. Optionally, the camera may be located in the front or rear of the mobile phone, which is not limited in this embodiment of the present application. The mobile phone may capture a scene image of the current scene through the camera and determine scene information and scene type by analyzing the scene image.

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

[0042] Figure 2 The schematic flowchart of the wallpaper display method of the electronic device according to at least one embodiment of the present disclosure is exemplarily shown. In the present disclosure, "a plurality of" or similar expressions refers to two or more.

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

[0044] In some embodiments, the wallpaper switching instruction may be a continuous touch-screen swipe action starting from a first side and moving toward an opposite second side on the screen of the electronic device. For example, the first side and the second side may be opposite in the vertical direction, i.e., the wallpaper switching instruction is a continuous touch-screen swipe action in the vertical direction.

[0045] In some cases, the end position of the action of continuously sliding the touch screen as a 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.

[0046] For example, a wallpaper switching instruction could be a user pulling down from the top of the screen, where the first side is the top of the screen and the second side is the bottom of the screen. In some cases, a user's touch on the screen falling within a predetermined area near the top of the screen can be considered to be a user pulling down from the top of the screen. The pull-down action can end at any center of the screen or within a predetermined area near the bottom of the screen.

[0047] In some cases, in response to the user's pull-down action, the status bar panel can be superimposed on the current display screen of the screen, so 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 mentioned later is the wallpaper of the status bar panel.

[0048] It should be understood that in some cases, the wallpaper switching instruction is an action lasting for a period of time, and thus the reception of a wallpaper switching instruction in step S210 does not mean the reception of the entire action, but the reception of the beginning of the action, i.e., the reception of the beginning of the wallpaper switching instruction can trigger the subsequent steps S220 and S230 of the method of the embodiments of the present disclosure.

[0049] The embodiments of the present disclosure to be described later will be described in some details mainly in the scenario of the user pulling down the status bar panel, but it should be understood that the details corresponding to this scenario are only illustrative and not restrictive.

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

[0051] For example, when the user presses the screen to start pulling down the status bar panel, the wallpaper of the status bar panel is obtained as the first wallpaper. In addition, in some cases, the desktop wallpaper can also be obtained at the same time. In the case where the desktop wallpaper and the wallpaper of the status bar panel are static wallpapers, both of them can be provided by the SystemUI process. When setting the static wallpaper, the SystemUI writes the two wallpapers into the memory, and the Wallpaper process can get the two wallpapers from the memory.

[0052] Then, in step S230, a switching animation is displayed on the current interface of the screen of the electronic device, wherein the switching animation includes a process in which the first wallpaper is unrolled from a rolled state and covers the current interface on the current interface, and the first wallpaper in the unrolling process includes a scroll portion and an unrolled portion, the unrolled portion extends from the scroll portion and increases with the unrolling of the first wallpaper. Then, in step S240, in response to the complete unrolling of the first wallpaper, the wallpaper currently displayed on the screen is switched to the first wallpaper.

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

[0054] The current interface of the screen mentioned above can be, for example, the main interface displaying the desktop, which can present the desktop wallpaper and the icons of the applications, 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-mentioned switching animation.

[0055] ​In some embodiments, during the unfolding process, the reel portion can move following the current touch screen position progress, which can provide a hand-following display effect, i.e., the first wallpaper unfolds following the sliding of the user's finger on the screen, improving the user's interactive experience. For example, the position of the reel portion in the vertical direction can be determined according to the current touch screen position progress.

[0056] In some examples of continuous touch screen sliding in the vertical direction, the current touch screen position progress can be defined as the ratio of the current touch screen position in the vertical direction of the screen, e.g., the ratio of the vertical coordinate of the current touch screen position to the height of the screen, 0 when at the top of the screen, and 1 when at the bottom of the screen.

[0057] For example, in some examples of the user pulling 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 height of the screen, 0 when at the top of the screen, and 1 when at the bottom of the screen; whether the user pulls down or pushes up the panel, this standard is uniformly used.

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

[0059] The progress of the status bar panel can be represented by a float type data, which can be calculated by, for example, the SystemUI process and delivered 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.

[0060] In addition, in order to better simulate the actual drawing axis unfolding process, in some examples, the reel can be set such that the central position is more protruding than the two end positions, and the protrusion decreases as the display area of the first wallpaper on the screen increases, so that the protrusion of the reel portion gradually becomes gentle.

[0061] In some examples, for example, in the aforementioned example of pulling down the status bar panel, the central position and the two end positions here both refer to positions in the horizontal direction (horizontal direction) of the screen, and the protrusion refers to the vertical position protrusion. For example, for the axis of the reel, the vertical coordinate at the central position is greater than the vertical coordinate at the two end positions (with the top of the screen as the origin of the vertical coordinate), and the protrusion can be represented by the difference between the two vertical coordinates, which decreases as the axis of the reel moves downward, and the protrusion becomes gentle.

[0062] For example, the reel can have a U-shaped shape, and as the first wallpaper unfolds, the U-shaped effect of the reel gradually becomes gentle. At this time, the axis of the reel is also U-shaped.

[0063] The longitudinal position of the scroll, e.g. the longitudinal position of the axis of the scroll, can be calculated according to the current touch screen position progress, so as to obtain the various display effects mentioned above.

[0064] An example of calculating the position of the scroll is given below. It should be understood that the specific functions and numerical values in each of the calculation examples in the present disclosure are only illustrative, and are not limiting, and 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.

[0065] The horizontal coordinate uv.x of the texture coordinate corresponding to the current pixel position, the scroll radius radius corresponding to the current pixel position, and the current touch screen position progress u_fraction can be input, and then the longitudinal position p of the axis of the scroll corresponding to the current pixel position is calculated as follows:

[0066] 1) First, define the maximum offset of the two ends of the U-shaped scroll relative to the center position (which can represent the protrusion):

[0067] maxOffset = (1.0 - u_fraction) × 0.05,

[0068] Correspondingly, the minimum offset minOffset at the center position is 0;

[0069] As can be seen, the U-shaped offset of the scroll is maximum at the top of the screen, and gradually becomes gentle as it moves towards the bottom of the screen, so as to simulate the display effect that the U-shaped effect of the picture axis gradually becomes gentle when the picture is unfolded.

[0070] 2) Determine the offset corresponding to the current pixel position:

[0071] Offset = maxOffset + (minOffset - maxOffset) × sin(uv.x × π),

[0072] wherein uv.x is the normalized horizontal coordinate, taking a value from 0 to 1, so that the half period of the sine function sin can be used to set the U-shaped scroll offset, i.e. small offset in the middle and large offset on both sides, so as to simulate the effect of the U-shaped picture axis; it should be understood that a parabolic function or the like can be used instead of the sine function sin in the above formula to achieve a similar U-shaped effect.

[0073] In some embodiments, the mixing (transition) of the two values can be implemented by a mix() function. The mix function takes three arguments, which are two values to be mixed and a mixing factor. The mixing factor is a value between 0 and 1, which represents the proportion of the first value to fill. 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 by the mix() function, Offset = mix(maxOffset, minOffset, sin(uv.x x p i)).

[0074] 3) Determine the longitudinal position of the current pixel position corresponding to the shaft axis of the reel:

[0075] p = u_fraction - radius - Offset.

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

[0077] The aforementioned reel radius radius can be a fixed value, or can be variable, for example, changes with u_fraction and / or uv.x.

[0078] In some examples, the reel radius is not consistent, gradually increases from the center position to the end position, and the reel radius decreases as the display area of the first wallpaper on the screen increases, that is, changes with u_fraction and uv.x.

[0079] For example, the reel radius of each pixel position in the reel part can be determined by the method as shown in Figure 3 , so as to achieve the display effect of the reel as described above.

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

[0081] For example, the initial threshold value of the reel radius can be set as the maximum value, the end threshold value as the minimum value, and the 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.

[0082] For example, let the radius value based on the current touch screen position progress be radius1 = mix(initial threshold value, end threshold value, u_fraction), the initial threshold value be 0.04, and the end threshold value be 0.02, then

[0083] radius1 = 0.04+(0.02-0.04) × u_fraction,

[0084] Thus, the effect that the radius of the scroll gradually decreases from the top to the bottom of the screen can be simulated, and the radius of the scroll is the largest at the top and the smallest at the bottom.

[0085] Then, in step S320, a horizontal adjustment parameter is obtained based on the first threshold value of the central position of the scroll radius and the second threshold value of the two side positions and the horizontal coordinate of the texture coordinate corresponding to the current pixel position.

[0086] For example, the first threshold value of the central position of the scroll radius can be set as the minimum value, the second threshold value of the two side positions can be set as the maximum value, and the horizontal adjustment parameter gradually increases from the minimum value to the maximum value as the horizontal coordinate of the texture coordinate corresponding to the current pixel position moves from the middle to the two sides.

[0087] For example, assuming that the horizontal adjustment parameter is radius2 = mix(max, min, sin(uv.x × π)), the first threshold value of the central position is 0.7, and the second threshold value of the two side positions is 1, the following is obtained:

[0088] radius2 = 1.0+(0.7-1.0) × sin(uv.x × π),

[0089] Thus, the effect that the scroll is small in the middle and large at the two sides can be simulated.

[0090] Then, in step S330, the scroll radius of the current pixel position is obtained by adjusting the radius value based on the current touch screen position progress with the horizontal adjustment parameter.

[0091] For example, the scroll radius of the current pixel position can be obtained by multiplying the aforementioned radius value based on the current touch screen position progress and the aforementioned horizontal adjustment parameter:

[0092] radius3 = radius1 × radius2,

[0093] Thus, the two effects of the scroll described above can be simulated at the same time, that is, the display effect that the scroll radius is small in the middle, large at the two ends, and gradually decreases as the frame is expanded can be obtained.

[0094] In addition, in some examples, in order to increase the authenticity, a convex part can also be displayed in the scroll part.

[0095] For example, the reel portion has a plurality of protrusions on the reel portion, the farther the protrusion is from the center position, the larger the protrusion appears, and the positions of the plurality of protrusions on the reel portion change with movement of the reel portion.

[0096] For example, the plurality of protrusions can be implemented by calculating the reel radius after the concave-convex transformation by a method as shown in Figure 4

[0097] As shown in Figure 4 In step S410, a maximum amplitude and a minimum amplitude of the protrusion are mixed based on the horizontal coordinate of the texture coordinate corresponding to the current pixel position to obtain an unadjusted protrusion value simulating an unadjusted protrusion on the reel in which the middle is small and the two sides are large.

[0098] For example, the unadjusted protrusion value can be set to gradually increase from the minimum amplitude of the protrusion to the maximum amplitude of the protrusion as the horizontal coordinate of the texture coordinate corresponding to the current pixel position moves from the middle to the two sides.

[0099] For example, assuming that the unadjusted protrusion value is hump1 = mix(maxAmp, minAmp, sin(uv.x × π)), the maximum amplitude maxAmp of the protrusion is 0.0015, and the minimum amplitude is 0.0008, we obtain

[0100] hump1 = 0.0015+(0.0008-0.0015) × sin(uv.x × π),

[0101] Thus, the display effect of the small amplitude of the protrusion in the middle of the reel and the large amplitude of the protrusion on the two sides can be simulated.

[0102] Next, in step S420, a first protrusion adjustment parameter is obtained based on the horizontal coordinate of the texture coordinate corresponding to the current pixel position using a simple harmonic function, wherein the phase of the simple harmonic function changes with the change of the current touch screen position.

[0103] For example, the first protrusion adjustment parameter hump2 is as follows:

[0104] hump2 = sin(uv.x × 100.0 + u_fraction × 50.0),

[0105] Thus, hump2 is a simple harmonic 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.

[0106] Therefore, the display effect of the positions of the plurality of protrusions on the reel portion changing with movement of the reel portion can be achieved.​

[0107] Then, in step S430, a second hump adjustment parameter is determined based on the current touch screen position.

[0108] For example, in order to solve the problem that the desktop wallpaper will be leaked out from the bottom of the screen when u_fraction is 1, a second hump adjustment parameter hump3 can be set.

[0109] In the case of u_fraction ≤ 1.0- maxAmp, hump3 = 1.0;

[0110] And in the case of u_fraction > 1.0- maxAmp,

[0111] hump3 = (1.0-u_fraction) / maxAmp.

[0112] Then, in step S440, the unadjusted hump value is adjusted by the first hump adjustment parameter and the second hump adjustment parameter to obtain the hump value of the current pixel position.

[0113] For example, the unadjusted hump value obtained above can be multiplied by the first hump adjustment parameter and the second hump adjustment parameter to obtain the hump value of the current pixel position humpt:

[0114] humpt = hump1 × hump2 × hump3,

[0115] Thus, the two effects of the above-mentioned hump of the scroll can be simulated at the same time, that is, the scroll can have a concave-convex feeling, the middle hump is small, the two sides hump is large, and the hump will move horizontally with the unfolding of the frame, and the problem that the desktop wallpaper will be leaked out from the bottom of the screen can be avoided.

[0116] Then, in step S450, the hump radius of the current pixel position is obtained according to the hump radius of the current pixel position and the hump value of the hump radius of the current pixel position.

[0117] For example, the hump value of the hump radius of the current pixel position humpt can be added to the hump radius of the current pixel position radius to obtain the hump radius of the current pixel position after the concave-convex transformation humpRadius, that is:

[0118] humpRadius = radius + humpt,

[0119] The radius in the above formula can be a fixed value, or the radius3 obtained by the method of Figure 3 above.

[0120] Additionally, in some examples, in order to better simulate the effect of a scroll being rolled up, an image of an unrolled portion may be displayed on the scroll portion.

[0121] For example, each pixel of the scroll portion is mapped from the unexpanded portion of the first wallpaper by a trochoid equation when the wallpaper is expanded.

[0122] It can be assumed that the scroll is Figure 5 Scrolls across the screen as shown.

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

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

[0125] The color to be displayed by the current pixel can be obtained by the following method:

[0126] 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 expanded part, which should be rendered as the color of the first wallpaper;

[0127] 2) When uv.y>ρ+r, it means that the current pixel is the pixel from the bottom of the scroll to the bottom of the screen, that is, the pixel where the first wallpaper has not yet appeared, and it should be rendered as the color of the image originally displayed on the screen;

[0128] 3) When ρ-r ≤uv.y<ρ, it means that the current pixel is the upper pixel of the scroll axis above the axis line, such as Figure 5 As shown in the figure on the left, it can be calculated by the cycloid equation that after the scroll is unfolded, the point on the scroll corresponds to the pixel at the position v=ρ+(1.5π-θ)×r below, that is, uv.y will be mapped to ρ+(1.5π-θ)×r, and the current pixel should be rendered as the color of the pixel at ρ+(1.5π-θ)×r of the first wallpaper, and the horizontal coordinate of the mapped pixel remains unchanged;

[0129] 4) When ρ≤uv.y≤ρ+r, it means that the current pixel is the pixel below the scroll axis, such as Figure 5As shown in the right side of the figure in FIG. 6, the point on the scroll after the scroll is unwound corresponds to a pixel at a position of v = p + (0.5p + q) x r in the unfolded first wallpaper, i.e., uv.y will be mapped to p + (0.5p + q) x r, and the current pixel should be rendered as the color of the pixel of the first wallpaper at p + (0.5p + q) x r, and the horizontal coordinate of the mapped pixel is unchanged.

[0130] If v > 1 after the scroll is unwound, i.e., beyond the bottom of the screen, the above mapping can not be performed, and the color of the first wallpaper at the current pixel position is directly taken.

[0131] In addition, in some examples, the scroll portion can generate 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. That is, a shadow effect can be displayed on the upper and lower sides of the scroll portion, and the intensity of the shadow increases as the distance from the edge increases. Thus, the shadow is superimposed on the scroll, and the three-dimensional effect is increased.

[0132] For example, a shadow factor shadow can be set for each pixel on the scroll portion, and the color of each pixel is multiplied by the shadow factor shadow to obtain the final displayed color. The smaller the value of the shadow factor shadow, the greater the intensity of the shadow, and the darker the black shadow. The greater the value of the shadow factor shadow, the smaller the intensity of the shadow, and the smaller the effect on the pixel color.

[0133] For example, the shadow factor shadow = mix (0.1, 1.0, sin 2 q) can be calculated as follows:

[0134] shadow = 0.1 + (1.0 - 0.1) x sin 2 q,

[0135] Thus, the intensity of the shadow gradually increases from the scroll axis to the upper and lower sides of the scroll in the vertical direction.

[0136] In addition, in some examples, the first wallpaper in the unfolding can be displayed in fusion with the original image displayed on the screen based on transparency. The transparency is the transparency of the first wallpaper, which can be set to decrease as the current touch screen position progress increases, e.g., the more the first wallpaper is unfolded, the more opaque it becomes.

[0137] For example, during the expansion process of the first wallpaper, the expanded part presents a fused image obtained by fusing the first wallpaper with the original display 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 undeployed position of the first wallpaper mapped by the cycloid equation with the color of the pixel of the original display image at the same position based on the transparency, and the transparency changes from high to low based on the progress of the current touch screen position.

[0138] For example, the fusion can be performed using the following formula:

[0139]

[0140] Among them, alpha is transparency, ranging from 0 to 1. The smaller the value, the higher the transparency. Alpha increases with the increase of u_fraction. Tex1 is the color of each pixel in the expanded part or 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 fused color obtained based on transparency fusion.

[0141] Additionally, it should be understood that while the above discussion focuses on the process of the first wallpaper unfolding in a scroll-like manner, in some embodiments, the switching animation may also include the process of the first wallpaper winding up in a scroll-like manner, which is the inverse of the unfolding process, and its various parameters can be calculated in the same manner, but is equivalent to the unfolding process being played back in reverse. For example, the switching animation may be displayed throughout a continuous touch screen swipe, showing the unfolding process of the first wallpaper when the user swipes down, and the winding process of the first wallpaper when the user swipes up.

[0142] In the above examples, the animation thread can be responsible for modifying the wallpaper parameters, such as the current touch screen position progress u_fraction, etc., and the rendering thread can render the picture according to the current wallpaper parameters, thereby achieving the scrolling switching animation effect.

[0143] Wallpaper rendering can be implemented using OpenGL ES. For example, you can render each frame in the onDrawFrame method of GLSerfaceView.Renderer.

[0144] Reference below Figures 6 to 9 Describes the display effect of a switching animation of an example. Figure 6 The figure 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 The display effect at the second touch screen position progress in the switching animation is exemplarily shown. Figure 8The display effect at the third touch screen position progress in the switching animation is exemplarily shown, Figure 9 The display effect at the fourth touch screen position progress in the switching animation is exemplarily shown, wherein 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 are sequentially increased.

[0145] From Figures 6 to 9 , as the user's finger continuously touches and slides from the top of the screen to the bottom of the screen, the screen gradually switches from the originally displayed home interface image (including a dynamic desktop wallpaper and the icons of some applications thereon, etc.) to the first wallpaper (the wallpaper of the status bar panel).

[0146] As Figure 6 and Figure 7 show, as the current touch screen position progress (as shown by the white dot in the figure) increases, the first wallpaper gradually unfolds, the scroll gradually moves down, the unfolded part at the upper part of the scroll displays a fusion image obtained by fusing the first wallpaper with the originally displayed home interface image based on transparency, the scroll part displays a fusion image obtained by fusing the image of the unfolded position of the mapped first wallpaper with the originally displayed home interface image based on transparency, wherein the transparency gradually decreases, and the lower part of the scroll displays the originally displayed home interface image. In addition, the scroll presents a U-shaped shape, and is large on both sides and small in the middle; the scroll has a concave-convex feeling, and the convex gradually increases from the middle to both ends; the upper and lower sides of the scroll are superimposed with shadows; and as the first wallpaper gradually unfolds, the scroll gradually becomes smaller, the U-shaped shape gradually becomes flat, and the convex on the scroll gradually translates in the horizontal direction.

[0147] Then, when the current touch screen position progress reaches the vicinity of the bottom of the screen, that is, when the tail of the first wallpaper unfolds to the end, as Figure 8 shows, the picture gradually flattens, at which time the scroll disappears, simulating the appearance of the end of the finally unfolded scroll. After the switching is completed, the first wallpaper is completely unfolded, as Figure 9 shows, the currently displayed wallpaper of the screen is switched to the first wallpaper, on which some information of the status bar panel can also be superimposed and displayed.

[0148] Thus, the embodiments of the present disclosure realize seamless switching of the wallpaper, and realize various display effects such as scroll curling, U-shaped transformation of the scroll, concave-convex transformation of the scroll, shadow superposition, etc. during the switching process, thereby bringing a better user experience.

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

[0150] Referring to Figure 10 , the electronic device 1000 includes a memory 1010, a processor 1020 and a screen 1030.

[0151] The screen 1030 can be any available display screen, and can display a wallpaper and a switching animation thereof, for example, by a method according to an embodiment of the disclosure, and can present a wallpaper switching display effect in a scroll-unfolding manner.

[0152] The processor 1020 can be a multi-core processor, or can include a plurality of processors. In some embodiments, the processor 1020 can include a general-purpose main processor and one or more special-purpose co-processors, such as a graphics processor (GPU), a digital signal processor (DSP), and the like. In some embodiments, the processor 1020 can be implemented using a customized circuit, such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

[0153] The memory 1010 can include various types of storage units, such as a system memory, a read-only memory (ROM), and a permanent storage device. 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 read-write storage device. The permanent storage device can be a non-volatile storage device that does not lose stored instructions and data even after the computer is powered off. In some embodiments, the permanent storage device uses a mass storage device (such as a magnetic or optical disk, a flash memory) as a permanent storage device. In some other embodiments, the permanent storage device can be a removable storage device (such as a floppy disk, an optical drive). The system memory can be a read-write storage device or a volatile read-write storage device, such as a dynamic random access memory. The system memory can store some or all of the instructions and data required by the processor during runtime. In addition, the memory 1010 can include a combination of any computer readable storage media, including various types of semiconductor storage chips (DRAM, SRAM, SDRAM, flash memory, programmable read-only memory), magnetic disks and / or optical disks. In some embodiments, the memory 1010 can include a read and / or write removable storage device, such as a compact disc (CD), a read-only digital versatile disc (such as DVD-ROM, double-layer DVD-ROM), a read-only Blu-ray disc, an ultra-density optical disc, a flash memory card (such as an SD card, a min SD card, a Micro-SD card, and the like), a magnetic floppy disk, and the like. The computer readable storage medium does not include a carrier wave and a transient electronic signal transmitted through a wireless or wired transmission.

[0154] The executable code is stored on the memory 1010, and when the executable code is processed by the processor 1020, the processor 1020 can perform the wallpaper display method of the electronic device as described above.

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

[0156] Alternatively, the present disclosure can also be implemented as a non-transitory machine readable storage medium (or computer readable storage medium, or machine readable storage medium) having stored thereon executable code (or computer program, or computer instruction code), 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 method according to the present disclosure.

[0157] Those skilled in the art will further appreciate that the various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the disclosure herein can be implemented as electronic hardware, computer software, or combinations of both.

[0158] The flow diagrams and block diagrams in the drawings are presented to illustrate the architecture, functionality, and operations of possible implementations of systems and methods according to various embodiments of the present disclosure. In this regard, each block in the flow diagrams and block diagrams can represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical functions. It should also be noted that in some alternative implementations, the functions noted in the blocks can occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently or the blocks may be executed in the reverse order, depending on the functionality involved. It will also be noted that each block of the block diagrams and / or flow diagrams, and combinations thereof, can be implemented by special purpose hardware-based systems that perform the specified functions or operations, or combinations of special purpose hardware and computer instructions.

[0159] The above has described various embodiments of the present disclosure, and the above description is exemplary and is not exhaustive, and is not limited to the disclosed embodiments. Many modifications and changes are obvious to those skilled in the art without departing from the scope and spirit of the described embodiments. The choice of terms used herein is intended to best explain the principles of the embodiments, practical applications, or improvements to the technology in the market, or to enable other ordinary skilled persons in the art to understand the embodiments disclosed herein.

Claims

1. A method for displaying a wallpaper of an electronic device, comprising: receiving a wallpaper switching instruction, which is a continuous touch screen sliding action from a first side to an opposite second side on a screen of the electronic device; obtaining a first wallpaper to be displayed; displaying a switching animation on a current interface of the screen, wherein the switching animation comprises a process in which the first wallpaper is unwound from a rolled state and covers the current interface on the current interface, the first wallpaper in the unwinding process comprises a reel portion and an unwinding portion, the unwinding portion extends from the reel portion and increases with the unwinding of the first wallpaper, and the reel portion moves following a current touch screen position progress; in response to the first wallpaper being completely unwound, switching the wallpaper currently displayed on the screen to the first wallpaper; wherein the reel portion has a plurality of protrusions, a protrusion farther away from a center of the reel portion appears larger, and a position of the plurality of protrusions on the reel portion changes with the movement of the reel portion, the plurality of protrusions are realized by calculating a reel radius after relief transformation as follows: mixing a maximum amplitude and a minimum amplitude of the protrusions based on a horizontal coordinate of a texture coordinate corresponding to a current pixel position to obtain an unadjusted protrusion value of the protrusions on the reel portion, which is small in the middle and large on both sides; obtaining a first protrusion adjustment parameter based on the horizontal coordinate of the texture coordinate corresponding to the current pixel position using a simple harmonic function, wherein a phase of the simple harmonic function changes with the current touch screen position progress; determining a second protrusion adjustment parameter based on the current touch screen position progress; adjusting the unadjusted protrusion value using the first protrusion adjustment parameter and the second protrusion adjustment parameter to obtain a reel radius protrusion value of the current pixel position; and obtaining a reel radius after relief transformation of the current pixel position based on the reel radius of the current pixel position and the reel radius protrusion value of the current pixel position.

2. The method of claim 1, wherein, the center of the reel portion protrudes more than both ends, and the protrusion gradually becomes gentle as a display area of the first wallpaper on the screen increases; the radius of the reel portion is inconsistent, gradually increases from the center to both ends, and decreases as the display area of the first wallpaper on the screen increases.

3. The method of claim 2, wherein, the display switching animation further comprises: obtaining a radius value based on the current touch screen position progress based on an initial threshold value and an end threshold value of the reel radius and the current touch screen position progress; obtaining a horizontal adjustment parameter based on a center first threshold value and both side second threshold values of the reel radius and the horizontal coordinate of the texture coordinate corresponding to the current pixel position; adjusting the radius value based on the current touch screen position progress using the horizontal adjustment parameter to obtain a reel radius of the current pixel position.

4. The method of claim 2, wherein, each pixel of the reel portion is mapped from an unwound portion of the first wallpaper by a cyclide of revolution equation.

5. The method of claim 2, wherein, the reel portion generates a shadow on the screen, and an intensity of the shadow increases as a distance from the center of the reel portion in a vertical direction increases.

6. The method of claim 2, wherein, In the unrolling of the first wallpaper, the unrolled portion presents a blended image blending the first wallpaper with the originally displayed image at the same location based on a transparency, and each pixel in the spool portion presents a blended color blending a color of a pixel of an unrolled location of the first wallpaper mapped to by a cyclide of revolution equation with a color of a pixel of the originally displayed image at the same location based on the transparency, the transparency decreasing from high to low based on the current touch screen position progress.

7. An electronic device, comprising: a screen; a processor; and a memory having stored thereon executable code that, when executed by the processor, causes the processor to perform the method of any of claims 1-6.

8. A non-transitory machine-readable storage medium having stored thereon executable code that, when executed by a processor of an electronic device, causes the processor to perform the method of any of claims 1-6.

Images