Display method, electronic equipment and vehicle

Abstract

The invention provides a display method, electronic equipment and a vehicle, and the method comprises the steps: obtaining a following view of a to-be-hidden view in response to the existence of the to-be-hidden view, and determining a first to-be-displayed position of the following view; wherein the to-be-hidden view is a displayed view in a current display interface, and a visual state identifier is changed from a display state identifier to a hidden state identifier; and executing and displaying the operation of moving the following view from the current display position to the first to-be-displayed position. According to the display method, the electronic equipment and the vehicle, the display fluency can be effectively improved, and the visual effect and the user visual experience are effectively improved.

Description

Technical Field

[0001] This application relates to the field of display technology, and more particularly to a display method, electronic device, and vehicle. Background Technology

[0002] The vehicle's central control screen needs to display various information to help users understand driving and vehicle status information. To meet users' personalized needs, the display style and content of the central control screen are usually set to be switchable, allowing users to switch between specific display styles according to their own habits and preferences. However, during the switching process of the existing display styles, the animation display is not smooth, and there are visual illusions such as animation stuttering and delays, resulting in poor visual effects and affecting the user's visual experience. Summary of the Invention

[0003] In view of this, the purpose of this application is to provide a display method, electronic device and vehicle to solve the technical problems of unsmooth display and poor visual effect in the prior art, which affect the user's visual experience.

[0004] For the purposes described above, this application provides a display method, comprising: In response to the existence of a view to be hidden, the following view of the view to be hidden is obtained, and the first display position of the following view is determined; wherein, the view to be hidden is a currently displayed view in the display interface and its visibility status indicator has changed from a display status indicator to a hidden status indicator; Perform and display the operation of moving the following view from the current display position to the first display position.

[0005] The movement of the following view is triggered by checking if the view to be hidden exists. It does not depend on the specific hiding operation of the view to be hidden, so the movement of the following view can be triggered separately from the hiding animation. It does not need to depend on the execution process of the hiding animation, resulting in a smoother display, effectively improving the visual effect, increasing the fun of the interface display, and providing a better visual effect and user experience.

[0006] Optionally, the operation of moving the following view from its current display position to the first display position includes: The motion trajectory is determined based on the current display position of the following view and the first position to be displayed; According to the motion trajectory and preset movement method, the operation of moving the following view from the current display position to the position to be displayed is executed and displayed.

[0007] By using motion trajectories and preset movement methods to execute and realize the movement operation of following the view, users can intuitively see the movement process of following the view, which is more visually rich, more interesting, and provides a better user experience.

[0008] Optionally, determining the first display position of the following view includes: The first position to be displayed for the following view is determined based on the layout size information of the view to be hidden.

[0009] By determining the first position to be displayed for the following view and moving the following view, the views displayed on the interface can be evenly distributed, thereby improving the visual effect and thus enhancing the user experience.

[0010] Optionally, before determining the first display position of the following view, the method further includes: Determine whether there exists a view to be displayed that has a following relationship with the following view, wherein the view to be displayed is a view that is not displayed in the current display interface and whose visible status indicator has changed from a hidden status indicator to a displayed status indicator; In response to the existence of the view to be displayed, a second display position of the view to be displayed is determined, and the view to be displayed is displayed at the second display position in the current display interface. Determining the first display position of the following view includes: Obtain the size information of the view to be displayed, and determine the first display position of the following view based on the size information of the view to be displayed.

[0011] By using the size information of the view to be displayed, the first display position of the following view is reconfirmed, so that the following view can move based on the first display position, ensuring the normal display of the view to be displayed, while also uniformly displaying the layout of the current display interface, improving the display effect and visual effect.

[0012] Optionally, it also includes: Execute and display the hiding animation of the view to be hidden to achieve the hiding of the view.

[0013] The view to be hidden is hidden from the current display interface through a hiding animation. Users can intuitively see the "disappearance" process of the view to be hidden, which effectively improves the display interest, visual effect and user experience.

[0014] Optionally, executing and displaying the hiding animation of the view to be hidden includes: The hidden animation is encapsulated as a rendering node layer attribute animation, executed, and then displayed.

[0015] Encapsulating hidden animations as rendering node layer property animations can effectively avoid animation execution stuttering, significantly improve the smoothness of hidden animation display, and thus enhance visual effects and user experience.

[0016] Optionally, the operation of moving the following view from its current display position to the first display position includes: The operation of moving the following view from the current display position to the first display position is performed, and the movement operation is encapsulated as a rendering node layer attribute animation for display.

[0017] Encapsulating the movement of the following view into rendering node layer property animation can effectively avoid display stuttering, improve the smoothness of the movement operation, and thus enhance the visual effect and user experience.

[0018] Optionally, the response prior to the existence of a view to be hidden further includes: In response to the interface layout change command, the view that needs to be hidden is determined from the currently displayed views in the display interface, and the visibility status indicator of the view that needs to be hidden is changed from the display status indicator to the hidden status indicator, thus obtaining the view to be hidden.

[0019] When a command to change the interface layout is received, the visibility status indicator of the view that needs to be hidden is immediately changed. This triggers the movement operation following the view, which can bring a better visual effect and experience to the user.

[0020] Based on the same inventive concept, this disclosure also provides a display device, including: The position confirmation module is used to respond to the existence of a view to be hidden, obtain the following view of the view to be hidden, and determine the first display position of the following view; wherein, the view to be hidden is a currently displayed view in the display interface and the visible status indicator has changed from the display status indicator to the hidden status indicator; The movement operation execution module is used to execute and display the operation of moving the following view from the current display position to the first display position.

[0021] Based on the same inventive concept, this disclosure also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and running on the processor, wherein the processor executes the program to implement a display method as described above.

[0022] Based on the same inventive concept, this disclosure also provides a non-transitory computer-readable storage medium that stores computer instructions for causing a computer to execute a display method as described above.

