Method of visualizing state of charge and computer device

Abstract

The application relates to a charging state visualization method and a computer device. In response to a charging connection event, a first dynamic figure is presented on a display screen, the first dynamic figure comprising a visual element for dynamically displaying a current battery power; in response to identifying a change in a charging state or protocol, a second dynamic figure is presented on the display screen, the second dynamic figure comprising at least one visual element of a target dynamic figure, the target dynamic figure comprising the first dynamic figure and / or a third dynamic figure; wherein the first dynamic figure, the second dynamic figure and the third dynamic figure are all used to represent charging-related state information. The method can improve the information acquisition efficiency of the charging state of the electronic device.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to a method and computer device for visualizing charging status. Background Technology

[0002] With the widespread adoption of fast charging technology for mobile devices, charging power has generally exceeded 18W, and users are increasingly demanding a visual and interactive experience of the charging status.

[0003] In related technologies, charging interfaces often use static icons, text, or a single circular progress bar to display the battery level. Based on this charging interface, users cannot intuitively perceive changes in the charging status and need to determine changes in the terminal's charging status based on changes in the battery level, resulting in low efficiency in obtaining terminal charging status information. Summary of the Invention

[0004] Therefore, it is necessary to provide a method and computer device for visualizing charging status that can improve the efficiency of users in obtaining charging status, in order to address the above-mentioned technical problems.

[0005] In a first aspect, this application provides a method for visualizing charging status, applied to electronic devices, including:

[0006] In response to a charging connection event, a first dynamic graphic is displayed on the screen, the first dynamic graphic including visual elements for dynamically displaying the current battery level;

[0007] In response to the detection of a change in charging status or protocol, a second motion graphic is displayed on the screen. The second motion graphic includes at least one visual element of a target motion graphic, which includes the first motion graphic and / or the third motion graphic.

[0008] The first dynamic graphic, the second dynamic graphic, and the third dynamic graphic are all used to represent state information related to charging.

[0009] In one embodiment, the properties of at least one visual element of the first motion graphic change over time or with varying power levels.

[0010] In one embodiment, presenting the second dynamic graphic on the display screen includes: after displaying the motion effect of at least one visual element of the first dynamic graphic on the display screen, displaying the visual elements of a third dynamic graphic to present the second dynamic graphic.

[0011] In one embodiment, the method further includes: determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol.

[0012] In one embodiment, the method further includes: in response to detecting an abnormal charging state, changing the properties of at least one visual element of the first motion graphic or the second motion graphic to provide an alert.

[0013] In one embodiment, the charging connection event includes a wired charging connection or a wireless charging connection; the presentation position of the first dynamic graphic or the starting area of ​​the movement of the visual element is associated with the type of the charging connection event.

[0014] In one embodiment, the method further includes: terminating or fading out the display of the second motion graphic within a preset time period after the second motion graphic is presented, or reducing the dynamic intensity of at least one visual element of the second motion graphic.

[0015] In one embodiment, the visual element includes at least one of the following: an energy ring with a rotating and breathing rhythm effect, at least one ring-shaped ripple spreading toward the edge of the screen, and multi-layered particles moving toward the energy ring.

[0016] In one embodiment, determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol includes at least one of the following:

[0017] The rotational speed and / or breathing rhythm frequency of the energy ring are determined according to the charging state or protocol.

[0018] Determine at least one of the following: particle density, generation velocity, or motion velocity of each layer of particles in the multilayer particle system, based on the charging state or protocol:

[0019] The color of the target object is determined according to the charging state or protocol, and the target object includes at least one of the energy ring, the particles in each layer, or the annular ripple.

[0020] Secondly, this application also provides a device for visualizing charging status, applied to electronic devices, including:

[0021] A first display module is configured to present a first dynamic graphic on a display screen in response to a charging connection event, the first dynamic graphic including visual elements for dynamically displaying the current battery level;

[0022] The second display module is configured to present a second dynamic graphic on the display screen in response to the detection of a change in charging status or protocol. The second dynamic graphic includes at least one visual element of a target dynamic graphic, which includes the first dynamic graphic and / or the third dynamic graphic.

[0023] The first dynamic graphic, the second dynamic graphic, and the third dynamic graphic are all used to represent state information related to charging.

[0024] In one embodiment, the properties of at least one visual element of the first motion graphic change over time or with varying power levels.

[0025] In one embodiment, presenting the second dynamic graphic on the display screen includes: after displaying the motion effect of at least one visual element of the first dynamic graphic on the display screen, displaying the visual elements of a third dynamic graphic to present the second dynamic graphic.

[0026] In one embodiment, the apparatus further includes a determining module for determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol.

[0027] In one embodiment, the device further includes a third display module for changing the properties of at least one visual element of the first motion graphic or the second motion graphic in response to detecting an abnormal charging state, to provide a warning.