[0023] Based on the same inventive concept, this disclosure also provides a computer program product, including computer program instructions, which, when run on a computer, cause the computer to perform a display method as described above.

[0024] Based on the same inventive concept, this disclosure also provides a vehicle that includes the electronic equipment described above.

[0025] As can be seen from the above, the display method, electronic device, and vehicle provided in this application, when there is a view to be hidden, indicate that although the visible status indicator of the already displayed view changes from a displayed status indicator to a hidden status indicator, it is still displayed on the current display interface and has not been truly hidden. At this time, the first position to be displayed for the following view is directly determined, and the operation of moving the following view from the current display position to the first position to be displayed is executed and displayed. In the above process, the movement of the following view is triggered by judging whether the view to be hidden exists, and does not depend on the specific hiding operation of the view to be hidden. When the hiding operation of the view to be hidden is displayed in the form of an animation, the movement of the following view can be triggered separately from the hiding animation. That is, the movement operation of the following view can be executed at the same time as the hiding operation of the view to be hidden. At this time, the view to be hidden and the following view on the current display interface are both dynamic, there is no static state, there is no visual lag illusion, the display is smoother, and the visual effect can be effectively improved, the interface display is more interesting, and the visual effect and user experience are better. Attached Figure Description

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

[0027] Figure 1 This is a schematic diagram of a display interface including a view according to an embodiment of this application; Figure 2 This is another schematic diagram of a display interface including a view, according to an embodiment of this application; Figure 3 This is a schematic diagram of a display method according to an embodiment of this application; Figure 4 This is a schematic diagram of a parent container containing child views according to an embodiment of this application; Figure 5 This is a schematic diagram of a display device according to an embodiment of this application; Figure 6 This is a schematic diagram of an electronic device according to an embodiment of this application. Detailed Implementation

[0028] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with specific embodiments and the accompanying drawings.

[0029] It should be noted that, unless otherwise defined, the technical or scientific terms used in the embodiments of this application should have the ordinary meaning understood by one of ordinary skill in the art to which this application pertains. The terms "first," "second," and similar terms used in the embodiments of this application do not indicate any order, quantity, or importance, but are merely used to distinguish different components. Terms such as "comprising" or "including" mean that the element or object preceding the word encompasses the elements or objects listed after the word and their equivalents, without excluding other elements or objects. Terms such as "connected" or "linked" are not limited to physical or mechanical connections, but can include electrical connections, whether direct or indirect. Terms such as "upper," "lower," "left," and "right" are only used to indicate relative positional relationships; when the absolute position of the described object changes, the relative positional relationship may also change accordingly.

[0030] The central control screen in the vehicle's smart cockpit needs to display various information to help the driver understand driving information, vehicle status information, etc. In order to meet the personalized needs of users, the display style and content of the central control screen are usually set to be switchable, and users can switch the specific display style according to their own habits and preferences.

[0031] On the central control screen's display interface, one or more views are set to display corresponding information. This view can be a container component or a control, etc., with no specific restrictions. Container components are used to render icons, text, real-time parameters, and other content; controls are special views with interactive capabilities, responding to user input (clicks, swipes, etc.) or other state changes to trigger corresponding interactive functions.

[0032] A follower view is a special type of view that needs to move according to the changes of its follower target. That is, when the follower target is hidden from the display, the follower view also needs to change its position. Followers can be managed through a parent container, which manages the actual display state of multiple followers, such as hiding one follower target from the current display and redisplaying another.

[0033] When a follow view moves with the target it's following, directly jumping from its original position to the new position results in poor visual appeal, low engagement, and a bad user experience. Therefore, to improve the user experience, the process of the follow view moving from its original position to the new position is usually displayed dynamically, using a motion animation to visually demonstrate the movement of the follow view. Users can then directly observe the movement process.

[0034] To improve the visual effect, hiding views often involves hidden animations, such as transparency animations, which demonstrate the "disappearance" of the current view through a gradual change in transparency. When the target of a following view has a hidden animation, the movement of the following view depends on the layout space occupied by the target on the display screen. Therefore, while the target is performing its hidden animation, it still occupies some layout space on the current screen, and its movement cannot be triggered until the hidden animation is complete. In this situation, one part of the view (the target) is in a dynamic process (i.e., performing a hidden animation), while the other part (the following view) is stationary. This visual effect can easily give users a lag-like feeling, resulting in an overall choppy animation, poor visual effects, and a bad user experience.

[0035] Especially during the switching between displaying multiple follower targets, i.e., hiding one follower target from the current screen and redisplaying another follower target, the follower target that needs to be hidden still occupies a certain amount of layout space during the hiding animation. At this time, the movement of the follower view cannot be triggered. Only after the hiding animation is fully completed can the movement of the follower view be triggered. During the movement of the follower view, the follower target that needs to be redisplayed is already directly displayed on the current screen. This display effect will give users visual illusions such as animation stuttering and animation delay, resulting in poor visual effects.

[0036] by Figure 1 and Figure 2 The following content is used to further explain the technical issues. Figure 1 and Figure 2 Both interfaces contain information from the Integrated Adaptive Cruise Control (ICC) system, and each displays two different ICC information display styles. Figure 1 In the middle, the first view 101 consists of information such as speed limit deviation, overtaking and lane changing, and more settings, while the second view 102 consists of the words "ICC switch" and the corresponding icon. Figure 2 In the middle, icons, overtaking and lane changing information, speed limit and offset information constitute the third view 201. The second view 102 is a following view, whose targets are the first view 101 and the second view 102. The first view 101 and the second view 102 are managed through a parent container. When the user... Figure 1When the second view 102 is clicked in the displayed interface, it indicates that the ICC information display style needs to be switched from the first view 101 to the third view 201. At this time, a hiding animation is performed on the first view 101 to hide it from the display interface, and the third view 201 is redisplayed on the display interface. During the hiding animation of the first view 101, it still occupies a certain amount of layout space in its corresponding parent container. The movement of the second view 102 cannot be initiated at this time. Only after the hiding animation of the first view 101 is completed can the second view 102 begin to move according to the position of the third view 201. This results in a noticeable lag, poor visual effect, and a poor user experience.

[0037] In view of this, this application provides an animation display method that can improve display smoothness, visual effects, and user experience, such as... Figure 3 As shown, the method includes: S301. In response to the existence of a view to be hidden, obtain the following view of the view to be hidden, and determine the first display position of the following view; wherein, the view to be hidden is a currently displayed view in the display interface and its visibility status indicator has been changed from a display status indicator to a hidden status indicator. Specifically, a visual status indicator is preset for all views that have a following relationship with the following view (i.e., the following targets). This visual status indicator records the display status of the following target on the current display screen. The visual status indicator includes a display status indicator and a hidden status indicator. When the visual status indicator of the following target is display, it indicates that the corresponding following target is a displayed view, meaning it is already displayed on the current display screen. When the visual status indicator of the following target is hidden, it indicates that the corresponding following target is a hidden view, meaning it is not displayed on the current display screen. When the visual status indicator of a displayed view changes from display to hidden, it indicates that a hiding operation needs to be performed to make it visible from the current display screen. When there is a view to be hidden, it means that the visual status indicator of a displayed view has changed from display to hidden, but it is still displayed on the current display screen and has not yet been hidden.

[0038] S302, Execute and display the operation of moving the following view from the current display position to the first display position.

[0039] Specifically, the operation of moving the following view from its current display position to the first display position is performed, that is, the movement operation of the following view is performed, and the movement operation of the following view is displayed on the current display interface to improve the visual effect.

[0040] In this application, based on steps S301-S302, when there is a view to be hidden, it indicates that although the visible state indicator of the already displayed view has changed from a displayed state indicator to a hidden state indicator, it is still displayed on the current display interface and has not been truly hidden. At this time, the first position to be displayed for the following view is directly determined, and the operation of moving the following view from the current display position to the first position to be displayed is executed and displayed. In the above process, the movement of the following view is triggered by judging whether the view to be hidden exists, and does not depend on the specific hiding operation of the view to be hidden. When the hiding operation of the view to be hidden is displayed in the form of an animation, the movement of the following view can be triggered separately from the hiding animation. That is, while the hiding operation of the view to be hidden is executed, the movement operation of the following view can also be executed. At this time, the view to be hidden and the following view on the current display interface are both dynamic, there is no static state, there is no visual lag illusion, the display is smoother, and the visual effect can be effectively improved, the interface display is more interesting, and the visual effect and user experience are better.

[0041] The movement of a displayed view is achieved by setting a motion trajectory and a preset movement method. In some embodiments, the operation of moving the other displayed view from its current display position to the first display position includes: S3021. Determine the motion trajectory based on the current display position of the following view and the first position to be displayed; Specifically, the motion trajectory can be a straight line, parabola, wavy line, spiral line, or other forms of motion trajectory, without any specific restrictions. One or more intermediate positions can also be set between the current display position and the first position to be displayed. The motion trajectory is determined by the current display position, one or more intermediate positions, and the first position to be displayed. When the following view moves along the motion trajectory, the following view first moves from the current display position to the intermediate position, and then moves from the intermediate position to the first position to be displayed.

[0042] S3022. According to the motion trajectory and preset movement method, execute and display the operation of moving the following view from the current display position to the position to be displayed.

[0043] Specifically, the preset movement mode can be uniform speed movement or variable speed movement. When the preset movement mode is uniform speed movement, the following view moves at a uniform speed along the movement trajectory; when the preset movement mode is variable speed movement, the following view moves at a variable speed along the movement trajectory. Variable speed movement can be acceleration, deceleration, or other forms of variable speed movement, such as acceleration followed by deceleration, or deceleration followed by acceleration, etc., without specific limitations. When the variable speed movement is acceleration, the following view's movement speed along the movement trajectory gradually increases; when the variable speed movement is deceleration, the following view's movement speed along the movement trajectory gradually decreases.

[0044] In this application, the motion trajectory is determined by the current display position and the first position to be displayed of the following view. Then, the movement operation of following the view is executed and realized according to the motion trajectory and the preset movement method. Users can intuitively see the movement process of following the view, which makes the visual effect richer, more interesting and better user experience.

[0045] The first display position of the following view is determined by using the layout size information of the view to be hidden. In some embodiments, determining the first display position of the following view includes: The first position to be displayed for the following view is determined based on the layout size information of the view to be hidden.

[0046] Specifically, the layout size information of the view to be hidden includes its width, height, or both. When the layout size information of the view to be hidden includes its width, the process for determining the first position to be displayed is as follows: The horizontal displacement is determined based on the width dimension, the horizontal displacement direction is determined based on the horizontal relative position of the view to be hidden and the following view, and the first display position is determined based on the horizontal displacement, the horizontal displacement direction and the current display position.

[0047] Specifically, the horizontal displacement can be equal to the width of the view to be hidden, or 1 / 2, 1 / 3, 2 / 3, etc. of the width; there are no specific restrictions. The direction of the horizontal displacement includes right and left. When the horizontal relative position of the view to be hidden and the following view is to the right, it means that the view to be hidden is located to the right of the following view, and the horizontal displacement direction is to the right. The position to be displayed is the first position to be moved to the right by the horizontal displacement amount from the current display position of the following view. When the horizontal relative position of the view to be hidden is to the left, it means that the view to be hidden is located to the left of the following view, and the horizontal displacement direction is to the left. The position to be displayed is the first position to be displayed is the first position to be moved to the left by the horizontal displacement amount from the current display position of the following view.