[0028] In one embodiment, the charging connection event includes a wired charging connection or a wireless charging connection; the presentation position of the first dynamic graphic or the starting area of ​​the movement of the visual element is associated with the type of the charging connection event.

[0029] In one embodiment, the device further includes a fourth display module, configured to terminate or fade out the display of the second dynamic graphic within a preset time period after the second dynamic graphic is presented, or to reduce the dynamic intensity of at least one visual element of the second dynamic graphic.

[0030] In one embodiment, the visual element includes at least one of the following: an energy ring with a rotating and breathing rhythm effect, at least one ring-shaped ripple spreading toward the edge of the screen, and multi-layered particles moving toward the energy ring.

[0031] In one embodiment, determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol includes at least one of the following:

[0032] The rotational speed and / or breathing rhythm frequency of the energy ring are determined according to the charging state or protocol.

[0033] Determine at least one of the following: particle density, generation velocity, or motion velocity of each layer of particles in the multilayer particle system, based on the charging state or protocol:

[0034] The color of the target object is determined according to the charging state or protocol, and the target object includes at least one of the energy ring, the particles in each layer, or the annular ripple.

[0035] Thirdly, this application also provides a computer device, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement a method for visualizing the charging state of any of the above.

[0036] Fourthly, this application also provides a computer-readable storage medium having a computer program stored thereon, wherein the computer program, when executed by a processor, implements a method for visualizing the charging state of any of the above.

[0037] Fifthly, this application also provides a computer program product, including a computer program that, when executed by a processor, implements a method for visualizing the charging state of any of the above.

[0038] The aforementioned method and computer device for visualizing charging status allow the electronic device to display a first dynamic graphic on a screen in response to a charging connection event. This first dynamic graphic includes visual elements for dynamically displaying the current battery level. Furthermore, in response to detecting a change in charging status or protocol, a second dynamic graphic can be displayed on the screen. This second dynamic graphic includes at least one visual element of a target dynamic graphic, which includes the first dynamic graphic and / or a third dynamic graphic. The first, second, and third dynamic graphics all represent charging-related status information. The charging status visualization method and computer device provided in this application, by displaying a first dynamic graphic during a charging connection to reflect the battery level in real time with dynamic visual elements, and automatically recognizing and synchronously displaying a second dynamic graphic when the charging status or protocol changes, achieves instant visual feedback on changes in charging status through the progressive display of dynamic graphics. This ensures continuity and visual correlation between different charging modes and charging states, allowing users to quickly and clearly identify the switching between different modes such as fast charging and normal charging, further enhancing the ability to perceive charging status and improving the efficiency of acquiring charging status information without increasing the user's understanding cost. Attached Figure Description

[0039] To more clearly illustrate the technical solutions in the embodiments of this application or related technologies, the drawings used in the description of the embodiments of this application or related technologies will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.

[0040] Figure 1 This is a flowchart illustrating a method for visualizing the charging state in one embodiment;

[0041] Figure 2 This is a schematic diagram of a method for visualizing the charging state in one embodiment;

[0042] Figure 3 This is a schematic diagram of a method for visualizing the charging state in another embodiment;

[0043] Figure 4 This is a schematic diagram of the interface for the energy ring generation process in one embodiment;

[0044] Figure 5 This is a schematic diagram of the interface of multi-layered particles in one embodiment;

[0045] Figure 6 This is a schematic diagram of the interface during the ripple diffusion process in one embodiment;

[0046] Figure 7 This is a schematic diagram of the interface during the animation exit process in one embodiment;

[0047] Figure 8 A structural block diagram of a device for visualizing the charging status in one embodiment;

[0048] Figure 9 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0049] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0050] It should be noted that the terms "first," "second," etc., used in this application can be used to describe various elements, but these elements are not limited by these terms. These terms are only used to distinguish the first element from the second element. The terms "comprising" and "having," and any variations thereof, used in this application, are intended to cover non-exclusive inclusion. The term "multiple" used in this application refers to two or more. The term "and / or" used in this application refers to one of the embodiments, or any combination of multiple embodiments.

[0051] In one embodiment, such as Figure 1As shown, a method for visualizing charging status is provided. This embodiment illustrates the application of this method to an electronic device, which may include, but is not limited to, smartphones, tablets, wearable devices, laptops, portable charging devices, e-book readers, handheld game consoles, and in-vehicle smart terminals. In this embodiment, the method includes steps 102 to 104, wherein:

[0052] Step 102, in response to a charging connection event, presents a first dynamic graphic on the display screen, the first dynamic graphic including visual elements for dynamically displaying the current battery level.

[0053] In this embodiment, the electronic device can generate and report a charging connection event when it detects an external power source, a charging cable connection, or wireless charging trigger. In response to this charging connection event, the electronic device can draw and display a first dynamic graphic in a preset area of ​​the display screen. The first dynamic graphic can be a ring, waveform, halo, particle, or other dynamic effect, and it contains visual elements that can reflect changes in battery power in real time, such as a ring-shaped progress bar that fills as the battery power increases, or brightness or color that changes with battery power, to achieve an intuitive and visual display of the charging status and battery power.