[0048] When the layout size information of the view to be hidden includes the height dimension, the process for determining the first position to be displayed is as follows: The vertical displacement is determined based on the height dimension, the vertical displacement direction is determined based on the vertical relative position of the view to be hidden and the following view, and the first display position is determined based on the vertical displacement, the vertical displacement direction and the current display position.

[0049] Specifically, the vertical displacement can be equal to the height dimension, or 1 / 2, 1 / 3, 2 / 3, etc. of the height dimension, without any specific restrictions. The vertical displacement direction includes upward and downward. When the vertical relative position between the view to be hidden and the following view is above, it means that the view to be hidden is above the following view. In this case, the vertical displacement direction is upward. The position to be displayed is the first position to be moved upward from the current display position of the following view. When the vertical relative position between the view to be hidden and the following view is below, it means that the view to be hidden is below the following view. The vertical displacement direction is downward. The position to be displayed is the first position to be displayed is the first position to be moved downward from the current display position of the following view.

[0050] When the layout dimensions of the view to be hidden include both width and height, the process for determining the first position to be displayed is as follows: The horizontal displacement is determined based on the width dimension, and the horizontal displacement direction is determined based on the horizontal relative position of the view to be hidden and the following view. The vertical displacement is determined based on the height dimension, and the vertical displacement direction is determined based on the vertical relative position between the view to be hidden and the following view. The first position to be displayed is determined based on the horizontal displacement, horizontal displacement direction, vertical displacement, vertical displacement direction, and the current display position.

[0051] For example, when the horizontal displacement direction is to the left and the vertical displacement direction is to the up, the position where the horizontal displacement is moved to the left and the vertical displacement is moved upward is the first position to be displayed, based on the current display position of the following view; when the horizontal displacement direction is to the right and the vertical displacement direction is to the down, the position where the horizontal displacement is moved to the right and the vertical displacement is moved downward is the first position to be displayed, based on the current display position of the following view.

[0052] When a view to be hidden is hidden from the current display, its original display position will be empty, resulting in an overall layout that is either too empty or too dense, leading to poor visual effects. Therefore, by determining the first display position of the following view and moving the following view, the views displayed on the interface can be evenly distributed, thereby improving the visual effect and enhancing the user experience.

[0053] In changes to the interface layout, there may be views to be hidden as well as views to be shown. In some embodiments, before determining the first position to be displayed for the following view, the process further includes: Determine whether there exists a view to be displayed that has a following relationship with the following view, wherein the view to be displayed is a view that is not displayed in the current display interface and whose visible status indicator has changed from a hidden status indicator to a displayed status indicator; In response to the existence of the view to be displayed, a second display position of the view to be displayed is determined, and the view to be displayed is displayed at the second display position in the current display interface. Determining the first display position of the following view includes: Obtain the size information of the view to be displayed, and determine the first display position of the following view based on the size information of the view to be displayed.

[0054] Specifically, when there is a view to be displayed, it means that another view with a following relationship to the following view needs to be displayed on the current display screen. Therefore, it is necessary to determine the second display position of the view to be displayed and display the view at the second display position. When there are both views to be displayed and views to be hidden, it means that the following view has multiple following targets, which are managed by a parent container. All following targets are child views of this parent container. The second display position is determined by triggering the view layout measurement of the parent container. In the parent container of the view to be displayed, the layout process is triggered to measure the position of the view to be displayed in the parent view, and finally outputs the boundary coordinates of the view rectangle. The position indicated by the boundary coordinates of the view rectangle is the second display position.

[0055] The view rectangle's boundary coordinates include the left boundary distance (left), top boundary distance (top), right boundary distance (right), and bottom boundary distance (bottom). The left boundary distance represents the distance from the left side of the view's parent container to the left; the top boundary distance represents the distance from the top of the view to the top of its parent container; the right boundary distance represents the distance from the right side of the view to the left side of its parent container; and the bottom boundary distance represents the distance from the bottom of the view to the top of its parent container. The view rectangle's boundary coordinates also contain the view's size information: the view's height = bottom boundary distance - top boundary distance; and the view's width = right boundary distance - left boundary distance.

[0056] For example, with Figure 4 Let's take an example to further explain the coordinates of the view rectangle boundary. Figure 4 In this context, 401 is a parent container, and 402 is a child view within the parent container 401. The view's rectangle boundary coordinates are defined by its left, top, right, and bottom coordinates. These coordinates allow for the determination of a layout space within the parent container 401 to accommodate the child view 402. Figure 4 It can also be clearly seen that the size information of subview 401 can be determined by the boundary coordinates of the view rectangle of subview 401. The width of subview 401 = right boundary distance (right) - left boundary distance (left), and the width of subview 401 = bottom boundary distance (bottom) - top boundary distance (top).

[0057] Since the boundary coordinates of the view rectangle at the second display position are position coordinates related to the parent container, and the following view is not managed by the parent container of the view to be displayed, it is difficult to directly determine the first display position using the boundary coordinates of the view rectangle at the second display position. Therefore, the first display position of the following view can be determined using the size information of the view to be displayed. The size information of the view to be displayed can be obtained directly or determined based on the second display position of the view to be displayed.

[0058] The layout size information of the view to be displayed includes the width dimension, the height dimension, or both the width and height dimensions. When the layout size information of the view to be displayed includes the width dimension, the process for determining the first display position is as follows: Get the width of the view to be hidden; Calculate the width difference between the view to be hidden and the view to be displayed based on the width dimensions of the view to be displayed and the view to be hidden, and determine the horizontal displacement based on the width difference; The horizontal displacement direction is determined based on the width dimensions of the view to be displayed and the width dimensions of the view to be hidden, and the horizontal relative position of the second position to be displayed and the current display position of the following view. The first position to be displayed is determined based on the horizontal displacement amount, the horizontal displacement direction, and the current display position.

[0059] Specifically, the horizontal displacement can be equal to the width difference, or 1 / 2, 1 / 3, 2 / 3, etc. of the width difference, without any specific restrictions. The horizontal displacement direction includes right and left. The correspondence between the width dimensions of the view to be displayed and the width dimensions of the view to be hidden, the horizontal relative position of the second position to be displayed and the current display position of the following view, and the horizontal displacement direction is shown in the table below.

[0060] Table 1 Horizontal Displacement Direction Lookup Table

[0061] When the horizontal relative position of the second position to be displayed is to the left of the current display position of the following view, it means that the second position to be displayed is located to the left of the current display position of the following view. When the vertical relative position of the second position to be displayed is to the right of the current display position of the following view, it means that the second position to be displayed is located to the right of the current display position of the following view. When the width of the view to be displayed is larger than the width of the view to be hidden, the movement of the following view can reserve more layout space for it; when the width of the view to be displayed is smaller than the width of the view to be hidden, the movement of the following view can maintain a reasonable distance between it and the view to be displayed, and evenly distribute the view layout of the current display interface. Based on the current display of the following view, the horizontal displacement along the horizontal displacement direction determines the second position to be displayed.

[0062] When the layout size information of the view to be displayed includes the height dimension, the process for confirming the first display position is as follows: Get the height of the view to be hidden; Calculate the height difference between the view to be hidden and the view to be displayed based on the height dimensions of the view to be displayed and the view to be hidden, and determine the longitudinal displacement based on the height difference; The vertical displacement direction is determined based on the height dimensions of the view to be displayed and the height dimensions of the view to be hidden, and the vertical relative position between the second position to be displayed and the current display position of the following view. The first position to be displayed is determined based on the longitudinal displacement amount, the longitudinal displacement direction, and the current display position.

[0063] Specifically, the longitudinal displacement can be equal to the height difference, or 1 / 2, 1 / 3, 2 / 3, etc. of the height difference, without any specific restrictions. The longitudinal displacement direction includes upward and downward. The correspondence between the height dimensions of the view to be displayed and the height dimensions of the view to be hidden, and the longitudinal relative position of the second position to be displayed and the current display position of the following view, and the longitudinal displacement direction is shown in the table below.

[0064] Table 2. Longitudinal Displacement Direction Lookup Table

[0065] When the second position to be displayed is above the current display position of the following view, it means the second position to be displayed is above the current display position of the following view. When the second position to be displayed is below the current display position of the following view, it means the second position to be displayed is below the current display position of the following view. When the height of the view to be displayed is larger than the height of the view to be hidden, moving the following view can reserve more layout space for it; when the height of the view to be displayed is smaller than the height of the view to be hidden, moving the following view can maintain a reasonable distance between them, thus evenly distributing the view layout of the current display interface. Based on the current display of the following view, the second position to be displayed is determined by moving the view a certain vertical displacement along the vertical direction.

[0066] When the layout dimensions of the view to be displayed include both height and width dimensions, the process for determining the first display position is as follows: Get the height and width dimensions of the view to be hidden; Calculate the width difference between the view to be hidden and the view to be displayed based on the width dimensions of the view to be displayed and the view to be hidden, and determine the horizontal displacement based on the width difference; The horizontal displacement direction is determined based on the width dimensions of the view to be displayed and the width dimensions of the view to be hidden, and the horizontal relative position of the second position to be displayed and the current display position of the following view. Calculate the height difference between the view to be hidden and the view to be displayed based on the height dimensions of the view to be displayed and the view to be hidden, and determine the longitudinal displacement based on the height difference; The vertical displacement direction is determined based on the height dimensions of the view to be displayed and the height dimensions of the view to be hidden, and the vertical relative position between the second position to be displayed and the current display position of the following view; the first position to be displayed is determined based on the horizontal displacement amount, the horizontal displacement direction, the vertical displacement amount, the vertical displacement direction, and the current display position.

[0067] The current display position and the first display position of the following view can both be represented by the view rectangle boundary coordinates. When the horizontal displacement direction is to the right, the horizontal displacement amount is added to both the left and right boundary distances of the view rectangle boundary coordinates corresponding to the current display position. When the horizontal displacement direction is to the left, the horizontal displacement amount is reduced from both the left and right boundary distances of the view rectangle boundary coordinates corresponding to the current display position. When the vertical displacement direction is upward, the vertical displacement amount is reduced from both the upper and lower boundary distances of the view rectangle boundary coordinates corresponding to the current display position. When the vertical displacement direction is downward, the vertical displacement amount is added to both the upper and lower boundary distances of the view rectangle boundary coordinates corresponding to the current display position. The position indicated by the new view rectangle boundary coordinates obtained in this way is the first display position.

[0068] When a view to be displayed needs to be shown on the current display screen, the second display position of the view to be displayed needs to be determined, and the view to be displayed is displayed at the second display position to achieve the display of the view to be displayed. Since the view to be displayed on the current display screen changes from a view to be hidden to a view to be displayed, the first display position of the following view is re-determined based on the size information of the view to be displayed. The following view moves based on the first display position to maintain a reasonable distance between the following view and the view to be displayed, ensuring the normal display of the view to be displayed, while also uniformly displaying the layout of the current display screen, improving the display effect and visual effect, thereby improving the user experience.