[0054] Step 104: In response to the detection of a change in charging status or protocol, a second dynamic graphic is presented on the display screen. The second dynamic graphic includes at least one visual element of a target dynamic graphic, which includes a first dynamic graphic and / or a third dynamic graphic. The first dynamic graphic, the second dynamic graphic, and the third dynamic graphic are all used to characterize charging-related status information.

[0055] In this embodiment, the electronic device can acquire information such as charging power, charging voltage, charging protocol type, or charging mode switching in real time to identify whether the charging status or charging protocol has changed, such as switching from normal charging to fast charging, from wired charging to wireless charging, or from normal charging to an abnormal charging state. When a change in the charging status or protocol is detected, the electronic device can display a second dynamic graphic on the screen.

[0056] The second dynamic graphic is not generated independently, but inherits at least one visual element from the target dynamic graphic. It can adjust parameters, enhance effects, or evolve its form based on the inherited visual elements to create a second dynamic graphic that matches the current charging state or protocol. The target dynamic graphic can be the first dynamic graphic, the third dynamic graphic, or both. In one example, the first, second, and third dynamic graphics can correspond to different charging states, charging modes, or charging protocol types, such as normal charging, fast charging initiation, fast charging stability, and charging abnormality. The orderly presentation of different dynamic graphics allows for the intuitive and efficient communication of charging-related status information. In this embodiment, inheriting existing visual elements makes the switching process between different dynamic graphics smoother and more coherent, avoiding screen breaks, flickering, or abrupt transitions. It also helps reduce interface rendering overhead and improve animation smoothness.

[0057] The above-described method for visualizing charging status allows an electronic device to display a first dynamic graphic on a screen in response to a charging connection event. This first dynamic graphic includes visual elements for dynamically displaying the current battery level. Furthermore, in response to the detection of a change in charging status or protocol, a second dynamic graphic can be displayed on the screen. This second dynamic graphic includes at least one visual element of a target dynamic graphic, which includes the first dynamic graphic and / or a third dynamic graphic. The first, second, and third dynamic graphics all represent charging-related status information. The charging status visualization method provided in this application displays a first dynamic graphic during a charging connection, using dynamic visual elements to reflect the battery level in real time. When the charging status or protocol changes, the device can automatically identify and synchronously display a second dynamic graphic. Through the progressive display of dynamic graphics, instant visual feedback on changes in charging status is achieved, ensuring continuity and visual correlation between different charging modes and charging states. Users can quickly and clearly identify the switching between different modes such as fast charging and normal charging, further enhancing the ability to perceive charging status and improving the efficiency of obtaining charging status information without increasing the user's understanding cost.

[0058] In one exemplary embodiment, the visual element includes at least one of the following: an energy ring with a rotating and breathing rhythm effect, at least one ring-shaped ripple spreading toward the edge of the screen, and multi-layered particles moving toward the energy ring.

[0059] In this embodiment, visual elements are the basic display units constituting the first, second, and third dynamic graphics, and can be presented individually or in combination to enrich the visual expression of charging status. The visual elements may include an energy ring with rotation and breathing rhythm effects, used to represent battery power information and basic charging status in real time. The energy ring can rotate around the center of the screen and periodically scale or change brightness according to a preset easing function, forming a soft and rhythmic breathing effect.

[0060] Visual elements may also include at least one ring-shaped ripple spreading outward from the center of the screen to enhance visual cues of charging status switching or charging mode changes and improve the recognizability of status changes.

[0061] Visual elements can also include multi-layered particles moving towards the energy ring. These particles can be generated from different positions, such as the edge or bottom of the screen. Each layer of particles can have different sizes, movement speeds, generation rates, and trailing effects. They converge towards the energy ring through movement, collisions, merging, or disappearance, simulating the energy collection and transmission process. For example, taking a three-layered multi-layered particle system, the particles can include a first layer, a second layer, and a third layer. The number of particles in the first layer is greater than the number in the second layer, and the number of particles in the second layer is greater than the number in the third layer. The particle size in the first layer is smaller than the particle size in the second layer, and the particle size in the second layer is smaller than the particle size in the third layer. The particles in the first layer move at a slower speed than those in the second layer, and the particles in the second layer move at a slower speed than those in the third layer. The particles in the third layer have a trailing effect during movement, and the movement speeds of the particles in the third layer vary.

[0062] The charging status visualization method provided in this application can form a rich and smooth charging animation by combining and coordinating the above-mentioned various visual elements. While intuitively representing charging-related status information, it can also improve the interactive experience and visual effects of electronic devices.

[0063] In one exemplary embodiment, the properties of at least one visual element of the first motion graphic change over time or with varying electrical charge.

[0064] In this embodiment, during the presentation of the first dynamic graphic on the display screen, the visual elements it contains are not fixed but can be dynamically updated according to preset rules. The attributes of the visual elements are related to their content and include, but are not limited to, attributes such as size, display color, transparency, brightness, fill ratio, rotation speed of the energy ring, breathing frequency of the energy ring, and fluctuation amplitude of waveform / halo. This embodiment does not specifically limit the visual elements or their attributes.

[0065] The attributes of the aforementioned visual elements can be dynamically adjusted over time. For example, the amplitude of light wave fluctuations can be gradually increased over time, the rotation speed of the energy ring can be slowly increased, and the display brightness can be periodically changed, ensuring that the first dynamic graphic maintains a continuous and dynamic visual effect and avoiding a monotonous and dull interface display. Alternatively, the attributes of the aforementioned visual elements can also adaptively change with changes in battery power. For example, the ring fill ratio can be gradually increased, the color saturation can be deepened, and the brightness of the energy ring can be increased as the battery power increases, intuitively mapping changes in battery power to changes in the attributes of the visual elements. Through these dynamic update methods, charging progress and charging status changes can be represented in real time, continuously, and intuitively without occupying additional display area, improving the visualization effect of charging information.

[0066] In one exemplary embodiment, presenting a second motion graphic on a display screen includes: displaying the motion effect of at least one visual element of a first motion graphic on the display screen, and then displaying the visual elements of a third motion graphic to present the second motion graphic.

[0067] In this embodiment, when a change in charging status or protocol is detected, the electronic device does not directly replace the first dynamic graphic with a completely new dynamic graphic. Instead, it maintains the display of the first dynamic graphic and controls at least one visual element in the first dynamic graphic to perform a corresponding motion effect. For example, the motion effect of the visual element may include, but is not limited to: light waves spreading outward, an energy ring accelerating its rotation, particles bursting outward, and an increased breathing amplitude of the energy ring. After completing the motion effect of the visual element in the first dynamic graphic, the visual element of the third dynamic graphic is displayed, and the aforementioned motion effect is combined, superimposed, or smoothly connected with the visual element of the third dynamic graphic to jointly form and present the second dynamic graphic.

[0068] In this way, the second dynamic graphic retains the visual continuity with the first dynamic graphic, while introducing the charging status characteristics corresponding to the third dynamic graphic. This avoids abrupt transitions in the animation, making the display process of charging status or protocol changes smoother, more natural, and more layered, allowing users to intuitively perceive the switching process of charging modes.

[0069] In one exemplary embodiment, the method further includes: determining the motion effect or display parameters of at least one visual element based on the charging state or protocol.

[0070] In this embodiment, the electronic device can acquire the current charging status or charging protocol information in real time, and then adaptively determine the motion effect or display parameters of at least one visual element in the first, second, or third dynamic graphic based on different charging statuses or protocol types. The motion effects include, but are not limited to, light wave diffusion of waveforms / halos, energy ring rotation, particle convergence, and energy ring breathing rhythm; the display parameters include, but are not limited to, particle movement speed, display color, transparency, brightness, size, particle generation rate, energy ring breathing frequency, and easing curves.

[0071] For example, when the charging status or protocol is normal charging, the movement speed and breathing frequency of the visual elements can be set to lower values ​​to make the movement effect smooth and gentle; when the charging status or protocol is fast charging, the movement speed, energy ring frequency, particle generation rate can be increased accordingly, and a full-screen color ripple effect can be triggered; when an abnormal charging is detected, the display color of the visual elements can be adjusted to a warning color, and the particle movement trajectory can be changed or the movement pattern can be disrupted.

[0072] The charging status visualization method provided in this application directly associates the charging status or protocol with the motion effects and display parameters of visual elements, enabling dynamic graphics to be highly matched with the current charging status. This allows users to intuitively and quickly distinguish different charging modes, improving the efficiency of conveying charging status information and enhancing the interactive experience.

[0073] In one exemplary embodiment, the motion effect or display parameters of at least one visual element are determined based on the charging state or protocol, including at least one of the following:

[0074] The rotational speed and / or breathing rhythm frequency of the energy ring are determined based on the charging status or protocol.

[0075] Determine at least one of the following: particle density, generation velocity, or motion velocity of each layer of particles in the multilayer particle system, based on the charging state or protocol.

[0076] The color of the target object is determined based on the charging status or protocol. The target object includes at least one of the following: energy ring, particles in each layer, or ring ripples.

[0077] In this embodiment, the electronic device can finely and adaptively adjust the motion effects and display parameters of each visual element according to the real-time identified charging status or charging protocol, so that the visualization effect is highly matched with the current charging status, thereby enabling the user to intuitively perceive the change in charging mode.

[0078] For example, electronic devices can adaptively adjust the rotation speed and / or breathing rhythm frequency of the energy ring according to the charging status or protocol. For instance, when the charging status switches from normal charging to fast charging, the rotation speed and breathing rhythm frequency of the energy ring can be increased accordingly, making the movement rhythm of the energy ring faster and the rhythm more obvious, so as to intuitively reflect the efficient charging characteristics in the fast charging state.