[0069] For example, with Figure 1 and Figure 2 The following example will be used to further illustrate the technical solution of this application. Figure 1 and Figure 2 The second view 102 is a following view, whose targets are the first view 101 and the second view 102. The first view 101 and the second view 102 are managed through a parent container. When the user clicks... Figure 1When the second view 102 is displayed in the interface shown, it indicates that the first view 101 needs to be switched to the style of the third view 201. At this time, the first view 101 is the view to be hidden, and the third view 201 is the view to be displayed. Taking the first display position of the second view 102 as determined by the width of the third view 201 as an example, the width of the third view 201 is greater than the width of the first view 101, and the second display position is located to the left of the current display position of the following view, the horizontal displacement direction is determined to be to the right. Figure 1 The second view 102 shown is currently displayed at its current position. Moving it horizontally to the right will give us the first position to be displayed. Moving the second view 102 from its current position to the first position to be displayed will allow the second view 102 to move from its current position to the first position to be displayed. Figure 1 The position in the middle changes to Figure 2 The position in the middle.

[0070] The view to be hidden is hidden from the currently displayed interface by performing a hiding animation. In some embodiments, it also includes: Execute and display the hiding animation of the view to be hidden to achieve the hiding of the view.

[0071] Specifically, the hiding animation is an alpha animation, meaning the transparency gradually increases. The transparency (alpha value) of the view to be hidden can be changed. When alpha=0, it represents complete transparency; when alpha=1, it represents complete opacity. To execute the hiding animation, set the target alpha value for the view to be hidden. The hiding animation is the process of the view gradually changing from its current alpha value to the target alpha value. The target alpha value can be 0, making the view completely transparent and disappearing from the current display; it can be 0.5, resulting in a semi-transparent state; and other values ​​such as 0.1, 0.2, 0.3, 0.4, and 0.6 are also possible. The duration of the gradual change from the current alpha value to the target alpha value is controlled by a preset demonstration duration. The demonstration duration can be 150ms, 200ms, 250ms, 300ms, etc., or other durations can be set according to the actual situation.

[0072] The view to be hidden is hidden from the current display interface through a hiding animation, turning the hiding of the view from an instantaneous action into a hiding animation with a certain duration. Users can intuitively see the "disappearance" process of the view to be hidden, which effectively improves the display interest, visual effects and user experience.

[0073] The hiding animation is encapsulated as a rendering node layer property animation for execution and display, improving execution and display efficiency. In some embodiments, executing and displaying the hiding animation of the view to be hidden includes: The hidden animation is encapsulated as a rendering node layer attribute animation, executed, and then displayed.

[0074] Specifically, rendering node layer property animations is achieved through the ViewPropertyAnimator and the system API. The system API can be setTranslation, which is a method used to directly set the translation offset of the view in the horizontal direction to ensure hardware acceleration compatibility.

[0075] Render node layer property animation refers to skipping traditional view-level calculations and processing animations directly in the GPU rendering pipeline, achieving high-performance, low-overhead animation effects. The traditional view-level calculation process is as follows: modify property parameters -> trigger layout (i.e., re-measure the layout) -> trigger view drawing -> GPU calculation. During the execution of hidden animations based on traditional view-level calculations, the property parameters of the view to be hidden are constantly changing, leading to continuous re-triggers of layout and draw operations. This results in significant performance overhead and is prone to stuttering and display issues. This application encapsulates the hidden animation as a render node layer property animation, processing the animation directly in the GPU rendering pipeline. This avoids triggering layout and draw operations, effectively preventing animation stuttering and improving the smoothness of the hidden animation, thereby enhancing visual effects and the user's visual experience.

[0076] The movement operation of the following view is encapsulated as an animation of the rendered node layer properties for display. In some embodiments, the operation of moving the following view from its current display position to the first display position includes: The operation of moving the following view from the current display position to the first display position is performed, and the movement operation is encapsulated as a rendering node layer attribute animation for display.

[0077] During the movement of a view, its position information is actually in a real-time changing state. According to traditional view hierarchy calculations, this would frequently trigger layout and draw operations, resulting in significant performance overhead and issues such as stuttering and unsmooth display. In this application, the movement operation of the view (i.e., the process of moving the view from its current display position to the first position to be displayed) is encapsulated as a rendering node layer attribute animation. The animation is processed directly in the GPU rendering pipeline, avoiding the execution of layout and draw operations. This effectively avoids display stuttering, significantly improves the smoothness of the movement operation, and thus enhances the visual effects and user experience.

[0078] The visibility status indicator of the currently displayed view is modified in response to a UI layout change instruction. In some embodiments, the response prior to the existence of a view to be hidden further includes: In response to the interface layout change command, the view that needs to be hidden is determined from the currently displayed views in the display interface, and the visibility status indicator of the view that needs to be hidden is changed from the display status indicator to the hidden status indicator, thus obtaining the view to be hidden.

[0079] Specifically, the interface layout change instruction is a layout change instruction for a related view that follows the previous view. The instruction contains the identifier of the view to be hidden and the corresponding change operation information. Interface layout change instructions can be triggered by user actions, such as clicks or swipes, or by preset change conditions. When the preset conditions are met, the instruction is automatically triggered. Upon receiving an interface layout change instruction, the system immediately determines the view to be hidden from the currently displayed views based on the identifier of the view to be hidden contained in the instruction. Then, based on the corresponding change operation information, it changes the visibility status of the view to be hidden from the displayed status to the hidden status, thus obtaining the view to be hidden, rather than directly calling `setVisibility()`, which is a method for controlling the visibility state of a view.

[0080] In this application, upon receiving an instruction to change the interface layout, the visibility status flag of the view to be hidden is immediately changed to obtain the view to be hidden. At this point, the movement operation of the following view can be triggered directly, instead of triggering the movement operation of the following view only after the hiding animation of the view to be hidden has been completed. The movement operation of the following view can be executed simultaneously with the hiding animation of the view to be hidden, bringing a better visual effect and visual experience to the user.

[0081] In response to a UI layout change instruction, the visibility status indicator of views not currently displayed in the UI is modified. In some embodiments, the response prior to the existence of a view to be hidden further includes: In response to the interface layout change command, the view to be displayed is determined from all undisplayed views in the currently displayed interface, and the visibility status indicator of the view to be displayed is changed from the hidden status indicator to the displayed status indicator, thus obtaining the view to be displayed.