[0079] For example, an electronic device can adaptively adjust the particle density, generation speed, or movement speed of particles in each layer of a multi-layered particle system based on the charging status or protocol. For instance, during fast charging, the particle density of each layer can be increased, and the particle generation and movement speed can be improved, resulting in a denser and faster particle flow; during normal charging, the particle density, generation speed, and movement speed can be reduced, resulting in a smoother animation effect.

[0080] For example, an electronic device can adaptively adjust the color of a target object based on the charging status or protocol. The target object includes at least one of an energy ring, various particle layers, or a ring-shaped ripple. That is, the display color of the target object can form a one-to-one correspondence with the charging status or protocol type, intuitively distinguishing the current charging status or protocol through different colors, thus improving the recognizability and visualization of the charging status or protocol. For example, when the electronic device is in a normal charging state, the color of the energy ring, various particle layers, or ring-shaped ripple can be set to blue to represent a stable, normal charging state; when the electronic device detects that it is currently in a fast charging state or a fast charging protocol is accessed, the color of the energy ring, various particle layers, or ring-shaped ripple can be adaptively switched to yellow to represent a high-power, high-efficiency fast charging state.

[0081] The charging status visualization method provided in this application, through the adaptive adjustment of the above-mentioned multi-dimensional parameters, enables dynamic graphics to form a precise mapping with charging status and charging protocol, thereby improving the visualization effect and enhancing the efficiency of conveying charging status information and user interaction experience.

[0082] In one exemplary embodiment, the method further includes: in response to detecting an abnormal charging state, changing the properties of at least one visual element of a first motion graphic or a second motion graphic to provide an alert.

[0083] In this embodiment, the electronic device can monitor battery temperature, charging voltage, charging current, or charging connection status in real time during charging to determine whether an abnormal charging state has been entered. Abnormal charging states include, but are not limited to, battery overheating, abnormal voltage, abnormal current, and charging failure. When an abnormal charging state is detected, the electronic device can adaptively change the attributes of at least one visual element in a first or second dynamic graphic to create a warning effect that is clearly distinguishable from a normal charging state.

[0084] For example, the attributes of visual elements include display color, motion trajectory, motion speed, breathing frequency, particle generation rules, etc. For instance, in an abnormal charging state, the color of the energy ring, multi-layer particles, or ring ripples can be switched from the blue or yellow of normal charging to warning colors such as red or orange; at the same time, the motion trajectory of the particles can be disrupted, making the particle movement disordered and chaotic, or the breathing rhythm of the energy ring can be adjusted to an irregular rhythm, thereby visually prompting the user that the current charging state is abnormal through significant changes, so that the user can deal with it in time and improve the safety and reliability of the charging process.

[0085] In one exemplary embodiment, the charging connection event includes a wired charging connection or a wireless charging connection; the presentation position of the first motion graphic or the starting area of ​​motion of a visual element is associated with the type of charging connection event.

[0086] In this embodiment, the electronic device can identify the type of the current charging connection event when charging is connected, determine whether it is a wired charging connection or a wireless charging connection, and adaptively adjust the presentation position of the first dynamic graphic or the starting area of ​​the movement of visual elements according to different charging connection types, so that the visualization effect matches the actual charging method.

[0087] For example, when the detected charging connection event is a wired charging connection, the presentation position of the first dynamic graphic can be set in the center area of ​​the screen, or the starting area of ​​the movement of the visual element can be set to the four edges of the screen; when the detected charging connection event is a wireless charging connection, the presentation position of the first dynamic graphic can be adaptively adjusted to the lower center of the screen, or the starting area of ​​the movement of the visual element can be uniformly set to the bottom of the screen.

[0088] The charging status visualization method provided in this application, by associating the charging connection type with the presentation position and motion start area of ​​the dynamic graphics, can make the charging animation more in line with the actual charging scenario, improve the rationality of the visual presentation and the sense of interactive immersion, and allow users to intuitively distinguish the current charging mode through the graphic position or motion start point, further optimizing the charging status visualization experience.

[0089] In one exemplary embodiment, the method further includes: terminating or fading out the display of the second motion graphics within a preset time period after the second motion graphics are presented, or reducing the dynamic intensity of at least one visual element of the second motion graphics.

[0090] In this embodiment, the second dynamic graphic can serve as a transitional prompt animation when the charging state or protocol changes, highlighting the visual perception effect of the mode switch moment without needing to maintain a high dynamic intensity display for an extended period. The electronic device can preset a duration threshold as a pre-defined time period, such as 1 second, 2 seconds, or other suitable durations. Within the preset time period after the second dynamic graphic is presented, the electronic device can perform corresponding display adjustment operations on the second dynamic graphic.

[0091] For example, the transparency of the second dynamic graphic can be gradually reduced according to a preset easing function to achieve a smooth fade-out effect; or the display of the second dynamic graphic can be directly terminated to switch to another dynamic graphic in a stable state. As another example, the dynamic intensity of at least one visual element in the second dynamic graphic can be reduced, including but not limited to reducing the rotation speed and breathing rhythm frequency of the energy ring, reducing the diffusion amplitude of the ring ripples, and reducing the generation rate and movement speed of multi-layer particles. Through these methods, a strong sense of mode switching can be provided when the charging state changes, and the display can return to a stable, low-power state after the prompt is completed, avoiding visual interference caused by continuously high dynamic effects. This also helps optimize interface rendering performance and reduce system power consumption.

[0092] To enable those skilled in the art to better understand the embodiments of this application, the embodiments of this application are described below through specific examples.

[0093] Reference Figure 2 As shown in the embodiment of this application, a multi-layer dynamic visualization method based on charging protocol and status is disclosed. Upon detecting charging access, this method triggers light wave diffusion following a easing function at the center of the screen, forming an energy ring that combines dynamic power display with a breathing rhythm effect. Subsequently, a three-layer particle confluence system is activated: basic, medium, and trailing particles with varying parameters are generated from the screen edge and merge into the ring through collision disappearance or fusion, simulating energy collection. Real-time protocol mapping can be performed during the multi-layer dynamic visualization display: if fast charging is detected (e.g., power > 18W), a full-screen color ripple is triggered, and the energy ring rotation speed, breathing frequency, and the generation rate and movement speed of particles in each layer are simultaneously increased, creating a strong sense of mode switching. The system also has state adaptive capabilities, dynamically changing the animation's main color tone to a warning color and disrupting particle movement based on charging anomalies (e.g., overheating). It can also adapt to wireless charging scenarios, adjusting the particle starting point to the bottom of the screen. The entire animation integrates charging protocol, power, battery level, and status information into a single visual flow through phased triggering, parameterized control, and a smooth fade-out mechanism. This achieves efficient information delivery and emotional interaction while effectively optimizing rendering performance and system power consumption.

[0094] For example, refer to Figure 3 As shown, the method may include:

[0095] Step 302: Charging connection trigger and initial animation feedback.

[0096] When the electronic device detects a power-on event, it immediately triggers a first animation sequence in the center area of ​​the display screen. This sequence includes:

[0097] Light Wave Diffusion and Energy Ring Formation: An initial, blue ring-shaped light wave is generated from the center of the screen and spreads outwards following an easing function (such as ease-out). During the diffusion process, the light wave gradually evolves into an energy ring with a dynamic outline effect, as shown in the figure. Figure 4 As shown. The energy ring contains two layers of information: the outer layer, in colors (red, blue, and green tones), dynamically displays the current battery level; the inner layer or center can integrate a static battery or lightning bolt icon. The energy ring itself exhibits a slow clockwise rotation and a breathing rhythm of light / dark / scaling.

[0098] Step 304: Particle confluence effect rendering.

[0099] After the energy ring forms and stabilizes, the second animation sequence is triggered synchronously. Taking the global particle convergence as an example, refer to... Figure 5 As shown, it includes:

[0100] Particle system generation: A large number of particles are generated at the edges of the screen (in all directions) and move towards the center of the screen (the energy ring). Taking a three-layer particle model as an example: the first layer (basic particles): the most numerous, smallest in size, and slowest in speed, used to simulate the background energy field; the second layer (medium-sized particles): of moderate number and size, moving faster than the first layer particles, used to form the main visual convergence; the third layer (trailing particles): the fewest in number, largest in size or with trailing effects, and fastest in speed with variations (some fast, some slow), used to create visual focus and a sense of depth. When all particles reach the energy ring, they merge into the ring through collision, fusion, or a gradual decrease in transparency to 0, symbolizing the collection of energy. The first animation sequence and the second animation sequence constitute the first dynamic graphic.

[0101] Step 306: Fast charging protocol identification and enhanced feedback.

[0102] Within a preset time window (e.g., 2 seconds) after the charging connection is established, the device's power management chip completes the charging protocol handshake. If a fast charging protocol is identified (power exceeding a preset threshold, such as 18W), a third animation sequence (i.e., the second dynamic graphic) is immediately triggered, including:

[0103] Full-screen ripple emphasis: One or more full-screen-scale circular ripples erupt from the energy ring or the center of the screen, rapidly spreading towards the screen edges, as shown in the reference. Figure 6As shown. The color of the ripple can be associated with fast charging protocols (e.g., orange represents VOOC (Voltage Open Loop Multi-step Constant-Current Charging), and green represents QC (Qualcomm Quick Charge)).

[0104] Dynamic parameter enhancement: Following the ripples, enhance the dynamic parameters of the entire animation system, including but not limited to: the rotation speed and breathing rhythm frequency of the energy ring, the generation rate and movement speed of particles in each layer of the particle system, and the overall number density of particles.