[0082] If a new view needs to be displayed on the current screen, the interface layout change instruction also includes the identifier information of the view to be displayed and the corresponding change operation information. When an interface layout change instruction is received, based on the identifier information of the view to be displayed contained in the instruction, the view to be displayed is determined from all the undisplayed views on the current screen. Then, based on the corresponding change operation information, the visibility status identifier of the view to be displayed is changed from a hidden state identifier to a displayed state identifier, thus obtaining the view to be displayed.

[0083] In practice, UI layout change commands may be triggered multiple times, such as when users click frequently in a short period of time or when multiple triggering conditions are met simultaneously. Because a visible state indicator is set for the target being followed, when the UI layout change command is triggered repeatedly, that is, when the same identifier information of the view to be hidden and the corresponding change operation information or the same identifier information of the view to be displayed and the corresponding change operation information are sent multiple times, since the visible state indicator of the corresponding view has already been modified based on the first UI layout change command, subsequent repeated triggering of the UI layout change command will not cause the visible state indicator of the corresponding view to change again. Therefore, the hiding animation of the view to be hidden will not be triggered repeatedly, nor will the movement operation of the following view be triggered repeatedly. This effectively prevents performance jitter and avoids the frame rate drop problem caused by the main thread being blocked due to repeated triggering of the hiding animation or the movement operation of the following view.

[0084] It should be noted that the method in this embodiment can be executed by a single device, such as a computer or server. The method can also be applied in a distributed scenario, where multiple devices cooperate to complete the task. In such a distributed scenario, one of these devices may execute only one or more steps of the method in this embodiment, and the multiple devices will interact with each other to complete the method described.

[0085] It should be noted that the above description describes some embodiments of this application. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in a different order than that shown in the above embodiments and still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require a specific or sequential order to achieve the desired result. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0086] Based on the same inventive concept, corresponding to any of the above-described embodiments, this application also provides a display device.

[0087] refer to Figure 5 The display device includes: The position confirmation module 501 is used to respond to the existence of a view to be hidden, obtain the following view of the view to be hidden, and determine the first display position of the following view; wherein, the view to be hidden is a currently displayed view in the display interface and the visible status indicator has changed from the display status indicator to the hidden status indicator; The movement operation execution module 502 executes and displays the operation of moving the following view from the current display position to the first display position.

[0088] In some embodiments, the mobile operation execution module 502 further includes: A motion trajectory confirmation unit is used to determine a motion trajectory based on the current display position of the following view and the first display position; The movement operation execution unit is used to execute and display the operation of moving the following view from the current display position to the position to be displayed according to the movement trajectory and the preset movement mode.

[0089] In some embodiments, determining the first display position of the following view includes: The first position to be displayed for the following view is determined based on the layout size information of the view to be hidden.

[0090] In some embodiments, before determining the first display position of the following view, the method further includes: Determine whether there exists a view to be displayed that has a following relationship with the following view, wherein the view to be displayed is a view that is not displayed in the current display interface and whose visible status indicator has changed from a hidden status indicator to a displayed status indicator; In response to the existence of the view to be displayed, a second display position of the view to be displayed is determined, and the view to be displayed is displayed at the second display position in the current display interface. Determining the first display position of the following view includes: Obtain the size information of the view to be displayed, and determine the first display position of the following view based on the size information of the view to be displayed.

[0091] In some embodiments, it also includes: The hidden animation execution module is used to execute and display the hidden animation of the view to be hidden, so as to achieve the hiding of the view.

[0092] In some embodiments, executing and displaying the hiding animation of the view to be hidden includes: The hidden animation is encapsulated as a rendering node layer attribute animation, executed, and then displayed.

[0093] In some embodiments, the mobile operation execution module 502 further includes: An animation encapsulation and execution unit is used to execute the operation of moving the following view from the current display position to the first display position, and to encapsulate the movement operation as a rendering node layer attribute animation for display.

[0094] In some embodiments, it also includes: The status indicator modification module is used to determine the view to be hidden from the currently displayed views in response to the interface layout change instruction before the existence of a view to be hidden is detected, and to modify the visibility status indicator of the view to be hidden from the display status indicator to the hidden status indicator, thereby obtaining the view to be hidden.

[0095] For ease of description, the above devices are described in terms of function, divided into various modules. Of course, in implementing this application, the functions of each module can be implemented in one or more software and / or hardware.

[0096] The apparatus of the above embodiments is used to implement a corresponding display method in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0097] Based on the same inventive concept, corresponding to any of the above embodiments, this application also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement a display method as described in any of the above embodiments.

[0098] Figure 6 This embodiment illustrates a more specific hardware structure of an electronic device. The device may include a processor 1010, a memory 1020, an input / output interface 1030, a communication interface 1040, and a bus 1050. The processor 1010, memory 1020, input / output interface 1030, and communication interface 1040 are interconnected internally via the bus 1050.

[0099] The processor 1010 can be implemented using a general-purpose CPU (Central Processing Unit), microprocessor, application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of this specification.

[0100] The memory 1020 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1020 can store the operating system and other applications. When the technical solutions provided in the embodiments of this specification are implemented by software or firmware, the relevant program code is stored in the memory 1020 and is called and executed by the processor 1010.

[0101] The input / output interface 1030 is used to connect input / output modules to realize information input and output. Input / output modules can be configured as components within the device (not shown in the figure) or externally connected to the device to provide corresponding functions. Input devices may include keyboards, mice, touchscreens, microphones, various sensors, etc., while output devices may include displays, speakers, vibrators, indicator lights, etc.

[0102] The communication interface 1040 is used to connect a communication module (not shown in the figure) to enable communication between this device and other devices. The communication module can communicate via wired means (such as USB, Ethernet cable, etc.) or wireless means (such as mobile network, WIFI, Bluetooth, etc.).