[0105] The third animation sequence is designed to give users a strong sensory confirmation of a power surge and entry into an efficient charging mode.

[0106] Step 308: Animation exit and state maintenance.

[0107] After the aforementioned enhanced feedback, the entire composite animation (energy ring + particles) continues to run with the improved parameters for a preset display duration (e.g., 5-8 seconds). Then, a smooth exit occurs: after the display duration ends, an exit animation begins. The global transparency of all elements in the entire animation system (energy ring, particles) gradually transitions from 100% to 0%, achieving a smooth fade-out. State transition: after the animation completely disappears, the display switches to a normal charging status display interface (such as lock screen wallpaper and static battery percentage), referencing... Figure 7 As shown.

[0108] In this example, different fast charging protocols can be mapped with different primary colors (the colors of the energy ring, particles, and ripples) and characteristic sound effects. When abnormalities such as overheating or unstable current are detected, the animation's primary color can be changed to red or yellow, the energy ring's rhythm can become rapid flashing, and the particle movement can become erratic to provide a visual warning. For wireless charging, the starting point of the particle confluence can be set to the bottom of the screen (where the charging coil is located) rather than the edges of the screen.

[0109] The charging status visualization method provided in this application maps different charging protocols, real-time power, and charging stages into distinctive, multi-level composite dynamic visual feedback. Through a combination of particle systems, ripple effects, and dynamic energy rings, it achieves a complete visual narrative from connection to successful handshake to stable charging. While providing rich visual information, it optimizes rendering performance, ensuring smooth animation and controllable power consumption. It has the following advantages:

[0110] Efficient and accurate information delivery: Through the striking contrast between the blue standard ring + particles and the full-screen ripples + accelerated dynamics, users can instantly distinguish between normal charging and fast charging without any textual explanation; Visualized and emotionally engaging process: The three-layer particle model simulates the flow and convergence of energy. Combined with the rhythm of the energy ring, the abstract charging process is transformed into a concrete, technologically advanced, and vibrant visual experience, enhancing the emotional connection between the user and the device; Multi-level status indication: The animation is a complex system. The energy ring indicates the battery level, the overall dynamics reflect the power, the color can be mapped to the protocol, and abnormal states can change the animation behavior, achieving multiple layers of information in one animation; Optimized technical implementation: Through a phased and layered animation triggering mechanism, and setting the display duration and fading out after the climax (fast charging recognition), both visual impact is ensured, while avoiding unnecessary performance and power consumption overhead caused by continuous full-effect rendering.

[0111] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages in other steps. It is understood that the steps in different embodiments can be freely combined as needed, and all non-contradictory solutions formed by such combinations are within the scope of protection of this application.

[0112] Based on the same inventive concept, this application also provides a charging state visualization device for implementing the above-described method for visualizing charging state. The solution provided by this device is similar to the implementation described in the above method; therefore, the specific limitations in one or more embodiments of the charging state visualization device provided below can be found in the limitations of the charging state visualization method described above, and will not be repeated here.

[0113] In one exemplary embodiment, such as Figure 8 As shown, a device for visualizing charging status is provided, comprising: a first display module 802 and a second display module 804, wherein:

[0114] The first display module 802 is configured to present a first dynamic graphic on the display screen in response to a charging connection event, the first dynamic graphic including visual elements for dynamically displaying the current battery level;

[0115] The second display module 804 is configured to present a second dynamic graphic on a display screen in response to the detection of a change in charging status or protocol. The second dynamic graphic includes at least one visual element of a target dynamic graphic, which includes the first dynamic graphic and / or the third dynamic graphic.

[0116] The first dynamic graphic, the second dynamic graphic, and the third dynamic graphic are all used to represent state information related to charging.

[0117] The charging status visualization device provided in this application displays a first dynamic graphic when charging is connected, using dynamic visual elements to reflect the battery level in real time. When the charging status or protocol changes, the device can automatically identify and synchronously present a second dynamic graphic. Through the progressive display of dynamic graphics, the device achieves real-time visual feedback on changes in charging status, making the process of change between different charging modes and different charging states continuous and visually correlated. Users can quickly and clearly identify the switching between different modes such as fast charging and normal charging, further enhancing the ability to perceive charging status. Without increasing the user's understanding cost, the device improves the efficiency of obtaining charging status information.

[0118] In one embodiment, the properties of at least one visual element of the first motion graphic change over time or with varying power levels.

[0119] In one embodiment, presenting the second dynamic graphic on the display screen includes: after displaying the motion effect of at least one visual element of the first dynamic graphic on the display screen, displaying the visual elements of a third dynamic graphic to present the second dynamic graphic.

[0120] In one embodiment, the apparatus further includes a determining module for determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol.

[0121] In one embodiment, the device further includes a third display module for changing the properties of at least one visual element of the first motion graphic or the second motion graphic in response to detecting an abnormal charging state, to provide a warning.

[0122] In one embodiment, the charging connection event includes a wired charging connection or a wireless charging connection; the presentation position of the first dynamic graphic or the starting area of ​​the movement of the visual element is associated with the type of the charging connection event.

[0123] In one embodiment, the device further includes a fourth display module, configured to terminate or fade out the display of the second dynamic graphic within a preset time period after the second dynamic graphic is presented, or to reduce the dynamic intensity of at least one visual element of the second dynamic graphic.

[0124] In one embodiment, the visual element includes at least one of the following: an energy ring with a rotating and breathing rhythm effect, at least one ring-shaped ripple spreading toward the edge of the screen, and multi-layered particles moving toward the energy ring.

[0125] In one embodiment, determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol includes at least one of the following:

[0126] The rotational speed and / or breathing rhythm frequency of the energy ring are determined according to the charging state or protocol.

[0127] Determine at least one of the following: particle density, generation velocity, or motion velocity of each layer of particles in the multilayer particle system, based on the charging state or protocol:

[0128] The color of the target object is determined according to the charging state or protocol, and the target object includes at least one of the energy ring, the particles in each layer, or the annular ripple.

[0129] Each module in the aforementioned charging status visualization device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device as software, so that the processor can call and execute the operations corresponding to each module.

[0130] In one exemplary embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 9As shown, the computer device includes a processor, memory, input / output interfaces, a communication interface, a display unit, and an input device. The processor, memory, and input / output interfaces are connected via a system bus, and the communication interface, display unit, and input device are also connected to the system bus via the input / output interfaces. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage media. The input / output interfaces are used for exchanging information between the processor and external devices. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, Near Field Communication (NFC), or other technologies. When executed by the processor, the computer program implements a method for visualizing the charging status. The display unit is used to form a visually visible image and can be a display screen, a projection device, or a virtual reality imaging device. The display screen can be an LCD screen or an e-ink screen. The input device of the computer device can be a touch layer covering the display screen, or buttons, trackballs, or touchpads set on the casing of the computer device, or external keyboards, touchpads, or mice, etc.

[0131] Those skilled in the art will understand that Figure 9 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0132] In one embodiment, a computer device is also provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the steps in the above method embodiments.

[0133] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon that, when executed by a processor, implements the steps in the above method embodiments.

[0134] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the above method embodiments.

[0135] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of the relevant data must comply with relevant regulations.

[0136] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile memory and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, artificial intelligence (AI) processors, etc., and are not limited to these.

[0137] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0138] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A method for visualizing charging status, applied to electronic devices, characterized in that, include: In response to a charging connection event, a first dynamic graphic is displayed on the screen, the first dynamic graphic including visual elements for dynamically displaying the current battery level; In response to the detection of a change in charging status or protocol, a second motion graphic is displayed on the screen. The second motion graphic includes at least one visual element of a target motion graphic, which includes the first motion graphic and / or the third motion graphic. The first dynamic graphic, the second dynamic graphic, and the third dynamic graphic are all used to represent state information related to charging.

2. The method according to claim 1, characterized in that, The properties of at least one visual element of the first motion graphic change over time or with varying electrical charge.

3. The method according to claim 1, characterized in that, Presenting the second dynamic graphic on the display screen includes: after displaying the motion effect of at least one visual element of the first dynamic graphic on the display screen, displaying the visual elements of the third dynamic graphic to present the second dynamic graphic.

4. The method according to claim 3, characterized in that, The method further includes: determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol.

5. The method according to claim 1, characterized in that, The method further includes: in response to detecting an abnormal charging state, changing the properties of at least one visual element of the first motion graphic or the second motion graphic to provide an alert.

6. The method according to claim 1, characterized in that, The charging connection event includes wired charging connection or wireless charging connection; the presentation position of the first dynamic graphic or the starting area of ​​the movement of the visual element is associated with the type of the charging connection event.

7. The method according to claim 1, characterized in that, The method further includes: terminating or fading out the display of the second dynamic graphic within a preset time period after the second dynamic graphic is presented, or reducing the dynamic intensity of at least one visual element of the second dynamic graphic.

8. The method according to claim 4, characterized in that, The visual elements include at least one of the following: an energy ring with a rotating and breathing rhythm effect, at least one ring-shaped ripple spreading towards the edge of the screen, and multi-layered particles moving towards the energy ring.

9. The method according to claim 8, characterized in that, Determining the motion effect or display parameters of the at least one visual element based on the charging state or protocol includes at least one of the following: The rotational speed and / or breathing rhythm frequency of the energy ring are determined according to the charging state or protocol. Determine at least one of the following: particle density, generation velocity, or motion velocity of each layer of particles in the multilayer particle system, based on the charging state or protocol: The color of the target object is determined according to the charging state or protocol, and the target object includes at least one of the energy ring, the particles in each layer, or the annular ripple.

10. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the method according to any one of claims 1 to 9.

Images