[0103] Bus 1050 includes a pathway for transmitting information between various components of the device, such as processor 1010, memory 1020, input / output interface 1030, and communication interface 1040.

[0104] It should be noted that although the above-described device only shows the processor 1010, memory 1020, input / output interface 1030, communication interface 1040, and bus 1050, in specific implementations, the device may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the above-described device may only include the components necessary for implementing the embodiments of this specification, and not necessarily all the components shown in the figures.

[0105] The electronic devices described above are used to implement a corresponding display method in any of the foregoing embodiments and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0106] Based on the same inventive concept, corresponding to the methods of any of the above embodiments, this application also provides a non-transitory computer-readable storage medium that stores computer instructions for causing the computer to execute a display method as described in any of the above embodiments.

[0107] The computer-readable medium of this embodiment includes permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. Information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transfer medium that can be used to store information accessible by a computing device.

[0108] The computer instructions stored in the storage medium of the above embodiments are used to cause the computer to execute a display method as described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0109] Based on the same concept, corresponding to any of the above embodiments, this application also provides a computer program product, including computer program instructions, which, when run on a computer, cause the computer to perform the method described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0110] It is understood that before using the technical solutions of the various embodiments in this disclosure, users will be informed of the type, scope of use, and usage scenarios of the personal information involved in an appropriate manner, and user authorization will be obtained.

[0111] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose, based on the prompt message, whether to provide personal information to the software or hardware such as electronic devices, applications, servers, or storage media performing the operations of this disclosed technical solution.

[0112] As an optional but not limited implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0113] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0114] Those skilled in the art should understand that the discussion of any of the above embodiments is merely exemplary and is not intended to imply that the scope of this application is limited to these examples; under the concept of this application, the technical features of the above embodiments or different embodiments can also be combined, the steps can be implemented in any order, and there are many other variations of different aspects of the embodiments of this application as described above, which are not provided in detail for the sake of brevity.

[0115] Additionally, to simplify the description and discussion, and to avoid obscuring the embodiments of this application, the well-known power / ground connections to integrated circuit (IC) chips and other components may or may not be shown in the provided drawings. Furthermore, the apparatus may be shown in block diagram form to avoid obscuring the embodiments of this application, and this also takes into account the fact that the details of the implementation of these block diagram apparatuses are highly dependent on the platform on which the embodiments of this application will be implemented (i.e., these details should be fully understood by those skilled in the art). While specific details (e.g., circuits) have been set forth to describe exemplary embodiments of this application, it will be apparent to those skilled in the art that the embodiments of this application can be implemented without these specific details or with variations thereof. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0116] Although this application has been described in conjunction with specific embodiments thereof, many substitutions, modifications, and variations of these embodiments will be apparent to those skilled in the art from the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may be used with the embodiments discussed.

[0117] The embodiments of this application are intended to cover all such substitutions, modifications, and variations that fall within the broad scope of the claims of this application. Therefore, any omissions, modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the embodiments of this application should be included within the protection scope of this application.

Claims

1. A display method characterized by comprising: Comprising: In response to the existence of a view to be hidden, obtaining a following view of the view to be hidden, determining a first to-be-displayed position of the following view; wherein the view to be hidden is a displayed view in a current display interface and the visual state identifier is changed from a display state identifier to a hidden state identifier; Performing and displaying an operation of moving the following view from a current display position to the first to-be-displayed position.

2. The display method according to claim 1, wherein The operation of performing and displaying the operation of moving the following view from the current display position to the first to-be-displayed position comprises: Determining a motion trajectory based on the current display position and the first to-be-displayed position of the following view; According to the motion trajectory and a preset moving manner, performing and displaying an operation of moving the following view from the current display position to the to-be-displayed position.

3. The display method according to claim 1, wherein The operation of determining the first to-be-displayed position of the following view comprises: Determining the first to-be-displayed position of the following view based on layout size information of the view to be hidden.

4. The display method according to claim 1, wherein Before the operation of determining the first to-be-displayed position of the following view, further comprising: Determining whether there is a to-be-displayed view having a following relationship with the following view, wherein the to-be-displayed view is a non-displayed view in the current display interface and the visual state identifier is changed from a hidden state identifier to a display state identifier; In response to the existence of the to-be-displayed view, determining a second to-be-displayed position of the to-be-displayed view, displaying the to-be-displayed view at the second to-be-displayed position of the current display interface, and the operation of determining the first to-be-displayed position of the following view comprises: Obtaining size information of the to-be-displayed view, and determining the first to-be-displayed position of the following view based on the size information of the to-be-displayed view.

5. The display method according to claim 1, wherein Further comprising: Performing and displaying a hiding animation of the view to be hidden to realize the hiding of the view to be hidden.

6. The display method according to claim 5, wherein The operation of performing and displaying the hiding animation of the view to be hidden comprises: Encapsulating the hiding animation as a rendering node layer attribute animation for performing and displaying.

7. The display method of claim 1, wherein, The operation of performing and displaying the operation of moving the following view from the current display position to the first to-be-displayed position comprises: Performing the operation of moving the following view from the current display position to the first to-be-displayed position, and encapsulating the moving operation as a rendering node layer attribute animation for displaying.

8. The display method of claim 1, wherein, Before the operation in response to the existence of the view to be hidden, further comprising: In response to an interface layout change instruction, determining a view to be hidden from the displayed views in the current display interface, and modifying the visual state identifier of the view to be hidden from a display state identifier to a hidden state identifier, to obtain the view to be hidden.

9. An electronic device comprising a memory, a processor, and a computer program stored on the memory and running on the processor, characterized in that, The processor executes the program to implement the display method of any one of claims 1 to 8.

10. A vehicle characterized by comprising: The vehicle comprises the electronic device of claim 9.

Images