Component effect display method and electronic device

Abstract

The present application relates to the technical field of terminals, and provides a component effect display method and an electronic device. In the present application, in response to a trigger event, a display picture of a first component can be refreshed, so that the refreshed display picture can occupy a display area different from a display area of the original display picture on a display interface, thereby providing, for a user, display experience with more visual impact, and improving the interaction experience of the user. The method comprises: an electronic device displaying a first picture of a first component, wherein the first picture occupies a first display area on a display interface; and in response to a first trigger event, refreshing the first picture to be a second picture, wherein the second picture is different from the first picture, the second picture occupies a second display area on the display interface, the second display area comprises an area different from the first display area on the display interface, and the second picture comprises static picture content and / or dynamic picture content.

Description

Component effect display method and electronic device

[0001] The present application claims priority to the Chinese Patent Application No. 202411092783.0, filed on August 7, 2024, entitled "Component Effect Display Method and Electronic Device", and to the Chinese Patent Application No. 202411357844.1, filed on September 26, 2024, entitled "Component Effect Display Method and Electronic Device", the contents of which are incorporated herein by reference in their entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of terminals, and in particular to a component effect display method and an electronic device. BACKGROUND

[0003] With the development of terminal technology, electronic devices are configured with more and more functions, and operating systems support providing users with more rich function use experiences through the development of components. For example, an electronic device can present key information to a user by displaying a desktop card, a widget, and the like, and can help the user quickly enable a corresponding function. For example, the electronic device can display a weather card to show weather information to the user, and can quickly start a weather application.

[0004] However, current component support is limited, and cannot provide users with more rich and vivid interactive experiences. SUMMARY

[0005] To solve the above technical problems, the present application provides a component effect display method and an electronic device. The technical solution provided by the present application can refresh the display picture of a first component in response to a trigger event, so that the refreshed display picture can occupy a display area on a display interface that is different from an original picture, provide a user with a display experience that has more visual impact, and improve the user's interactive experience.

[0006] To achieve the above technical purposes, the present application provides the following technical solutions:

[0007] In a first aspect, a component effect display method is provided, applied to an electronic device, and the method includes: displaying a first picture of a first component, wherein the first picture occupies a first display area on a display interface. In response to a first trigger event, the first picture is refreshed to a second picture, wherein the second picture is different from the first picture, the second picture occupies a second display area on the display interface, the second display area includes an area on the display interface that is different from the first display area, and the second picture includes static picture content and / or dynamic picture content.

[0008] In this way, the electronic device can display the second picture in the second display area different from the first display area, increase the interactivity of the user with the first component, and provide the user with a more rich and vivid interactive experience.

[0009] According to the first aspect, all contents of the second picture can belong to the layer to which the contents of the first picture belong. In this way, the electronic device does not need to add a new layer to realize the display of the second picture.

[0010] According to the first aspect, or any one of the implementation forms of the first aspect, the second picture can belong to a window (such as a desktop window) to which the first picture belongs. In this way, the electronic device does not need to add a new window to realize the display of the second picture.

[0011] According to the first aspect, or any one of the implementation forms of the first aspect, the second picture is used to present one or more of the following visual effects of the contents of the first picture: an effect of moving from inside the first display area to outside the first display area; an effect of stretching from inside the first display area to outside the first display area; an effect of moving from outside the first display area to inside the first display area; an effect of stretching from outside the first display area to inside the first display area.

[0012] In this way, the user is provided with a more coherent display experience of the component effect by changing the first picture content from inside the first display area to the second picture.

[0013] According to the first aspect, or any one of the implementation forms of the first aspect, before the first picture is refreshed to the second picture, the first picture can be enlarged first. Correspondingly, the first display area is a display area occupied by the enlarged first picture.

[0014] In this way, a more rich display process of the component effect is realized.

[0015] According to the first aspect, or any one of the implementation forms of the first aspect, the second display area further includes part or all of the first display area.

[0016] According to the first aspect, or any one of the implementation forms of the first aspect, the first trigger event includes at least one of the following events: a user operation event acting on the first component; a user gaze event acting on the first component; an event occurring in an application corresponding to the first component and triggering the refresh of the picture of the component; an event indicating that the current time reaches a preset time.

[0017] In this way, the picture refresh of the component is triggered by various trigger events, and the flexibility of the display of the component effect is increased.

[0018] According to the first aspect, or any one of the implementations of the first aspect, the second picture comprises one or more of: dynamic picture content displayed with dynamic effects using static picture content in the first picture; newly added static picture content in the first picture; and newly added dynamic picture content in the first picture.

[0019] According to the first aspect, or any one of the implementations of the first aspect, the second picture can further comprise part or all of the picture content of the first picture.

[0020] In this way, the second picture is displayed based on the first picture, the continuity of picture refreshing is increased, and the visual experience of the user is improved.

[0021] According to the first aspect, or any one of the implementations of the first aspect, the second picture can be displayed by the first component.

[0022] In some examples, the display manner of the second picture comprises one or any combination of the following manners: a new sub-component is added in the first component, and the newly added picture content in the second picture is displayed by the newly added sub-component; the newly added picture content in the second picture is displayed by an original sub-component in the first component; and the dynamic picture content in the second picture displayed with dynamic effects using static picture content in the first picture is displayed by the original sub-component in the first component.

[0023] Optionally, the newly added sub-component can be located at the top layer of each sub-component of the first component.

[0024] In this way, the electronic device displays the component effect through the sub-components of the first component, without creating a layer or a window, and the difficulty of displaying the component effect is reduced.

[0025] According to the first aspect, or any one of the implementations of the first aspect, refreshing the first picture to the second picture comprises: displaying the second picture by a second component corresponding to the first component.

[0026] According to the first aspect, or any one of the implementations of the first aspect, the display area of the second component on the display interface is a second display area.

[0027] According to the first aspect, or any one of the implementations of the first aspect, the second component covers the first component.

[0028] According to the first aspect, or any one of the implementations of the first aspect, refreshing the first picture to the second picture comprises: pulling up a second process of a second application to obtain a second picture rendered by the second process for display in the second component.

[0029] According to the first aspect, or any one of the implementations of the first aspect, the second application is an application corresponding to the second component.

[0030] In this way, the user interface extension component is loaded by the second application, and the processing difficulty of displaying the component effect is reduced.

[0031] According to the first aspect, or any one of the implementations of the first aspect, the second screen is a game screen of the first game, and the second application is a game application running the first game or a game engine used to load and run the first game.

[0032] According to the first aspect, or any one of the implementations of the first aspect, the second display area can be part or all of a displayable area set by the application to which the display interface belongs, and the displayable area can be set by setting a parameter of the first container. The first container can be the component displaying the second screen or a parent container of the component.

[0033] In this way, the dynamic control of the overflow effect is implemented by the first container, and the display requirement of the overflow effect is met.

[0034] According to the first aspect, or any one of the implementations of the first aspect, the second screen includes dynamic screen content, and the method further includes: in response to a preset condition being met, obtaining a screenshot of the second component in the first display area; wherein the preset condition includes detecting a user operation outside the first display area or detecting no user operation within the first display area within a preset time. The display of the second component is stopped, and the screenshot is displayed in the first display area.

[0035] In some examples, the method further includes: in response to a first operation of the user within the first display area, switching from displaying the screenshot to displaying the second component.

[0036] In this way, the electronic device implements one-card two-side display of the game card through the user interface extension process, enriches the card display effect, reduces the card development difficulty, and increases the universality of the overflow effect display.

[0037] In addition, through switching of different card states, the use habit requirement of the user can be met, and the flexibility of interaction is increased.

[0038] According to the first aspect, or any one of the implementations of the first aspect, the second screen includes dynamic screen content, and the method further includes: in response to a preset condition being met, stopping displaying the second component, displaying the first component in the first display area, and displaying a transparency mask on top of the first component; wherein the preset condition includes detecting a user operation outside the first display area or detecting no user operation within the first display area within a preset time.

[0039] According to a first aspect, or any of the implementations of the first aspect, the method further includes switching from displaying the first component and the transparency mask to displaying the second component in response to a first operation of the user within the first display region. Or, removing the transparency mask in response to a second operation of the user within the first display region.

[0040] In some examples, the second component can also be destroyed.

[0041] In this way, the electronic device implements the pause state of the card through the screenshot or the transparency mask, and reduces the power consumption when the user does not need to operate the card.

[0042] According to a first aspect, or any of the implementations of the first aspect, the method further includes switching from displaying the second component to displaying the first component in response to the end of the second process.

[0043] In this way, after the end of the second process, the electronic device can automatically switch back to display the first component, and implement flexible switching of the component state.

[0044] According to a first aspect, or any of the implementations of the first aspect, the second picture is a function page in the second application, and a display position of a main picture in the function page on the display interface corresponds to a position of the first display region.

[0045] According to a first aspect, or any of the implementations of the first aspect, the first position relationship of the main picture in the second component and the second position relationship of the first display region on the display interface can be the same or different.

[0046] In this way, by obtaining the position information of the first component, the second process can make the main area of the main picture in the rendered second component maintain a relatively fixed relationship with the display screen of the electronic device, and the main area of the main picture can be adjusted in time to align with the first display region according to the position change of the first component on the desktop, so as to adaptively present a better display effect for the user.

[0047] According to a first aspect, or any of the implementations of the first aspect, before refreshing the first picture into the second picture, the method further includes obtaining first page information of the display interface, the first page information including size information and position information of display areas of a plurality of components on the display interface, and determining a display area for displaying the second picture according to the first page information.

[0048] According to a first aspect, or any of the implementations of the first aspect, the first component corresponds to a first application, and the first application obtains the first page information and determines the display area for displaying the second picture according to the first page information.

[0049] In this way, the electronic device can obtain the actually allowed overflow range (the display area of the second picture) according to the current display interface, display the component effect according to the actually allowed overflow range, and meet the actual display requirement. Optionally, the component effect includes the second picture.

[0050] According to the first aspect or any one of the implementations of the first aspect, the manner of determining the second display area includes any one or a combination of the following manners: setting the edge of the display area for displaying the second picture to ensure that the second picture does not intrude into the display area of another component; setting the edge of the display area for displaying the second picture to ensure that the second picture does not intrude into the display area of the main content of another component; and setting the edge of the display area for displaying the second picture to achieve that the second picture covers part or all of a target component in another component.

[0051] Optionally, in the case where the second picture covers part or all of the target component in another component, the display duration of the second picture can be limited.

[0052] In this way, the electronic device obtains the display area of the second picture according to the display area of another component, avoids affecting the display of another component. Alternatively, the display of the second picture avoids affecting the display of the main content of another component. Alternatively, the electronic device limits the display duration of the second picture that needs to be displayed in a large range, thereby ensuring the display of the second picture while avoiding affecting the display of other content and the use of the user. In this way, the problem of malicious occupation of the display area by some three-party components can also be avoided.

[0053] According to the first aspect or any one of the implementations of the first aspect, the second picture includes a first sub-picture and a second sub-picture, wherein the first sub-picture is displayed in a first sub-area of the display area for displaying the second picture, and the second sub-picture is displayed in a second sub-area of the display area for displaying the second picture. In response to the first trigger event, the first picture is refreshed to the second picture, including: in response to the first trigger event, the first application corresponding to the first component obtains first page information of the display interface, and the first page information includes size information and position information of a plurality of components on the display interface. The first application determines the first sub-area and a target component adjacent to the first component according to the first page information, and triggers the first sub-picture to be displayed in the first sub-area. The first application sends a linkage effect indication to a target application corresponding to the target component. The target application determines the second sub-area according to the linkage effect indication and triggers the second sub-picture to be displayed in the second sub-area.

[0054] In this way, the electronic device presents the linkage effect in the vicinity of the target component and other components around the target component according to the page information, increases the interest of the component effect display, and improves the user experience.

[0055] According to the first aspect, or any one of the implementations of the first aspect, during displaying the second picture, the display interface further includes a third picture of a third component, the third picture occupying a third display area on the display interface; the method further includes: in response to a second trigger event, refreshing the third picture to a fourth picture, wherein the fourth picture is different from the third picture, the fourth picture occupies a fourth display area on the display interface, the fourth display area includes an area on the display interface different from the third display area, and the fourth picture includes static picture content and / or dynamic picture content.

[0056] According to the first aspect, or any one of the implementations of the first aspect, the method further includes: refreshing the second picture to the first picture when starting to display the fourth picture.

[0057] In this way, the power consumption of the electronic device is reduced, and display conflicts of the second pictures corresponding to different components are avoided.

[0058] According to the first aspect, or any one of the implementations of the first aspect, the second display area is a display area within a safe range corresponding to the first display area, and the method further includes: maintaining display of the second picture on the display interface during displaying the fourth picture.

[0059] In this way, the display effect is ensured while reducing power consumption.

[0060] According to the first aspect, or any one of the implementations of the first aspect, the second picture includes dynamic picture content, and the method further includes: in a case where a first event occurs, controlling display of the second picture in a first manner. The first event includes at least one of the following events: resource occupation corresponding to the second picture exceeds a first resource limit; system resources of the electronic device are insufficient; power consumption corresponding to the second picture exceeds a power consumption threshold; and a device temperature of the electronic device exceeds a temperature threshold. The first manner includes: reducing display quality of the second picture; stopping display of the second picture; and releasing component resources corresponding to the second picture.

[0061] In some examples, the electronic device needs to occupy resources, generate power consumption, and produce heat to maintain display of dynamic picture content, which can affect the implementation of other functions of the electronic device. Then, the electronic device can measure resource occupation, power consumption, and heat of the dynamic picture content, and determine that an abnormal scenario occurs in a case where certain conditions are met, and adjust display of the dynamic picture content to release resources, reduce power consumption, and reduce heat generation.

[0062] According to the first aspect, or any one of the implementations of the first aspect, the second picture includes artificial intelligence generated content.

[0063] According to a first aspect, or any possible implementation mode of the first aspect, the content source of the second picture comprises an electronic device and / or a server.

[0064] According to the first aspect, or any possible implementation mode of the first aspect, the method further comprises: starting a preset time length countdown in a case where the user gaze event is not detected during the display of the second picture. The user gaze event is detected before the preset time length countdown ends, and the preset time length countdown is stopped. The user gaze event is not detected before the preset time length countdown ends, and the display of the second picture is paused when the preset time length countdown ends.

[0065] In this way, in a high-power-consumption display scenario such as a game animation, the electronic device can determine whether the animation needs to be paused according to the user's interaction intention, thereby meeting the user's interaction demand while reducing the power consumption of the device.

[0066] According to the first aspect, or any possible implementation mode of the first aspect, the configuration item of the first component comprises one or more of the following: a component type, a resource configuration item, an always-activated configuration item, and a gesture type to be disabled.

[0067] According to the first aspect, or any possible implementation mode of the first aspect, the component type comprises an interaction type or an animation type; and in a case where the component type of the first component is the interaction type, the second picture is used to respond to an interaction event. The resource configuration item is used to indicate a package name or a capability name of a resource used to display the second picture. The always-activated configuration item is used to configure whether the second picture is allowed to be displayed for a long time. The gesture type to be disabled is used to configure a gesture to be disabled during the display of the second picture.

[0068] In this way, the configuration item of the component helps the component user to determine how to better use the component.

[0069] According to the first aspect, or any possible implementation mode of the first aspect, the refreshing of the first picture into the second picture in response to the first trigger event comprises: obtaining a first overflow parameter of the preconfigured second picture in response to the first trigger event.

[0070] In a case where the application corresponding to the second picture is a system application, the first picture is refreshed into the second picture according to a second overflow parameter corresponding to the first overflow parameter; the second overflow parameter is less than or equal to the first overflow parameter, and the second overflow parameter is not greater than a first control overflow parameter. Optionally, when the first overflow parameter is greater than the first control overflow parameter, the first control overflow parameter is taken as the second overflow parameter.

[0071] And / or, in a case where the application corresponding to the second picture is a three-party application, the first picture is refreshed as the second picture according to a third overflow parameter corresponding to the first overflow parameter; the third overflow parameter is less than or equal to the first overflow parameter, and the third overflow parameter is not greater than the second control overflow parameter. Optionally, when the third overflow parameter is greater than the second control overflow parameter, the second control overflow parameter is taken as the third overflow parameter.

[0072] Optionally, the second control overflow parameter is less than the first control overflow parameter.

[0073] According to the first aspect, or any one of the implementation forms of the above first aspect, the first overflow parameter comprises one or more of the following: an overflow range, an overflow duration, and an overflow frequency.

[0074] In this way, the overflow effect is more reasonably and effectively controlled.

[0075] In a second aspect, an electronic device is provided. The electronic device comprises a processor, a memory, and a display screen. The memory and the display screen are coupled to the processor. The memory is configured to store computer program code comprising computer instructions. When the processor reads the computer instructions from the memory, the electronic device is caused to perform the following: display a first picture of a first component, wherein the first picture occupies a first display area on a display interface. In response to a first trigger event, the first picture is refreshed as a second picture, wherein the second picture is different from the first picture, the second picture occupies a second display area on the display interface, the second display area comprises a region on the display interface that is different from the first display area, and the second picture comprises static picture content and / or dynamic picture content.

[0076] According to the second aspect, or any one of the implementation forms of the above second aspect, all contents of the second picture can belong to a layer to which contents of the first picture belong.

[0077] According to the second aspect, or any one of the implementation forms of the above second aspect, the second picture can belong to a window to which the first picture belongs, such as a desktop window.

[0078] According to the second aspect, or any one of the implementation forms of the above second aspect, the second picture is used to present one or more of the following visual effects of the first picture content: an effect of moving from inside the first display area to outside the first display area; an effect of stretching from inside the first display area to outside the first display area; an effect of moving from outside the first display area to inside the first display area; and an effect of stretching from outside the first display area to inside the first display area.

[0079] According to the second aspect, or any one of the implementation forms of the above second aspect, before the first picture is refreshed as the second picture, the first picture can be enlarged first, and accordingly, the first display area is a display area occupied by the enlarged first picture.

[0080] According to the second aspect, or any one of the implementations of the second aspect, the first picture content can be a picture content already in the first picture, or a picture content related to the picture content already in the first picture.

[0081] According to the second aspect, or any one of the implementations of the second aspect, the second display area further includes part or all of the first display area.

[0082] According to the second aspect, or any one of the implementations of the second aspect, the first trigger event includes at least one of the following events: a user operation event acting on the first component; a user gaze event acting on the first component; an event of triggering component picture refresh occurring in an application corresponding to the first component; an event for indicating that a current time reaches a preset time.

[0083] According to the second aspect, or any one of the implementations of the second aspect, the second picture includes one or more of the following contents: dynamic picture content displayed with dynamic effects by using static picture content in the first picture; static picture content newly added on the first picture; dynamic picture content newly added on the first picture.

[0084] According to the second aspect, or any one of the implementations of the second aspect, the second picture can further include part or all of the picture content of the first picture.

[0085] According to the second aspect, or any one of the implementations of the second aspect, the display manner of the second picture includes one or any combination of the following manners: a sub-component is newly added in the first component, and the newly added sub-component displays the newly added picture content in the second picture; an original sub-component in the first component displays the newly added picture content in the second picture; an original sub-component in the first component displays dynamic picture content in the second picture, which is displayed with dynamic effects by using static picture content in the first picture.

[0086] According to the second aspect, or any one of the implementations of the second aspect, the second picture can be displayed by the first component.

[0087] According to the second aspect, or any one of the implementations of the second aspect, the newly added sub-component can be located at the uppermost layer of each sub-component of the first component.

[0088] According to the second aspect, or any one of the implementations of the second aspect, refreshing the first picture into the second picture includes: displaying the second picture by a second component corresponding to the first component.

[0089] According to the second aspect, or any one of the implementations of the second aspect, a display area of the second component on the display interface is a second display area.

[0090] According to a second aspect, or any possible implementation mode of the second aspect, the second component covers the first component.

[0091] According to the second aspect, or any possible implementation mode of the second aspect, refreshing the first picture as the second picture comprises: pulling up a second process of the second application to obtain a second picture rendered by the second process for display in the second component.

[0092] According to the second aspect, or any possible implementation mode of the second aspect, the second application is an application corresponding to the second component.

[0093] According to the second aspect, or any possible implementation mode of the second aspect, the second picture is a game picture of a first game, and the second application is a game application running the first game or a game engine used to load and run the first game.

[0094] According to the second aspect, or any possible implementation mode of the second aspect, the second picture comprises dynamic picture content, and when the processor reads the computer instructions from the memory, the electronic device further performs: in response to a preset condition being met, obtaining a screenshot of the second component in the first display area; wherein the preset condition comprises detecting a user operation outside the first display area or detecting no user operation within the first display area within a preset time. Stopping displaying the second component and displaying the screenshot in the first display area.

[0095] According to the second aspect, or any possible implementation mode of the second aspect, when the processor reads the computer instructions from the memory, the electronic device further performs: in response to a first operation of the user within the first display area, switching from displaying the screenshot to displaying the second component.

[0096] According to the second aspect, or any possible implementation mode of the second aspect, the second picture comprises dynamic picture content, and when the processor reads the computer instructions from the memory, the electronic device further performs: in response to a preset condition being met, stopping displaying the second component, displaying the first component in the first display area, and displaying a transparency mask on top of the first component; wherein the preset condition comprises detecting a user operation outside the first display area or detecting no user operation within the first display area within a preset time.

[0097] According to the second aspect, or any possible implementation mode of the second aspect, when the processor reads the computer instructions from the memory, the electronic device further performs: in response to a first operation of the user within the first display area, switching from displaying the first component and the transparency mask to displaying the second component. Alternatively, in response to a second operation of the user within the first display area, the transparency mask is removed.

[0098] According to a second aspect, or any possible implementation mode of the second aspect, when the processor reads the computer instructions from the memory, the electronic device further performs: in response to the second process ending, switching from displaying the second component to displaying the first component.

[0099] According to the second aspect, or any possible implementation mode of the second aspect, the second picture is a function page in the second application, and a display position of a main picture in the function page on the display interface corresponds to a position of the first display region.

[0100] According to the second aspect, or any possible implementation mode of the second aspect, the first position relationship of the main picture in the second component and the second position relationship of the first display region on the display interface can be the same or different.

[0101] According to the second aspect, or any possible implementation mode of the second aspect, when the processor reads the computer instructions from the memory, the electronic device further performs: obtaining first page information of the display interface, the first page information including size information and position information of display regions of a plurality of components on the display interface; and determining the display region for displaying the second picture according to the first page information.

[0102] According to the second aspect, or any possible implementation mode of the second aspect, the first component corresponds to the first application, and the first page information is obtained by the first application and the display region for displaying the second picture is determined according to the first page information.

[0103] According to the second aspect, or any possible implementation mode of the second aspect, the manner of determining the second display region includes any one or combination of the following manners: setting an edge of the display region for displaying the second picture to ensure that the second picture does not intrude into a display region of another component; setting an edge of the display region for displaying the second picture to ensure that the second picture does not intrude into a display region of main content of another component; and setting an edge of the display region for displaying the second picture to realize that the second picture covers part or all of a target component in another component.

[0104] According to a second aspect, or any possible implementation mode of the second aspect, the second picture comprises a first sub-picture and a second sub-picture, wherein the first sub-picture is displayed in a first sub-region of a display region for displaying the second picture, and the second sub-picture is displayed in a second sub-region of the display region for displaying the second picture. In response to the first trigger event, the first picture is refreshed to the second picture, comprising: in response to the first trigger event, the first application corresponding to the first component acquires first page information of the display interface, the first page information comprising size information and position information of a plurality of components on the display interface. The first application determines the first sub-region and a target component adjacent to the first component according to the first page information, and triggers the first sub-picture to be displayed in the first sub-region. The first application sends a linkage effect indication to a target application corresponding to the target component. The target application determines the second sub-region according to the linkage effect indication and triggers the second sub-picture to be displayed in the second sub-region.

[0105] According to the second aspect, or any possible implementation mode of the second aspect, in the process of displaying the second picture, the display interface further comprises a third picture of a third component, the third picture occupying a third display region on the display interface. When the processor reads the computer instructions from the memory, the electronic device further performs: in response to a second trigger event, the third picture is refreshed to a fourth picture, wherein the fourth picture is different from the third picture, the fourth picture occupies a fourth display region on the display interface, the fourth display region comprises a region on the display interface different from the third display region, and the fourth picture comprises static picture content and / or dynamic picture content.

[0106] According to the second aspect, or any possible implementation mode of the second aspect, when the processor reads the computer instructions from the memory, the electronic device further performs: when the fourth picture starts to be displayed, the second picture is refreshed to the first picture.

[0107] According to the second aspect, or any possible implementation mode of the second aspect, the second display region is a display region within a safety range corresponding to the first display region, and when the processor reads the computer instructions from the memory, the electronic device further performs: in the process of displaying the fourth picture, the second picture is kept displayed on the display interface.

[0108] According to a second aspect, or any possible implementation mode of the second aspect, the second picture comprises dynamic picture content, and when the processor reads the computer instructions from the memory, the electronic device further performs: in a case where a first event occurs, controlling display of the second picture in a first manner. The first event comprises at least one of the following events: resource occupation corresponding to the second picture exceeds a first resource limit; system resources of the electronic device are insufficient; power consumption corresponding to the second picture exceeds a power consumption threshold; a device temperature of the electronic device exceeds a temperature threshold. The first manner comprises: reducing display quality of the second picture; stopping display of the second picture; releasing component resources corresponding to the second picture.

[0109] According to the second aspect, or any possible implementation mode of the second aspect, the second picture comprises artificial intelligence generated content.

[0110] According to the second aspect, or any possible implementation mode of the second aspect, a content source of the second picture comprises the electronic device and / or a server.

[0111] According to the second aspect, or any possible implementation mode of the second aspect, when the processor reads the computer instructions from the memory, the electronic device further performs: in a process of displaying the second picture, starting a preset time length countdown in a case where a user gaze event is not detected. Before the preset time length countdown ends, detecting the user gaze event, and stopping the preset time length countdown. Before the preset time length countdown ends, not detecting the user gaze event, and pausing display of the second picture at the end of the countdown.

[0112] According to the second aspect, or any possible implementation mode of the second aspect, the configuration item of the first component comprises one or more of the following: a component type, a resource configuration item, an always active configuration item, and a disabled gesture type.

[0113] According to the second aspect, or any possible implementation mode of the second aspect, the component type comprises an interactive type or an animation type; and in a case where the component type of the first component is the interactive type, the second picture is configured to respond to an interactive event. The resource configuration item is configured to indicate a package name or a capability name of a resource for displaying the second picture. The always active configuration item is configured to configure whether to allow long-time display of the second picture. The disabled gesture type is configured to configure a disabled gesture in a process of displaying the second picture.

[0114] According to the second aspect, or any possible implementation mode of the second aspect, in response to the first trigger event, refreshing the first picture into the second picture comprises: in response to the first trigger event, obtaining a first overflow parameter of the preconfigured second picture.

[0115] In a case where the application corresponding to the second picture is a system application, the first picture is refreshed into the second picture according to a second overflow parameter corresponding to the first overflow parameter; the second overflow parameter is less than or equal to the first overflow parameter, and the second overflow parameter is not greater than a first control overflow parameter. Optionally, when the first overflow parameter is greater than the first control overflow parameter, the first control overflow parameter is taken as the second overflow parameter.

[0116] In a case where the application corresponding to the second picture is a three-party application, the first picture is refreshed into the second picture according to a third overflow parameter corresponding to the first overflow parameter; the third overflow parameter is less than or equal to the first overflow parameter, and the third overflow parameter is not greater than a second control overflow parameter. Optionally, when the third overflow parameter is greater than the second control overflow parameter, the second control overflow parameter is taken as the third overflow parameter.

[0117] Optionally, the second control overflow parameter is less than the first control overflow parameter.

[0118] According to the second aspect, or any one of the implementation forms of the second aspect, the first overflow parameter includes one or more of the following: an overflow range, an overflow duration, and an overflow frequency.

[0119] According to a third aspect, a component effect display method is provided, and the method is applied to an electronic device. The method includes: displaying a first picture of a first component, where the first picture occupies a first display area on a display interface. In response to a first trigger event, the first picture is refreshed into a second picture, where the second picture is different from the first picture, the second picture occupies the first display area on the display interface, and the second picture includes static picture content and / or dynamic picture content.

[0120] In this way, the electronic device can display the second picture in the same display area, increases the interactivity of the user with the first component, and provides the user with a more rich and vivid interactive experience.

[0121] According to the third aspect, or any one of the implementation forms of the third aspect, all contents of the second picture can belong to a layer to which the contents of the first picture belong. In this way, the electronic device does not need to add a new layer to display the second picture.

[0122] According to the third aspect, or any one of the implementation forms of the third aspect, the second picture can belong to a window (such as a desktop window) to which the first picture belongs. In this way, the electronic device does not need to add a new window to display the second picture.

[0123] According to a third aspect, or any possible implementation mode of the third aspect, the first trigger event comprises at least one of the following events: a user operation event acting on the first component; a user gaze event acting on the first component; an event occurring in an application corresponding to the first component, triggering a component screen refresh; an event indicating that a current time reaches a preset time.

[0124] In this way, the screen corresponding to the component is refreshed through various trigger events, and the flexibility of displaying the component effect is increased.

[0125] According to the third aspect, or any possible implementation mode of the third aspect, the second screen comprises one or more of the following contents: dynamic screen content displayed with dynamic effects by using static screen content in the first screen; newly added static screen content in the first screen; newly added dynamic screen content in the first screen.

[0126] According to the third aspect, or any possible implementation mode of the third aspect, the second screen can further comprise part or all of the screen content of the first screen.

[0127] In this way, the second screen is displayed based on the refresh of the first screen, the continuity of screen refresh is increased, and the visual experience of the user is improved.

[0128] According to the third aspect, or any possible implementation mode of the third aspect, the second screen can be displayed by the first component.

[0129] In some examples, the display mode of the second screen comprises one or any combination of the following modes: a new sub-component is added in the first component, and the newly added screen content in the second screen is displayed by the newly added sub-component; the newly added screen content in the second screen is displayed by an original sub-component in the first component; the dynamic screen content in the second screen, which is displayed with dynamic effects by using the static screen content in the first screen, is displayed by the original sub-component in the first component.

[0130] Optionally, the newly added sub-component can be located at the top layer of each sub-component of the first component.

[0131] In this way, the electronic device displays the component effect through the sub-components of the first component, without creating a layer or a window, and the difficulty of displaying the component effect is reduced.

[0132] According to the third aspect, or any possible implementation mode of the third aspect, refreshing the first screen to the second screen comprises: displaying the second screen by a second component corresponding to the first component.

[0133] According to the third aspect, or any possible implementation mode of the third aspect, the display area of the second component on the display interface is the first display area.

[0134] According to a third aspect, or any possible implementation mode of the third aspect, the second component covers the first component.

[0135] According to a third aspect, or any possible implementation mode of the third aspect, refreshing the first picture as the second picture comprises: starting a second process of the second application to obtain the second picture rendered by the second process to be displayed in the second component.

[0136] According to a third aspect, or any possible implementation mode of the third aspect, the second application is an application corresponding to the second component.

[0137] In this way, the user interface extension component is loaded by the second application, and the processing difficulty of displaying the component effect is reduced.

[0138] According to a third aspect, or any possible implementation mode of the third aspect, the second picture is a game picture of the first game, the second application is a game application running the first game, or a game engine used to load and run the first game.

[0139] According to a third aspect, or any possible implementation mode of the third aspect, the second picture comprises dynamic picture content, and the method further comprises: in response to a preset condition being met, obtaining a screenshot of the second component in the first display area; wherein the preset condition comprises detecting a user operation outside the first display area, or not detecting a user operation within the first display area within a preset time. Stopping displaying the second component, and displaying the screenshot in the first display area.

[0140] In this way, the electronic device implements one-card two-side display of the game card through the user interface extension process, enriches the card display effect, reduces the card development difficulty, and increases the universality of the overflow effect display.

[0141] In addition, through switching of different card states, the use habit requirements of the user can be met, and the flexibility of interaction is increased.

[0142] According to a third aspect, or any possible implementation mode of the third aspect, the second picture comprises dynamic picture content, and the method further comprises: in response to a preset condition being met, stopping displaying the second component, displaying the first component in the first display area, and displaying a transparency mask on top of the first component; wherein the preset condition comprises detecting a user operation outside the first display area, or not detecting a user operation within the first display area within a preset time.

[0143] According to a third aspect, or any possible implementation mode of the third aspect, the method further includes: in response to a first operation of the user within the first display region, switching from displaying the first component and the transparency mask to displaying the second component. Alternatively, in response to a second operation of the user within the first display region, removing the transparency mask.

[0144] In some examples, the second component can also be destroyed.

[0145] In this way, the electronic device realizes the pause state of the card through the screenshot or the transparency mask, and reduces the power consumption when the user does not need to operate the card.

[0146] According to a third aspect, or any possible implementation mode of the third aspect, the method further includes: in response to the second process ending, switching from displaying the second component to displaying the first component.

[0147] In this way, after the second process ends, the electronic device can automatically switch back to display the first component, and realize flexible switching of the component state.

[0148] According to a third aspect, or any possible implementation mode of the third aspect, the second picture is a function page in the second application, and a display position of a main picture in the function page on the display interface corresponds to a position of the first display region.

[0149] According to a third aspect, or any possible implementation mode of the third aspect, the first position relationship of the main picture in the second component and the second position relationship of the first display region on the display interface can be the same or different.

[0150] In this way, by obtaining the position information of the first component, the second process can make the main area of the main picture in the rendered second component maintain a relatively fixed relationship with the display screen of the electronic device, and the main area of the main picture can be adjusted in time following the position change of the first component on the desktop, so that the main area of the main picture is aligned with the first display region, and better display effect is presented to the user.

[0151] According to a third aspect, or any possible implementation mode of the third aspect, the second picture includes dynamic picture content, and the method further includes: in a case where a first event occurs, controlling the display of the second picture in a first manner. The first event includes at least one of the following events: resource occupation corresponding to the second picture exceeds a first resource limit; system resources of the electronic device are insufficient; power consumption corresponding to the second picture exceeds a power consumption threshold; a device temperature of the electronic device exceeds a temperature threshold. The first manner includes: reducing the display quality of the second picture; stopping displaying the second picture; releasing component resources corresponding to the second picture.

[0152] In some examples, the electronic device maintains the display of the dynamic picture content, which requires resource occupation, power consumption and heat generation, and can affect the implementation of other functions of the electronic device. Therefore, the electronic device can measure the resource occupation, power consumption and heat generation of the dynamic picture content, and determine that the current is in an abnormal scenario under certain conditions, and adjust the display of the dynamic picture content to release resources, reduce power consumption and heat generation.

[0153] According to a third aspect, or any possible implementation of the third aspect above, the second picture comprises artificial intelligence generated content.

[0154] According to a third aspect, or any possible implementation of the third aspect above, the content source of the second picture comprises the electronic device and / or a server.

[0155] According to a fourth aspect, an electronic device is provided. The electronic device comprises a processor, a memory and a display screen. The memory and the display screen are coupled to the processor. The memory is configured to store computer program code, and the computer program code comprises computer instructions. When the processor reads the computer instructions from the memory, the electronic device executes the method of the third aspect or any one of the implementation manners of the third aspect.

[0156] According to a fifth aspect, an electronic device is provided. The electronic device has a function of implementing the method of the first aspect and any one of the possible implementation manners thereof. The function can be implemented by hardware, or the corresponding software is executed by hardware. The hardware or software comprises one or more modules corresponding to the above functions.

[0157] According to a sixth aspect, a computer readable storage medium is provided. The computer readable storage medium stores a computer program (also referred to as instructions or code). When the computer program is executed by an electronic device, the electronic device executes the method of the first aspect or any one of the implementation manners of the first aspect.

[0158] According to a seventh aspect, a computer program product is provided. When the computer program product is run on an electronic device, the electronic device executes the method of the first aspect or any one of the implementation manners of the first aspect.

[0159] According to an eighth aspect, a circuit system is provided. The circuit system comprises a processing circuit configured to execute the method of the first aspect or any one of the implementation manners of the first aspect.

[0160] In a ninth aspect, a chip system is provided, including at least one processor and at least one interface circuit, the at least one interface circuit being configured to perform a transceiving function and send an instruction to the at least one processor, and when the at least one processor executes the instruction, the at least one processor executes the method of the first aspect or any one of the implementations of the first aspect.

[0161] The technical effects of the foregoing aspects can be referred to each other, and will not be repeated here. BRIEF DESCRIPTION OF DRAWINGS

[0162] FIG. 1 is a schematic diagram of an assembly display interface provided by an embodiment of the present application;

[0163] FIG. 2 is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present application;

[0164] FIG. 3 is a schematic diagram of a software structure block of an electronic device provided by an embodiment of the present application;

[0165] FIG. 4 is a schematic diagram of module interaction provided by an embodiment of the present application;

[0166] FIG. 5 is a schematic diagram of an assembly relationship provided by an embodiment of the present application;

[0167] FIG. 6 is a schematic diagram of an assembly motion effect display scene provided by an embodiment of the present application;

[0168] FIG. 7 is a schematic diagram of an assembly motion effect display scene provided by an embodiment of the present application;

[0169] FIG. 8 is a schematic diagram of an assembly motion effect display scene provided by an embodiment of the present application;

[0170] FIG. 9A is a schematic diagram of an actual allowed overflow range of an assembly motion effect provided by an embodiment of the present application;

[0171] FIG. 9B is a schematic diagram of an actual allowed overflow range of an assembly motion effect provided by an embodiment of the present application;

[0172] FIG. 9C is a schematic diagram of an actual allowed overflow range of an assembly motion effect provided by an embodiment of the present application;

[0173] FIG. 9D is a schematic diagram of an assembly motion effect height provided by an embodiment of the present application;

[0174] FIG. 10 is a schematic diagram of an assembly motion effect display content editing scene provided by an embodiment of the present application;

[0175] FIG. 11 is a schematic diagram of an assembly effect display method flow provided by an embodiment of the present application;

[0176] FIG. 12 is a schematic diagram of an assembly linkage motion effect display area and height provided by an embodiment of the present application;

[0177] FIG. 13 is a schematic diagram of a component motion effect display scene according to an embodiment of the present application;

[0178] FIG. 14 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0179] FIG. 15 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0180] FIG. 16 is a schematic diagram of a component motion effect display scene according to an embodiment of the present application;

[0181] FIG. 17 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0182] FIG. 18 is a schematic diagram of a target component display method according to an embodiment of the present application;

[0183] FIG. 19 is a schematic diagram of a component resource according to an embodiment of the present application;

[0184] FIG. 20 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0185] FIG. 21 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0186] FIG. 22 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0187] FIG. 23 is a schematic diagram of a component motion effect display scene according to an embodiment of the present application;

[0188] FIG. 24 is a schematic diagram of a component effect display method according to an embodiment of the present application;

[0189] FIG. 25 is a schematic diagram of a component state conversion scene according to an embodiment of the present application;

[0190] FIG. 26 is a schematic diagram of a component state conversion scene according to an embodiment of the present application;

[0191] FIG. 27 is a schematic diagram of a game picture main body area and game card display area matching scene according to an embodiment of the present application;

[0192] FIG. 28 is a schematic diagram of a game picture main body area and game card display area matching scene according to an embodiment of the present application;

[0193] FIG. 29 is a schematic diagram of a game picture main body area and game card display area matching scene according to an embodiment of the present application;

[0194] FIG. 30 is a schematic diagram of a game picture main body area and game card display area matching scene according to an embodiment of the present application;

[0195] FIG. 31 is a schematic diagram of a matching scenario of a game picture main area and a game card display area according to an embodiment of the present application;

[0196] FIG. 32 is a schematic diagram of a game picture main area special-shaped cutting scenario according to an embodiment of the present application;

[0197] FIG. 33 is a schematic diagram of a display area 2 example scenario according to an embodiment of the present application;

[0198] FIG. 34 is a schematic diagram of a component effect display method flow according to an embodiment of the present application;

[0199] FIG. 35 is a schematic diagram of a game dynamic effect scenario module interaction according to an embodiment of the present application;

[0200] FIG. 36 is a schematic diagram of an electronic device structure according to an embodiment of the present application. DETAILED DESCRIPTION

[0201] The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application. In the description of the embodiments of the present application, the terms used in the following embodiments are only for the purpose of describing the specific embodiments and are not intended to be limiting on the present application. As used in the specification and the appended claims of the present application, the singular forms “a,” “an,” and “the” are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will also be understood that “at least one” and “one or more” refer to one or two or more (including two).

[0202] In the present specification, the reference to “one embodiment” or “some embodiments” means that a particular feature, structure, or characteristic described in connection with the embodiment is included in at least one embodiment of the present application. Thus, the appearances of the phrases “in one embodiment,” “in some embodiments,” “in other embodiments,” “in additional embodiments,” and so on, in various places in the specification are not necessarily all referring to the same embodiment, unless otherwise noted. The terms “comprise,” “comprising,” “have,” “having,” “include,” “including,” and “contain,” “containing,” or variants thereof, mean “including but not limited to,” unless otherwise noted. The term “connected” means both directly and indirectly connected, unless otherwise noted. “First,” “second,” and the like are used only to describe different instances of an element and do not imply relative importance or an ordering.

[0203] In the embodiments of the present application, the words "exemplarily" or "for example" are used to represent an example, illustration, or description. Any embodiment or design scheme described as "exemplarily" or "for example" in the embodiments of the present application should not be interpreted as more preferred or more advantageous than other embodiments or design schemes. Rather, the words "exemplarily" or "for example" are used to present the relevant concept in a specific manner.

[0204] In some embodiments, the operating system of the electronic device supports providing a more rich functional use experience for the user through the development component. For example, the electronic device can present key information for the user by displaying a desktop card, a widget, and the like, and can help the user quickly enable the corresponding function.

[0205] Exemplarily, as shown in (a) of FIG. 1, a weather card 11 is displayed on the desktop of the electronic device, the weather card 11 displays weather information and can quickly start the weather application. As shown in (a) of FIG. 1, a clock card 12 is also displayed on the desktop of the electronic device, the clock card 12 displays time information and can quickly start the clock application. Alternatively, different types of electronic devices display different forms of components, for example, as shown in (b) of FIG. 1, a plurality of widgets are displayed on the desktop of the electronic device, for quickly starting applications such as my phone, alarm clock, clock, and the like, the widgets carry less information. For another example, as shown in (c) of FIG. 1, the electronic device displays a more vivid clock component 14 on the desktop to prompt the user for the time.

[0206] As can be seen, the current component supports limited content and cannot provide a more rich and vivid interactive experience for the user.

[0207] To this end, the present application provides a component effect display method, which can provide a more rich display effect for the user in the original component window, provide a more visually striking display experience for the user, and improve the interactive experience of the user.

[0208] Optionally, the component effect display method provided in the embodiments of the present application can be applied to an electronic device 100. Optionally, the electronic device 100 can be, for example, a terminal device such as a mobile phone, a tablet computer, a personal computer (PC), an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a wearable device, an artificial intelligence (AI) device, and the like, and the operating system installed in the electronic device 100 includes but is not limited to or other operating systems. The present application does not limit the specific type of electronic device 100 or the installed operating system.

[0209] For example, FIG. 2 shows a structural schematic diagram of the electronic device 100.

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

[0211] It can be understood that the structure shown in the embodiments of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 can include more or fewer components than shown, or combine certain components, or split certain components, or different component arrangements. The components shown can be implemented in hardware, software, or a combination of software and hardware.

[0212] The processor 110 can include one or more processing units, for example: the processor 110 can include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units can be independent devices, or can be integrated in one or more processors.

[0213] In some embodiments, the processor 110 can include one or more interfaces. The interfaces can include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0214] The MIPI interface can be used to connect the processor 110 and peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), etc. In some embodiments, the processor 110 and the camera 193 communicate through the CSI interface to implement the photographing function of the electronic device 100. The processor 110 and the display screen 194 communicate through the DSI interface to implement the display function of the electronic device 100.

[0215] The antennas 1 and 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization rate of the antennas. For example, the antenna 1 can be multiplexed as a diversity antenna of a wireless local area network. In some other embodiments, the antennas can be used in combination with a tuning switch.

[0216] The electronic device 100 implements the display function through the GPU, the display screen 194, and the application processor, etc. The GPU is a microprocessor for image processing, which is connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 can include one or more GPUs, which execute program instructions to generate or change display information.

[0217] The display screen 194 is configured to display images, videos, and the like. The display screen 194 includes a display panel. The display panel can be manufactured using a liquid crystal display (LCD), such as an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flex light-emitting diode (FLED), a Mini-led, a Micro-led, a Micro-oled, a quantum dot light emitting diodes (QLED), and the like. In some embodiments, the electronic device 100 can include one or N display screens 194, where N is a positive integer greater than 1.

[0218] The camera 193 is configured to capture still images or videos. An object generates an optical image through a lens and projects the optical image onto a photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to an ISP to convert the electrical signal into a digital image signal. The ISP outputs the digital image signal to a DSP for processing. The DSP converts the digital image signal into an image signal in a standard format, such as RGB, YUV, and the like. In some embodiments, the electronic device 100 can include one or N cameras 193, where N is a positive integer greater than 1.

[0219] The sensor module 180 can include a pressure sensor, a gyro sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, and the like.

[0220] The touch sensor, also referred to as a “touch device.” The touch sensor can be disposed on the display screen 194, and the touch sensor and the display screen 194 together form a touch screen, also referred to as a “touch screen.” The touch sensor is configured to detect a touch operation applied to or near the touch sensor. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. The display screen 194 can be used to provide visual output related to the touch operation. In other embodiments, the touch sensor can also be disposed on the surface of the electronic device 100, which is different from the location of the display screen 194.

[0221] In some embodiments, the user can trigger the electronic device 100 to display the component animation in various ways, such as touch, gaze, gesture, voice, etc. For example, during the process of displaying the component by the electronic device 100, the electronic device 100 detects the touch operation of the user on the component through the touch sensor, and can trigger the display of the component animation corresponding to the component, so as to realize the interaction with the user. For another example, during the process of displaying the component by the electronic device 100, the electronic device 100 detects the gaze of the user on the component through the camera 193, and can trigger the display of the component animation corresponding to the component, so that the component animation is displayed when the user pays attention to the component, which can reduce the display power consumption of the component animation while realizing the interaction with the user.

[0222] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. The embodiment of the present application takes the Android system with a layered architecture as an example to exemplarily illustrate the software structure of the electronic device 100.

[0223] FIG. 3 is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.

[0224] The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom, which are the application layer, the application framework layer, the Android runtime and system library, and the kernel layer.

[0225] The application layer can include a series of application packages.

[0226] As shown in FIG. 3, the application packages can include desktop, calendar, weather, memo, music, gallery, map, call, video, and the like.

[0227] The application framework layer provides the application programming interface (API) and programming framework for the applications of the application layer. The application framework layer includes some pre-defined functions.

[0228] As shown in FIG. 3, the application framework layer can include component rendering service, component management service, package management service, view system, window manager, and the like.

[0229] The component rendering service is used for rendering the component and the component effect.

[0230] A component management service is configured to manage components. For example, the component management service is configured to manage the relationship between a component provider and a component user, and to manage the component user, etc. The component provider is configured to provide the content, configuration information, etc. of the component. The component user is configured to carry the component. For example, a weather application in the application layer as a component provider can generate a weather card, which can be displayed on the desktop, the negative screen, etc. In the case that the weather card is displayed on the desktop, the desktop can be a component user. Then, the component management service can be used to manage the component usage relationship between the desktop and the weather application for the weather card.

[0231] A package management service is configured to manage the installation of each application in the application layer, package resource resolution, etc. Optionally, the installation package of the application includes component resources, which can be acquired by the component rendering service to render the component display effect when the component display effect is required to be displayed subsequently.

[0232] For example, as shown in FIG. 4, the component provider detects a component display effect event. For example, the weather card can switch different display contents according to the actual weather condition. Then, the weather application can take the weather change as a component display effect event to switch the display of the corresponding weather card display content according to the component display effect event. Then, in response to the component display effect event, the component provider requests the package management service and / or the content provider to acquire the component display effect resource. The content provider is, for example, a server, which can be used to provide cloud component display effect resources. That is, the component provider can acquire the component display effect resource from the local and / or the cloud. Then, the component provider sends a component display effect request to the component management service. The component management service determines the component user corresponding to the component provider according to the component display effect request, and triggers the component rendering service to render the component display effect. Then, the component rendering service sends the rendering data to the component user determined by the component management service, so that the component user displays the dynamic or static display effect of the corresponding component according to the rendering data, thereby increasing the visual impact on the user.

[0233] In some embodiments, the component provider is configured with a rendering engine. The dynamic or static display effect of the component can also be rendered by the rendering engine in the component provider, and the rendering data is output. Subsequently, the component user can directly acquire the rendering data and display it. That is, compared with the process shown in FIG. 4, the electronic device realizes the rendering and display of the component display effect through the interaction between the component provider and the component user in the application layer, without having to process it through the component rendering service in the application framework layer.

[0234] Optionally, the rendering engine can be implemented by a preconfigured process in the component provider. For example, the component provider renders the component effect through the preconfigured process, and obtains the corresponding rendering data. Then, the component provider sends the rendering data to the component user through the preconfigured process, and realizes the display of the component effect. Optionally, the preconfigured process is, for example, a UIExtension process, and the rendering data obtained through the UIExtension process is, for example, a UIExtension component. It should be understood that the rendering engine can be implemented in different styles in different operating systems, and the specific implementation mode of the rendering engine is not limited in the embodiments of the present application. In the following, the rendering engine is taken as an example of the UIExtension process, and the corresponding rendering data is taken as an example of the UIExtension component, and the display process of some component effects is exemplarily described.

[0235] Exemplarily, the component animation of the game component can be a 3D animation, and the processing process of the 3D animation is relatively complex. Optionally, the game engine configured in the game application can trigger the rendering of the 3D animation. For example, the game application obtains the rendering data of the 3D animation by calling the UIExtension process. Then, the game application sends the rendering data to the component user through the UIExtension process, and realizes the display of the 3D animation of the game component. Optionally, the rendering data is, for example, a UIExtension component.

[0236] In this way, the processing difficulty of the display of the component effect is reduced.

[0237] It should be understood that the display process of the component animation is described below by taking the rendering of the component effect by the component rendering service as an example. For the display process of the component animation corresponding to the direct rendering of the component effect by the component provider, reference can be made to the embodiments below, and the display process of the component animation will not be exemplified one by one.

[0238] The view system includes visual controls, such as a control for displaying text, a control for displaying pictures, and the like. The view system can be used to build an application program. A display interface can be composed of one or more views. For example, a display interface including a short message notification icon can include a view for displaying text and a view for displaying pictures.

[0239] The window manager is used to manage window programs. The window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, and capture the screen, and the like.

[0240] The system library can include a plurality of functional modules. For example: a surface manager, media libraries, a three-dimensional graphics processing library (for example: OpenGL ES), a two-dimensional graphics engine (for example: SGL), and the like.

[0241] The surface manager is used to manage the display subsystem and provides 2D and 3D layer fusion for multiple applications.

[0242] The media library supports playback and recording of multiple common audio, video formats, and static image files. The media library can support multiple audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0243] The three-dimensional graphics processing library is used to implement three-dimensional graphics drawing, image rendering, composition, and layer processing.

[0244] The two-dimensional graphics engine is a drawing engine for 2D drawing.

[0245] The kernel layer is a layer between hardware and software. The kernel layer at least includes display drivers, camera drivers, audio drivers, and sensor drivers.

[0246] The component effect display method provided by the embodiments of the present application is described in detail below.

[0247] In some embodiments, the component can also be described as an object, an element, etc., and is a simple encapsulation of data and methods, having its own attributes and methods. In some examples, an application has different functions, and corresponding components can be generated to help users use the functions. Optionally, the components include, for example, user interface components, software development windows, text boxes, buttons, chart components, etc. For example, the card component is a type of component.

[0248] In some examples, the component can include a container component and a non-container component. The container component is a special component that can include other components (container components and / or non-container components), and a display page of the container component can be generated by arranging the other components according to a certain rule.

[0249] For example, as shown in FIG. 5, the container component can include one or more components (which can be non-container components or container components). The one or more components are arranged from top to bottom in a layout mode to form a component tree. Optionally, the container component and the components belonging to the container component belong to the same tree structure, and the components belonging to the container component can be described as sub-components of the container component. Optionally, one component tree corresponds to one window, and different components in the same component tree correspond to the window. For example, as shown in FIG. 6(a), the electronic device displays a vehicle card, and the vehicle card is a container component. The component tree to which the vehicle card belongs includes multiple sub-components, such as a component for displaying text on the vehicle card and a component for displaying a vehicle identification. The electronic device displays the vehicle card through window 1, and the multiple components on the vehicle card are displayed in the window 1.

[0250] In some embodiments, the electronic device can display the component in multiple locations, such as a screen-off interface, a lock screen interface, a desktop, a negative one screen, a pull-down menu, a pull-up menu, and the like.

[0251] Hereinafter, the container component is taken as a card, and the component effect display method provided by the embodiments of the present application is described in detail by introducing the display effect of the card on the desktop.

[0252] In some embodiments, the card component can implement the function of the card.

[0253] In some examples, the card is also called an application card, which is an interface display form that can provide part of the function of an application and can interact with the corresponding application to implement the corresponding function when receiving a control operation on the corresponding key. For example, the application card of a payment application can display a payment code, a collection code, and the like, and the application card of a music application can provide a play / pause key, a next song key, a previous song key, and the like.

[0254] In some examples, the application card is usually customized by a third party (for example, the developer of the application program). Among them, the application card can be used to be embedded into other application programs as part of the interface of the application program, for example, the using party (such as a desktop application and a third application in the embodiments of the present application) can embed the application card into the interface of the using party for display. That is, for any application program, the application card corresponding to the application program is independent of the application program, and can interact with the application program to update or add important information or operations of the application program to the application card.

[0255] In some examples, the application card based on the Android operating system can be called a widget or a widget card, and the application card based on the Harmony operating system can be called a service card.

[0256] In some embodiments, the display effect of the component includes a static display effect and a dynamic display effect.

[0257] Exemplarily, as shown in (a) of FIG. 6, a vehicle card is displayed on the desktop of the electronic device, and the vehicle card is used to display the vehicle state and the like of vehicle A. In some examples, after obtaining the component effect display event, the electronic device can display the card effect of the vehicle card. For example, the electronic device detects that the user is driving to a parking lot, and it is determined that the component effect display event is obtained, and the parking lot effect needs to be displayed on the vehicle card. For example, the electronic device displays the card content as shown in (a) of FIG. 6, where the card content can be a static picture to prompt the user that the current is parking; or the card content can also be a dynamic effect that changes the display content with the movement of the actual position of the vehicle, to assist the user to park, such as displaying a dynamic effect that the vehicle identifier changes the position with the movement of the actual position of the vehicle.

[0258] The following describes the component effect display method provided by the embodiments of the present application in detail by taking the component display effect as an example of a dynamic display effect. It should be understood that the static display effect of a component can refer to the related content of a dynamic display effect, and no further description is provided herein.

[0259] In some embodiments, the container component has a container clipping function that clips the content outside the display area range of the container of the component, so that the user can see the display content inside the container and cannot see the display content outside the container.

[0260] For example, as shown in (a) of FIG. 6, the electronic device displays the vehicle card in the display area 61. Generally, the electronic device clips the display content of the vehicle card outside the display area 61, so that the user cannot see the display content outside the display area 61. In some examples, when the electronic device determines that the dynamic display effect (hereinafter referred to as a dynamic effect for short) of the vehicle card needs to be displayed, the electronic device can display the card dynamic effect inside and / or outside the display area 61. If the electronic device displays the card dynamic effect outside the display area 61, the overflow (or described as out-of-range) display effect of the card can be achieved, enriching the user's visual experience.

[0261] Optionally, the vehicle card is a container component, and the electronic device displays the card dynamic effect through the dynamic change of the sub-component of the container component.

[0262] Optionally, the electronic device displays the vehicle card through the window 1 and displays the card dynamic effect of the vehicle card through the window 1. In some examples, when the electronic device displays the card overflow dynamic effect, the display area 2 of the card dynamic effect is larger than the display area 1 (such as the display area 61) of the vehicle card, and the display area 1 and the display area 2 correspond to the same window 1.

[0263] In this way, the electronic device displays the component dynamic effect through the sub-component of the original container component in the window of the container component, achieves the overflow effect, enriches the user's visual experience, does not need to create a new window and a dynamic effect element, simplifies the component dynamic effect display process, and increases the universality of the component dynamic effect display.

[0264] In some embodiments, the electronic device acquires dynamic effect information of a target component in response to a component dynamic effect display event. The target component is a component to be displayed with a dynamic effect, and the dynamic effect information includes, for example, the display content of the dynamic effect, the display manner, the information of the display area 1 of the target component, and the like. Then, the electronic device can display the dynamic effect according to the dynamic effect information.

[0265] Exemplarily, as shown in (a) of FIG. 6, in an automatic parking scenario, the electronic device, in response to an automatic parking event, acquires parking lot space information and current vehicle position information, and displays a moving vehicle icon on the vehicle card to realize display of an automatic parking animation. Then, as shown in (b) of FIG. 6, after the vehicle is parked in the target parking space, the electronic device can display an animation of the vehicle icon moving from outside the vehicle card to inside the vehicle card, helping the user to understand that the vehicle has completed the automatic parking event.

[0266] It can be seen that the electronic device can display component animations in the vehicle card or outside the vehicle card. When the electronic device needs to display a component animation, the electronic device can acquire a display area 2 of the component animation, which is the display area 1 of the component or can be larger than the display area 1 of the component.

[0267] Exemplarily, as shown in (c) of FIG. 6, in an automatic parking-out scenario, the electronic device, in response to an automatic parking-out event, acquires a garage map and current vehicle position information, and displays a moving vehicle icon to realize display of an automatic parking-out animation. Then, as shown in (d) of FIG. 6, after the vehicle exits the garage, the electronic device can display a rotating animation of the vehicle icon on the vehicle card; as shown in (e) of FIG. 6, the electronic device can also display an animation of opening and closing of the trunk cover of the vehicle icon on the vehicle card to prompt the user to pay attention to the state of the vehicle door and the trunk cover.

[0268] It can be seen that the above-mentioned animations of the vehicle icon can be displayed inside or outside the display area 1 of the vehicle card. The electronic device realizes interaction with the user's vehicle parking-out action through continuous animation display of the same vehicle icon, thereby improving the user's interaction experience. Moreover, the vehicle icon is a sub-component of the vehicle card, and the display of the component animation can be realized through the sub-component in the window of the vehicle card.

[0269] In some embodiments, the electronic device acquires information of a display area 2 of the component animation according to size information and position information of the target component display area 1 and page information of a display interface in which the display area 1 is located. Optionally, the page information includes, for example, display interface size information (which can also be described as display screen size information), information of other components on the display interface, and the like.

[0270] Exemplarily, as shown in (b) of FIG. 6, when the electronic device displays the animation of the vehicle card, the electronic device displays the animation according to size information and position information of the vehicle card and display interface size information. Through screen constraints, the electronic device realizes display of the corresponding animation of the vehicle icon in the display screen.

[0271] As shown in Fig. 7(a), the electronic device displays the weather card 71, and obtains the weather information as heavy rain, and can display the heavy rain effect. In response to the component effect display event, the electronic device can display the heavy rain effect on the weather card 71. Alternatively, as shown in Fig. 7(b), the electronic device can obtain the size information and the position information of the weather card 71. In addition, the electronic device can obtain, according to the current page information of the weather card 71, that other components are also displayed on the current display interface, such as the card 72, the card 73, and the card 74 located around the weather card 71. The card 72 and the card 73 are located below the weather card 71, and the card 72 and the card 73 can affect the display effect of the raindrop falling in the heavy rain effect of the weather card 71. Then, the electronic device can obtain the upper edge position information of the card 72 and the card 73, and take the position information as the lower edge of the display area 2 corresponding to the heavy rain effect, so that the display of the heavy rain effect of the weather card 71 does not affect the display of the card 72 and the card 73, and the display effect of the raindrop falling on the upper edge of the card 72 and the card 73 can be realized. For example, in response to the user operation, the electronic device deletes the card 72. Then, as shown in Fig. 8, the electronic device can obtain the display area 2 corresponding to the heavy rain effect according to the position information of the card 73 and the card 74, and display the heavy rain effect in the display area 2, so as to realize the display effect of the raindrop falling on the upper edge of the card 73 and the card 74. It can be seen that the display area 2 is a regular size or an irregular size area.

[0272] In some embodiments, the electronic device can obtain the actually allowed overflow range according to the size information and the page information of the display area 1, take the display area 1 and the actually allowed overflow range as the display area 2 corresponding to the component effect. It should be understood that the display area 2 can also not include the display area 1, that is, the electronic device displays the component effect around the target component. Alternatively, in the component development process, the developer can configure a preset effect display range. Then, in the process of obtaining the display area 2, the electronic device can obtain the overflow range according to the page information, and obtain the actually allowed overflow range by combining the overflow range and the preset effect display range.

[0273] Exemplarily, as shown in (a) of FIG. 9A, the electronic device can obtain the component display range, for example, display region 1. In some example scenarios, the electronic device takes the display region other than the display region 1 of the entire display screen as the actual allowed overflow range. In some other example scenarios, the electronic device obtains the size information and the position information of other components located around the current component according to the page information, and obtains the actual allowed overflow range of the current component based on the size information and the position information of the other components, which is located outside the outer edge of the other components, so as to avoid the subsequent component effect display from affecting the display of the other components. In some other example scenarios, the component installation package includes the preset effect display range preset by the component developer. Then, the electronic device takes the preset effect display range as the actual allowed overflow range. In some other example scenarios, as shown in (b) of FIG. 9A, the component installation package includes the preset effect display range preset by the component developer. Then, the electronic device can match the overflow range obtained according to the size information and the position information of other components located around the current component with the preset effect display range, and take the intersection of the two as the actual allowed overflow range. In this way, the preset effect display range preset by the developer is prevented from being too large to affect the display of the other components, and the overflow range obtained by the electronic device according to the page information is also prevented from being a display range that is not required by the developer.

[0274] In this way, the electronic device obtains the actual allowed overflow range, and displays the component effect according to the actual allowed overflow range, so as to meet the actual display requirement.

[0275] In some embodiments, the display content visible to the user on the component can be described as the main display content of the component. In some examples, the electronic device displays the component includes displaying the main display content of the component, and the display region 1 of the component is used to display the main display content. Then, the electronic device implements the overflow component effect including the range of the component effect beyond the display region 1 of the main display content. In addition, in the determination of the actual allowed overflow range, the electronic device obtains the position information and the size information of other components located around the current target component according to the page information, which is also determined according to the main display content of the other components, so as to provide the user with a more real and natural component effect display experience.

[0276] Exemplarily, as shown in FIG. 9B, the target component is the weather card 71, and the component effect to be displayed is a heavy rain effect. The electronic device obtains the page information and obtains the card 73 and the card 74 located around the weather card. The main display content of the card 74 is the car logo 91, and the user cannot see other content of the card 74. Alternatively, from the perspective of the user, the card 74 is the car logo 91. Then, the electronic device can display the heavy rain effect of the weather card 71 as shown in FIG. 9B according to the upper edge position information of the card 73 and the upper edge position information of the car logo 91. As can be seen, the current heavy rain effect raindrops fall on the upper edge of the car logo 91, which better meets the user's expectation of component effect display.

[0277] Optionally, the electronic device can obtain the size information and position information of the main display content of the component through an image recognition algorithm such as an image segmentation algorithm.

[0278] Optionally, the component can include one or more main display contents. In the case of multiple main display contents, the electronic device can combine the display areas of the multiple main display contents to obtain a large display area that can cover the display areas of the multiple main display contents. Subsequently, the electronic device obtains the actually allowed overflow range based on the large display area.

[0279] In this way, the electronic device provides better component effect display experience for the user by recognizing the main display content of the component.

[0280] Optionally, for simplicity of description, the display area of the component refers to the display area of the main display content of the component or the large display area obtained by combining the display areas of multiple main display contents, which will not be described below.

[0281] In some embodiments, the display type of the component effect includes long-time display and short-time display. The long-time display can also be described as long display, which includes continuously displaying the component effect during the display of the component. The short-time display includes displaying the component effect for a preset time length during the display of the component or displaying the component effect for a preset time length according to a preset period.

[0282] In some examples, the long-time displayed component effect is, for example, a component effect that does not need to be displayed in a large range. Then, even if the component effect is displayed for a long time, it will not affect the display of other components. In some examples, the short-time displayed component effect is, for example, a component effect that needs to be displayed in a large range. Then, the display of the component effect can affect the display of other components, and therefore the display time of the component effect needs to be limited. It should be understood that some long-time displayed component effects can also be displayed in a large range, and some short-time displayed component effects can also be displayed in a small range.

[0283] In some examples, the display type of the component motion effect is preconfigured in the component. For example, during the development of the component, the developer configures the component motion effect and the display type of the component motion effect.

[0284] In some examples, after obtaining the component motion effect display event, the component determines that the motion effect needs to be displayed, sends a motion effect display request to the system, and carries the display type in the motion effect display request. In response to the motion effect display request, the system obtains the actual allowed overflow range of the component motion effect.

[0285] Optionally, in the case of long-time display, the actual allowed overflow range is, for example, a safety range. The system can obtain information such as the distance between the component to be displayed and the surrounding components according to the position and size of the component and the position and size of the surrounding components, and thus obtain the safety range. In the safety range, the long-time display of the component motion effect does not affect the display of other components.

[0286] For example, as shown in (a) of FIG. 9C, the electronic device displays a desktop, and the desktop displays a weather card 92. In response to obtaining that the current weather is cloudy, the weather card 92 sends a motion effect display request to the system, and carries the display type as long-time display in the motion effect display request. Then, the system obtains a safety range 93 according to the display of each card, application icon, etc. on the current desktop, and the safety range 93 is a range within a certain distance around the weather card 92. Then, the system sends the safety range 93 to the weather card 92, and the weather card 92 can display the cloudy motion effect in the safety range 93. It can be seen that the cloudy motion effect does not affect the display of other cards, application icons, etc. on the desktop.

[0287] In this way, the electronic device can display the component motion effect for a long time without affecting the display of other components, thus meeting the more rich display effect while avoiding affecting the user's use of other components.

[0288] Optionally, in the case of short-time display, the system can obtain the display duration of the short-time display component motion effect. The display duration is, for example, a preset duration and / or a preset period. Optionally, the system can also obtain the actual allowed overflow range of the short-time display component motion effect. Optionally, the electronic device is preconfigured with the preset duration and the preset period.

[0289] Exemplarily, as shown in (b) of FIG. 9C, the electronic device displays a desktop, and the desktop displays the weather card 92. In response to obtaining that the current weather is thunder shower, the weather card 92 sends a dynamic display request to the system, and carries the display type as short-time display in the dynamic display request. Alternatively, the weather card 92 sends a dynamic display request to the system, and carries the display area in the dynamic display request. The system obtains that the display area is a large-range display area, and can determine that the weather card 92 is allocated a component dynamic effect of short-time display. For example, the display area 2 of the thunder shower dynamic effect is in the range shown by the dashed box 94. The weather card 92 displays the thunder shower dynamic effect in the dashed box 94 for a preset time length. Alternatively, the weather card 92 can also display the thunder shower dynamic effect in the dashed box 94 for a preset time length according to a preset period.

[0290] In this way, the electronic device limits the display time length of the component dynamic effect that needs large-range display, so as to ensure the display of the component dynamic effect, avoid the display of the component dynamic effect affecting the display of other content, and avoid affecting the use of the user. In this way, the problem of some third-party components maliciously occupying the display area can also be avoided.

[0291] In some embodiments, in a preset scenario, the electronic device does not limit the display time length of the component dynamic effect and / or the size of the display area 2. Alternatively, the preset scenario is, for example, that a preset component is in an activated state. Alternatively, the preset component is, for example, a component that needs to interact with the user in a large range, and the like, such as a game component and the like.

[0292] In some examples, the component state includes an activated state, an inactivated state, and the like. The activated state indicates that the component is activated for use, and the electronic device activates the component in response to a user operation. For example, in response to a user operation such as touch on the component, gaze on the component, and the like, the electronic device obtains that the focus is on the component, and can trigger the component to be in the activated state. The inactivated state indicates that the component is not activated for use. Alternatively, the activated state can also include a paused state. For example, during the process that the component is in the activated state, the electronic device detects a user operation indicating that the user operates other components or a blank area, such as that the focus is switched to other positions outside the component, and indicates that the component is switched to the paused state. Alternatively, the component state can also be described as including the activated state, the paused state, and the inactivated state, and the like. Alternatively, the component state can also be described as a component dynamic effect state.

[0293] In some examples, during the process that the component is in the active state, the component effect of the component is displayed. During the process that the component is in the suspended state, the display of the corresponding component effect is suspended. During the process that the component is in the inactive state, the component effect of the component is not displayed. Optionally, during the process that the component is in the suspended state, the electronic device can maintain the display of the component effect in the display area 1 of the component. Optionally, the maintaining of the display of the component effect includes maintaining the display of the reduced image of the last frame of image displayed in the active state before the display of the switching component state in the display area 1. Alternatively, during the process that the component is in the suspended state, the electronic device can not display the component effect.

[0294] In some examples, as described above, the component provider is configured with a rendering engine, and the dynamic or static display effect of the component can also be rendered by the rendering engine in the component provider, and the rendering data is output. For example, the application obtains the UIExtension component for displaying the component effect by calling the UIExtension process.

[0295] For example, the electronic device displays a game card in the inactive state on the desktop, and the currently displayed game card is a normal card. In response to a trigger condition such as a user operation, the game application determines that the game card needs to be activated. Then, the electronic device can trigger and display the UIExtension component, and the display of the game card effect is realized through the UIExtension component. The UIExtension component displayed by the electronic device is in the active state. Optionally, in response to a user operation (such as a user operation on the blank area of the desktop, etc.), the UIExtension component is switched to the suspended state. Subsequently, in response to a user operation indicating that the game effect is exited, the electronic device can display the normal card again, which is the game card in the inactive state. Optionally, in the current scenario, the UIExtension component can also be described as a game playing card. Optionally, in the current scenario, it can be understood that the game card is configured with two component display modes, such as “one card with two sides”, one side of which is to display the normal card, and the other side is to display the game playing card. It should be understood that the normal card and the game playing card are not displayed at the same time.

[0296] In some examples, a component (or an application corresponding to the component) can apply to the system for the ability to receive user input. For example, after obtaining the ability to receive user input, the component can receive and process user operations in the display area 1 of the component. For example, the component is a music card, and the music card displays a play control. In response to a user operation on the play control, the music card can play music. For another example, the component is a game card, and the game card displays a game control. In response to a user operation on the game control, the game card starts a game. Optionally, in response to the start of the game, the game card switches to an active state and displays game effects, which can extend beyond the display area 1, thereby providing a better game experience for the user. For example, the user can directly implement game operations on the desktop. In this way, the component takes over user input, avoiding conflicts between user gestures and some gesture commands in the system.

[0297] Optionally, after the electronic device displays the component, the system can also directly instruct the component to obtain the ability to receive user input, without having to apply to the system by the component. Optionally, the ability to receive user input directly instructed by the system to the component includes the ability to receive user input within the display area 1 of the component.

[0298] In some examples, the system is configured to manage the state of the component, for example, the system manages the life cycle of the component effects. Optionally, in the case of needing to switch the state of the component, the system sends a component state change instruction or notification to the corresponding component.

[0299] In some examples, in a preset scenario, the electronic device can display the component effects in a large range. Optionally, the electronic device adjusts the transparency of the component effects, so that the display of the overflow effects beyond the display area 1 of the component does not affect the display of other components. Optionally, the overflow effects beyond the display area 1 of the component bear visual effects, but do not bear input events, so that the display of the component effects does not affect the user operations on other components that can be covered by the component effects.

[0300] Exemplarily, as shown in (c) of FIG. 9C, the electronic device displays a desktop, and the desktop displays a game card 95. In response to a user operation on the game card 95, the electronic device triggers display of a component animation of the game card 95, and the display of the component animation exceeds the display area 1 of the game card 95, so as to achieve an overflow animation. For example, the electronic device displays the component animation of the game card 95 in full screen. Alternatively, the electronic device adjusts the transparency of the component animation, so that the component animation of the game card 95 does not affect the display of the weather card 92. Alternatively, in response to a user operation on the weather card 92 (or an operation on a blank area of the desktop), the component animation of the game card 95 is switched from the active state to the pause state, and the electronic device displays the component animation in the display area 1 of the game card 95. Subsequently, in response to a user operation on the game card 95, the electronic device triggers the component animation of the game card 95 to be switched from the pause state to the active state, and continues to display the component animation in full screen.

[0301] Alternatively, the overflow animation outside the display area 1 of the component can also bear visual effects and receive input events, so as to increase the interactivity between the component animation and the user. For example, the component animation is configured with a partial focus area. In response to a user operation on the focus area, the electronic device can trigger display of a corresponding animation, so as to realize the interaction between the user and the component animation.

[0302] In this way, more flexible display effects of the component animation are achieved, and the user operation is avoided from being affected.

[0303] In some embodiments, the above describes the overflow parameters of the component animation, such as the overflow range, the overflow duration, and the overflow frequency. In some examples, the component provider can also request overflow or cancel overflow through the interface provided by the system. Alternatively, the component provider sends an animation display request to the system to request display of the animation. The animation display request can carry the overflow parameters.

[0304] Alternatively, after receiving the animation display request of the component provider, the system can control the overflow parameters of the request according to the related information of the component provider. For example, the related information of the component provider includes information indicating whether the component provider is a system application or a third-party application, configuration parameters, and the like.

[0305] Alternatively, for a system application, the system can reduce the control requirements for the overflow effect. For example, the system application is allowed to request a larger overflow range, a longer overflow duration, and more overflow frequencies. Alternatively, for a third-party application, the system can increase the control requirements for the overflow effect. For example, the third-party application is not allowed to request an excessively large overflow range, an excessively long overflow duration, and an excessively large number of overflow frequencies.

[0306] In some embodiments, in a case where the overflow picture needs to be displayed, a first overflow parameter of a preconfigured overflow picture is acquired, the first overflow parameter including one or more of the following: an overflow range, an overflow duration, and an overflow frequency.

[0307] In a case where the application corresponding to the overflow picture is a system application, the original picture on the component is refreshed into the overflow picture according to a second overflow parameter corresponding to the first overflow parameter; the second overflow parameter is less than or equal to the first overflow parameter, and the second overflow parameter is not greater than a first control overflow parameter. Alternatively, when the first overflow parameter is greater than the first control overflow parameter, the first control overflow parameter is taken as the second overflow parameter.

[0308] In a case where the application corresponding to the overflow picture is a third-party application, the original picture on the component is refreshed into the overflow picture according to a third overflow parameter corresponding to the first overflow parameter; the third overflow parameter is less than or equal to the first overflow parameter, and the third overflow parameter is not greater than a second control overflow parameter. Alternatively, when the third overflow parameter is greater than the second control overflow parameter, the second control overflow parameter is taken as the third overflow parameter.

[0309] Alternatively, the second control overflow parameter is less than the first control overflow parameter.

[0310] Illustratively, the control strength of the overflow picture corresponding to the third-party application is greater than or equal to the control strength of the overflow picture of the system application.

[0311] For example, the component provider is a third-party application, and the system can control the overflow range, the overflow duration, and the overflow frequency requested by the component provider. For example, the third-party application sends an animation display request carrying an overflow parameter, and the overflow parameter indicates that the requested overflow duration is 100 seconds. After the system receives the animation display request, the overflow duration is limited, and it is determined that the allowed overflow duration is 10 seconds.

[0312] For another example, the component provider is a third-party application, but the third-party application is a game application. Then, the system can only control the overflow range requested by the component provider.

[0313] In this way, the system realizes more reasonable and effective control of the overflow animation.

[0314] In some embodiments, after the component state is switched to the pause state, the electronic device can pause the display of the component animation and pause the component process; after the component state is switched to the inactive state, the electronic device can continue to display the component animation and continue the component process. In this way, the power consumption of the component animation display and the component process running is reduced, and the power consumption of the electronic device is reduced.

[0315] Optionally, the component state is switched from the pause state to the inactivation state within a preset waiting duration after the component state is switched to the pause state, and the electronic device does not detect an operation of activating the component. Then, the component state is switched from the pause state to the inactivation state, so as to further reduce power consumption.

[0316] For example, as shown in (c) of FIG. 9C, during the process in which the electronic device displays the component animation effect of the game card 95, the electronic device switches to display another sub-page of the desktop on which the game card 95 is not displayed, in response to a left swipe or right swipe operation of the user on the desktop. During the process in which the electronic device does not display the game card 95, the component animation effect of the game card 95 is switched from the activation state to the pause state. Subsequently, if the electronic device displays the sub-page including the game card 95 again in response to a right swipe or left swipe operation of the user on the desktop, the component animation effect of the game card 95 is switched from the pause state to the activation state, and the component animation effect is continued to be displayed. Alternatively, if the electronic device does not detect an operation of the user indicating switching to display the sub-page including the game card 95 within a preset waiting duration (for example, 20 minutes), the component animation effect of the game card 95 is switched from the pause state to the inactivation state, so as to reduce power consumption.

[0317] Optionally, after the component state is switched to the pause state, the component animation effect is not displayed, but the same display content as the display content of the component when the component state is in the inactivation state is displayed. Optionally, when the component state is in the inactivation state, the display content on the component is, for example, placeholder content, for example, component preview content displayed during the adding process of the component. For example, as shown in (a) of FIG. 10, during the adding process of the card, the electronic device displays card preview. After the component state is switched to the pause state or the inactivation state, the electronic device displays the card preview content as the display content of the component. Optionally, when the component state is in the inactivation state, the display content on the component can also be switched according to the operation of the user. For example, in response to a left swipe or right swipe operation of the user on the card, the electronic device can switch to display different function pages corresponding to the card.

[0318] In some embodiments, the electronic device does not display multiple 3D component animation effects at the same time, so as to reduce power consumption. Optionally, parallel display of 2D component animation effects is allowed. For example, during the process in which the electronic device displays a component animation effect (2D or 3D component animation effect), the electronic device allows display of other 2D component animation effects.

[0319] In some examples, during the process in which the electronic device displays a 3D component animation effect, the electronic device does not display other 3D component animation effects.

[0320] For example, as shown in scenario (c) of FIG. 9C, the electronic device periodically displays a lightning effect of the weather card 92, which is a 3D effect of a large-scale overflow as shown in (b) of FIG. 9C. In response to the user activating the operation of the game card 95, the electronic device displays the component effect of the game card 95. Then, during the display of the component effect of the game card 95, the electronic device stops the periodically displayed lightning effect of the weather card 92. In this way, the consumption of the power of the electronic device is reduced, and the display conflict between different effects is avoided.

[0321] Optionally, as shown in scenario (c) of FIG. 9C, during the display of the component effect of the game card 95, the electronic device still displays a 2D effect of rain under the clouds within the safety range corresponding to the weather card 92. The 2D effect consumes less power, and the display effect is ensured while the consumption of the power is reduced.

[0322] In some other examples, the electronic device can periodically display a plurality of component effects, and the periods of the plurality of component effects are the same or different. Optionally, during the display of the plurality of component effects, the display time of some component effects may overlap, and the electronic device needs to determine the component effect to be displayed.

[0323] Optionally, the electronic device displays the component effect by preemption. For example, there are two weather cards displayed on the desktop, such as a weather card 1 and a weather card 2, and both of the weather cards need to display a periodic component effect of an overflow effect. During the display of the component effect of the weather card 1 according to the period 1 of the weather card 1, the electronic device obtains the period 2 of the component effect of the weather card 2 to be displayed. Then, the electronic device can stop displaying the component effect of the weather card 1 and start displaying the component effect of the weather card 2. That is, the component effect of the weather card 2 displayed later preempts the display of the component effect of the weather card 1 displayed earlier. In this way, by a preset rule, the display of multiple component effects is avoided, and the power consumption is reduced.

[0324] Optionally, if the display area 2 of the periodically displayed component effect A is the component display area 1 or a safety area near the component display area 1. Then, the display of other component effects (including periodic component effects) does not affect the display of the component effect A.

[0325] Optionally, the periodically displayed component effect is, for example, a 3D component effect that needs to occupy more resources. Alternatively, it can also be a 2D component effect.

[0326] In some embodiments, the power consumption of the component effect corresponding to some components is large. Then, in order to reduce the power consumption, the electronic device allows the application corresponding to the components to create one component or a small number of components.

[0327] Exemplarily, the game application is configured with multiple mini-game functions, and each mini-game function can create a corresponding mini-game card. Then, during the creation of the mini-game card, if there is already a mini-game card displayed on the desktop, the electronic device can no longer allow the addition of a new mini-game card. In this way, the electronic device can reduce the power consumption generated when the mini-game card display component performs an animation effect.

[0328] Optionally, the electronic device can display components of different sizes. Then, for components with large animation effect overhead, the electronic device also allows the creation of a component of one size, or a small number of components of different sizes.

[0329] Exemplarily, the game application is configured with game cards of different sizes. Then, during the creation of the game card, if there is already a game card of the current game application displayed on the desktop, the electronic device no longer allows the addition of a game card of a new size. Optionally, the game card of the new size that is not allowed to be added corresponds to the same mini-game in the same game application as the game card already displayed on the desktop.

[0330] In this way, by limiting the creation of components, the power consumption of subsequent component animation effect display is reduced, thereby reducing the power consumption of the electronic device.

[0331] In some embodiments, the component animation effect is a 3D component animation effect, and the electronic device adjusts the size of the overflow area by adjusting the camera field of view angle of the 3D scene. For example, by enlarging or reducing the field of view angle, the size of the display area 2 of the component animation effect is adjusted. For example, as shown in FIG. 7, the 3D scene of the rain animation effect display, the electronic device enlarges the size of the display area 2 by enlarging the field of view angle.

[0332] In this way, by adjusting the field of view angle to display the component animation effect, compared to directly enlarging or reducing the display content of the component animation effect, a better component animation effect display effect can be achieved.

[0333] In some embodiments, after determining that the component animation needs to be displayed, the electronic device can increase the hierarchy level of the sub-component used to display the component animation, so as to realize the display of the component animation. Alternatively, the component with a high hierarchy level can cover other components with a low hierarchy level. In this case, as described above, the container component and its sub-components belong to the same component tree. In addition, all display contents displayed on the display interface can also form a large component tree, and the component tree corresponding to the container component is a component branch structure in the large component tree. In this case, the hierarchy in the large component tree is used to describe the height of different components, and the higher the hierarchy level of a component is, the higher the component can be displayed. The display content visible to the user is the upper component, and the user cannot see the covered component. In this case, the Z-axis height can be used to describe the hierarchy level of the component. Alternatively, the electronic device can realize the upper display of the component animation by adjusting the Z-axis height of the component tree corresponding to the container component and the Z-axis height of the sub-components in the component tree. Alternatively, part or all of the sub-components used to display the component animation can realize the corresponding display effect by adjusting the transparency. In some example scenarios, the user can also see other components covered by the component animation.

[0334] For example, as shown in FIG. 9D, when the electronic device needs to display the animation of the weather card 71, the electronic device can realize the display of the overflow component animation in the original card size and the overflow range by adjusting the Z-axis height of the corresponding component.

[0335] In this way, the electronic device can constrain the display of the component animation according to the size of the display screen and the display position of other components, so as to improve the user's visual and interactive experience without affecting the user's use of other components.

[0336] In some embodiments, the hierarchy level of the component animation is lower than the hierarchy level of the preset display content, so as to avoid the display of the component animation affecting the display of the preset display content. Alternatively, the preset display content is, for example, a notification, a floating window, and the like. For example, the notification or the floating window is avoided from being covered by the component animation, so as to affect the timeliness of the notification or the use of the floating window by the user. Alternatively, the notification includes, for example, a pop-up window notification and the like.

[0337] For example, after obtaining the component animation display event corresponding to the game card, the electronic device displays the corresponding component animation in full screen, and the hierarchy level of the component animation is higher than the hierarchy level of other components displayed on the original desktop. During the display of the component animation, the electronic device obtains a notification message. Then, the electronic device can display the notification message in the form of a pop-up window, and the hierarchy level of the pop-up window is higher than the hierarchy level of the component animation of the game card. In this way, during the display of the component animation, the display of the notification is ensured to be easily discovered by the user, and the display of the component animation is not affected.

[0338] Further, the electronic device displays the component motion effect of the game card in an overflow manner. In this way, the user can see the component motion effect of the game card when the game card is displayed on the desktop.

[0339] In some embodiments, the display areas of the plurality of component motion effects can overlap. In this case, the electronic device can display the latest component motion effect that needs to be displayed by using the preemption mechanism. Alternatively, the overlap of some component motion effects can not be coordinated by using the preemption mechanism. In this case, the electronic device can help coordinate the display of different component motion effects according to user operations or the display of prompt information. For example, the display areas of a plurality of component motion effects that need to be displayed for a long time can overlap, or the display areas of the overflow motion effect that needs to be displayed for a short time and the component motion effect that needs to be displayed for a long time can overlap.

[0340] For example, the electronic device displays a plurality of component motion effects in an overlapping manner. In this case, the electronic device can move the display positions of the components corresponding to the overlapping component motion effects according to user operations, so as to avoid the overlap of the component motion effects. In this way, the user can select whether to adjust the overlapping display effect of the component motion effects according to his / her aesthetic habits.

[0341] Further, in the process of adding a component, the electronic device automatically adds the component to an area where the overlap of component motion effects does not occur. For example, in the process of adding a component on the desktop according to the indication of the user, the electronic device obtains that the component to be added needs to be displayed in a component motion effect. In this case, the electronic device can add the component according to the display area requirement of the component motion effect of the component that can exist on the current desktop, so that the display of the component motion effect of the component does not overlap with the display of the component motion effect of other components after the component is added. For example, there is a blank area on a sub-page of the current desktop, which can display the component to be added. However, if the component is added to the current sub-page, the overlap of component motion effects can occur. In this case, the electronic device also adds the component to be added to another sub-page.

[0342] Alternatively, the electronic device also records the display area 2 of the component motion effect as the placeholder area of the component. In this way, in the process of adding a component, even if the component that has been added does not display a component motion effect, the electronic device can directly determine whether a new component can be directly added according to the placeholder condition of the current sub-page.

[0343] Optionally, during the component adding process, the electronic device can obtain a problem that the component motion effect of the component to be added can overlap with the motion effect of the component that has been added. Then, the electronic device can display prompt information to prompt the user whether to continue adding the component. Subsequently, the electronic device determines whether to add the component according to the user operation.

[0344] Further exemplarily, after obtaining the component motion effect display event, the electronic device can obtain a problem that the current component motion effect to be displayed can overlap with the display of other component motion effects. Then, the electronic device can display prompt information to prompt the user whether to continue displaying the component motion effect. Subsequently, the electronic device determines whether to display the component motion effect according to the user operation.

[0345] In this way, the electronic device can flexibly display the component motion effect in multiple ways, and avoid the overlapping of the component motion effects affecting the display effect of the component motion effect.

[0346] In some embodiments, in response to the display of the component effect, the electronic device can adjust the transparency of the component. For example, the electronic device can adjust the transparency of the component to 100%, or can adjust the transparency of the component to be greater than a preset transparency threshold. In this way, the display of the more transparent component does not affect the display of the component motion effect, and provides a better component effect display experience for the user. For example, the electronic device adjusts the transparency of the sub-components of the target component except the sub-component used to display the component effect to 100%.

[0347] In some embodiments, the component motion effect supports user self-defined setting to meet the personalized use requirements of the user.

[0348] Exemplarily, as shown in (a) of FIG. 10, during the card adding process, the electronic device displays a card preview window 101, facilitating the user to confirm the relevant information of the added card. In response to the user operation on the setting control 102, as shown in (b) of FIG. 10, the electronic device can display a card content editing window 103, in which the user can select to edit the card display content, card motion effect content, etc. For example, the current card to be added is a game card, and the game application corresponding to the game card supports personalized use content such as skin, character, equipment, etc. Then, the electronic device can display an entry for editing the personalized use content in the card content editing window 103, and the user can select to edit the personalized use content according to the user's own needs. Subsequently, in response to the user operation in the card preview window 101 as shown in (a) of FIG. 10, the electronic device can add the game card 104 as shown in (c) of FIG. 10. Wherein, the display content of the game card 104 matches the personalized use content edited by the user. In addition, when the motion effect of the game card 104 is triggered subsequently, the display content of the motion effect also matches the personalized use content edited by the user. For example, the display content on the game card 104 includes the character selected by the user, and the motion effect includes the motion effect of the character selected by the user. Alternatively, in response to the user operation on the game card 104, the electronic device can display a menu bar 105. In response to the user operation on the card content editing control 106 in the menu bar 105, the electronic device can start the game application and display the card content editing interface in the game application as shown in (d) of FIG. 10, in which the user can edit the personalized use content.

[0349] It should be understood that, in response to the above-mentioned user operation on the setting control 102 in the card preview window 101, the electronic device can also directly start the game application and display the card content editing interface in the game application as shown in (d) of FIG. 10 to receive the user's editing of the personalized use content and enrich the display of the motion effect of the game card. In addition, the card content editing entry is also provided in the game application, and in response to the user operation in the game application, the electronic device can also switch to display the card content editing interface to receive the user's editing of the personalized use content.

[0350] In this way, the electronic device displays the motion effect of the component required by the user according to the user operation, and provides the user with a motion effect display experience that better meets the user's personalized needs. Thus, while enriching the user's visual experience, the user's use experience is also improved.

[0351] Alternatively, the application corresponding to the component is internally configured with corresponding algorithm logic to support the update of the display content of the motion effect of the component. In this way, the electronic device can also provide personalized display effects for the user without the user's own settings, simplifying the user's operation.

[0352] Exemplarily, the electronic device displays a game card, and in response to a component motion effect display event, the electronic device can obtain, through a game application corresponding to the game card, a login account of the corresponding game application and game character information used by the account in the game application. Then, the electronic device can obtain the component motion effect associated with the game character. Optionally, the game character information includes, for example, skin, role, equipment, and the like. In this way, the electronic device can display different game card motion effects corresponding to changes in the skin, role, equipment, and the like.

[0353] In this way, the electronic device can provide the user with a more vivid and personalized component motion effect display experience.

[0354] The following describes the interaction process of each module in the component motion effect display process, taking the display of card motion effects on the desktop as an example.

[0355] FIG. 11 is a flowchart of a component effect display method provided by an embodiment of the present application. It should be noted that the method is not limited to the specific order described in FIG. 11 and the following, and it should be understood that in other embodiments, the order of some steps of the method can be exchanged according to actual needs, or some steps can be omitted or deleted. The method includes the following steps:

[0356] S1101, the component provider detects a component motion effect display event and obtains motion effect information.

[0357] For example, the target component is a weather card, and the component provider is a weather application corresponding to the weather card.

[0358] In some embodiments, the component provider can determine that a component motion effect display event is detected when a preset triggering condition is met. Optionally, the preset triggering condition includes, for example, detection of a user preset operation, arrival at a predetermined time, arrival at a predetermined location, obtaining weather information, and the like. For example, the component provider obtains weather information and determines that a component motion effect display event is detected, and needs to display a component motion effect matching the current weather information.

[0359] Optionally, the component motion effect display event can be understood as an event that actively triggers the display of the component motion effect and an event that passively triggers the display of the component motion effect. For example, the event that actively triggers the display of the component motion effect includes, for example, a user operation detected by the electronic device, which triggers the display of the component motion effect. The event that passively triggers the display of the component motion effect includes, for example, a triggering event of a timing mechanism, a point mechanism, a content refresh display requirement, and the like. Optionally, the content refresh display requirement includes, for example, obtaining a change in weather information, and needing to refresh and display weather motion effects, and the like.

[0360] Optionally, the user preset operation includes, for example, a touch operation, a gesture operation, a voice operation, a visual operation, and the like of the user on the display screen. The component provider can obtain the sensor data, and can further obtain weather information, determine whether a preset time or location is reached, and the like according to the sensor data.

[0361] In some embodiments, the motion effect information includes, for example, size information and position information of the target component, motion effect display content, resource position information, and the like.

[0362] In S1102, the component provider obtains page information requested by the component user.

[0363] Optionally, the component user is, for example, a desktop, a negative one screen, and the like. For example, a card is displayed on the desktop, the desktop is the component user, and the application corresponding to the card is the component provider.

[0364] Optionally, the page information includes, for example, display interface size information, information of other components on the display interface, and the like.

[0365] In some embodiments, after detecting the component motion effect display event, the component provider requests the component user to obtain the page information, so as to obtain the display area of the subsequent component motion effect. That is, the embodiments of the present application do not limit the sequence of obtaining the motion effect information and the page information by the component provider.

[0366] In S1103, the component provider obtains motion effect display information according to the page information and the motion effect information.

[0367] In some embodiments, after obtaining the page information and the motion effect information, the component provider can obtain motion effect display information according to the page information and the motion effect information. The motion effect display information indicates, for example, a display area, a display position, display content, and the like of the component motion effect.

[0368] For example, as shown in the scenario of FIG. 7, a weather card is displayed on the desktop, and the desktop obtains the page information and the motion effect information in response to the obtained weather information being rain. According to the size information and the position information of the display area 1 of the weather card and the size information and the position information of other cards displayed on the page, the desktop can obtain the motion effect display information of the rain motion effect of the weather card, such as the size information and the position information of the display area 2, rain motion effect resource position information, and the like. The display area 2 is larger than the display area 1, so as to obtain the rain motion effect of the overflow card.

[0369] In S1104, the component provider sends the motion effect display information to a component rendering service.

[0370] In some embodiments, after obtaining the motion effect display information, the component provider can send the motion effect display information to the rendering service, so as to trigger the rendering service to perform rendering of the component motion effect.

[0371] In some examples, the component provider can also implement the animation rendering. That is, the component provider can also implement the steps performed by the component rendering service in the present process, which will not be described herein. Alternatively, the electronic device instructs the component rendering service to perform the rendering task or instructs the component provider to perform the rendering task according to the preconfigured rules.

[0372] S1105, the component rendering service renders the component animation and obtains rendering data.

[0373] In some embodiments, after receiving the animation display information, the component rendering service can obtain the animation resources according to the resource location information included in the animation display information, to perform the component animation rendering and obtain the rendering data.

[0374] Alternatively, the resources include local resources, cloud resources, and the like. In the case of cloud resources, the component provider can download the cloud resources and store them locally. The resource location information obtained by the component rendering service includes the storage location of the downloaded cloud resources, so that the component rendering service can obtain all the resources according to the resource location information to complete the component animation rendering.

[0375] Alternatively, the component animation can be a two-dimensional animation or a three-dimensional animation. The resources include two-dimensional animation display resources and / or three-dimensional animation display resources.

[0376] S1106, the component rendering service sends the rendering data to the component user.

[0377] In some embodiments, after obtaining the rendering data, the component rendering service sends the rendering data to the component user to trigger the component user to display the component animation. Correspondingly, the component user receives the rendering data sent by the component rendering service.

[0378] S1107, the component user adjusts the component carrying size and the Z-axis height and displays the component animation.

[0379] In some embodiments, when the component user requests the component provider to obtain the page information, the component user can obtain the component animation display requirement. Then, after obtaining the rendering data, the component user can adjust the component carrying size and the Z-axis height of the target component according to the rendering data to display the component animation. The component carrying size is, for example, the size of the display area 2 for displaying the component animation. The Z-axis height of the sub-component corresponding to the component animation is adjusted to be higher than the Z-axis height of other sub-components, so that the component animation can be displayed above other sub-components, thereby providing the user with an overflow display effect of the component animation.

[0380] In this way, by adjusting the display area size and Z-axis height of the component motion effect corresponding to the target component, an overflow display effect of the component motion effect is obtained, the visual experience of the user is enriched, and the interactivity of the component motion effect is enhanced.

[0381] In some embodiments, in a case where there are other components around the target component, the component motion effect of the target component can take the outer edge or the vicinity of the outer edge of the other components as the edge of the display area 2 of the component motion effect. Alternatively, the component motion effect of the target component can also cover the other components. Alternatively, the target component can also display the component motion effect together with the other components, so as to realize the display effect of the linkage motion effect and provide a better visual experience for the user. Optionally, during the linkage motion effect display process, the target component and / or the other components present an overflow motion effect display effect.

[0382] For example, as shown in (a) of FIG. 12, the electronic device displays multiple cards, wherein the electronic device obtains a component motion effect display event of the card 31, obtains the size information and position information of the display area 1 of the card 31. Then, the electronic device can obtain the display area 2 of the component motion effect according to the page information, as shown in (b) of FIG. 12, the display area 311. Wherein, the display area 311 partially covers the cards around the card 311, such as the card 32, the card 33, and the card 34. Then, if the electronic device displays the component motion effect on the display area 311, the component motion effect can realize the display effect of overflowing the card 31. Moreover, the other cards covered by the display area 311 can also display the joint motion effect, presenting the interactive display effect. Wherein, as shown in (c) of FIG. 12, the electronic device adjusts the Z-axis height of the display area 311, so as to facilitate the subsequent top-layer display of the component motion effect visible to the user.

[0383] For another example, as shown in (a) of FIG. 13, the electronic device displays the card 131, and in response to the component motion effect display event, the electronic device displays the component motion effect in the display area 1 of the card 131. Alternatively, as shown in (b) of FIG. 13, in response to the component motion effect display event, the electronic device displays the overflow motion effect (such as the eye motion effect displayed on the card 131 and the lightning motion effect exceeding the display area 1) according to the page information, and also displays the corresponding motion effect on the other components around the card 131, presenting the interactive effect and further improving the interestingness of the component motion effect display.

[0384] In this way, the electronic device presents the linkage motion effect in the vicinity of the target component and the other components around the target component according to the page information, increases the interestingness of the component motion effect display, and improves the user experience.

[0385] In some examples, the electronic device realizes the display of the linkage motion effect through the component provider corresponding to the target component.

[0386] Exemplarily, as shown in FIG. 14, the step S1107 further includes a step S1401. In the step S1103, the component provider can obtain the information of the components around the target component according to the page information, and obtain the display area 2 of the component motion effect according to the motion effect information, which can cover the display areas of other components. Subsequently, in the step S1107, the component user adjusts the carrying size and the Z-axis height of the component, so that the component user can make the other components present the linkage motion effect. The carrying size includes the display areas of the other components, and the Z-axis height of the component corresponding to the component motion effect is adjusted to be higher than the Z-axis height of the other components, so that the component motion effect can be displayed above the other components, thereby providing the user with the effect of overflow display of the component motion effect and linkage display with the other components.

[0387] In this way, the electronic device can display the linkage motion effect through the component provider without the participation of other components.

[0388] In some other examples, when the electronic device determines that the linkage motion effect needs to be displayed, the electronic device can obtain the components involved in the linkage motion effect. The components involved in the linkage motion effect include the component provider corresponding to the target component that needs to display the component motion effect. The component provider corresponding to the target component can send a linkage effect instruction to the component providers of other components involved in the linkage motion effect. The linkage effect instruction is used to instruct the other components to display the linkage motion effect. In this way, through the cooperation of the target component and the other components, the electronic device can display the linkage motion effect.

[0389] Exemplarily, as shown in FIG. 15, in the step S1103, the component provider can obtain the information of the components around the target component according to the page information, and obtain the display requirement of the linkage motion effect according to the motion effect information. Then, the component provider not only obtains the motion effect display information of the component motion effect that needs to be triggered to be displayed by the component provider itself, and sends the motion effect display information to the rendering service, but also sends a linkage effect instruction to the component providers of other components that need to display the linkage motion effect (such as the step S1501). Correspondingly, as shown in the step S1502, after receiving the linkage effect instruction, the component providers of the other components can obtain the linkage motion effect display information in response to the instruction. The linkage motion effect display information includes, for example, resource location information, display area size information and position information of the corresponding linkage motion effect. Subsequently, the component providers of the other components can send the linkage motion effect display information to the component rendering service, so as to trigger the component rendering service to render the linkage motion effect. Then, the rendering data obtained by the component rendering service includes the rendering data instructed to be rendered by the component provider of the target component, and the rendering data instructed to be rendered by the component providers of the other components. Subsequently, the component user can display the linkage motion effect according to the obtained rendering data.

[0390] In this way, the electronic device cooperates with the component provider of the target component and the component providers of other components to display the linkage effect.

[0391] In some embodiments, the electronic device can also generate display content of the component effect in an artificial intelligence generative content (AIGC) manner, thereby presenting more vivid component effect display effects.

[0392] For example, as shown in (a) of FIG. 16, the electronic device displays a weather card 161, and determines to display a heavy rain effect in response to the weather information being heavy rain. Then, the electronic device can call an AIGC module to obtain effect display content. As shown in (b) of FIG. 16, the electronic device displays the effect display content output by the AIGC module, which can provide better visual effects.

[0393] For another example, the electronic device displays a game card, and can obtain an account corresponding to a login of a game application and game character information used by the account in the game application. Subsequently, the electronic device can obtain component effects associated with the game character through interaction between the AIGC module and the server. Optionally, the game character information includes, for example, skin, role, equipment, and the like. In this way, the electronic device can display different game card effects corresponding to changes in the skin, role, equipment, and the like. In this way, the electronic device can provide users with more vivid and personalized component effect display experiences.

[0394] Optionally, FIG. 17 is a flowchart of another component effect display method provided by an embodiment of the present application. As shown in FIG. 17, the flowchart includes the following steps:

[0395] S1701, the component provider detects a component effect display event and obtains effect information.

[0396] S1702, the component provider requests the component user to obtain page information.

[0397] Optionally, the content of steps S1701-S1702 can refer to the related content of steps S1101-S1102 described above, and will not be described here again.

[0398] S1703, the component provider sends the effect information and the page information to an artificial intelligence generative content (AIGC) module.

[0399] In some embodiments, after obtaining the motion effect information and the page information, the component provider can send the motion effect information and the page information to the AIGC module. Correspondingly, the AIGC module receives the motion effect information and the page information sent by the component provider.

[0400] S1704, the AIGC module obtains motion effect display content according to the motion effect information and the page information.

[0401] In some embodiments, the AIGC module constructs the component motion effect of the overflow effect according to the obtained motion effect information and page information, and obtains corresponding motion effect display content. The motion effect display content includes resource information for displaying the component motion effect of the overflow effect.

[0402] For example, the AIGC module obtains the fireworks motion effect corresponding to the target component that needs to be displayed according to the motion effect information. And the AIGC module obtains that there are three other components near the current target component according to the page information. Then, the AIGC module can generate the fireworks motion effect that needs to be displayed corresponding to the target component, and the fireworks motion effect that needs to be displayed corresponding to the other three components. Optionally, the AIGC module can obtain different or same fireworks effects that need to be displayed by different components according to the display effect. The motion effect display content output by the AIGC module includes all the fireworks effect content.

[0403] S1705, the AIGC module sends the motion effect display content to the component provider.

[0404] In some embodiments, after obtaining the motion effect display content, the AIGC module can send the motion effect display content to the component provider. Correspondingly, the component provider receives the motion effect display content sent by the AIGC module.

[0405] S1706, the component provider obtains motion effect display information according to the page information and the motion effect display content.

[0406] In some embodiments, according to the page information, the component provider can obtain the size information and position information of the display area corresponding to the target component and other components near the target component, and then obtain the display area size and position information of the motion effect of each component. Then, the component provider can obtain the motion effect display information by combining the display area size and position information of the component motion effect and the motion effect display content.

[0407] For example, in the fireworks motion effect scenario of the above step S1704, the component provider obtains the motion effect display information according to the display content of the fireworks motion effect that needs to be displayed by each component and the page information, for example, including the fireworks motion effect display content that needs to be displayed by each component and the display area information, such as size information and position information.

[0408] S1707. The component provides a direction component rendering service to send animation display information.

[0409] S1708. The component rendering service renders the component animation and obtains rendering data.

[0410] S1709. The component rendering service sends the rendering data to the component user.

[0411] S1710. The component user adjusts the component carrying size and Z-axis height and displays the component animation.

[0412] In some embodiments, after obtaining the animation display information, the component provider sends the animation display information to the component rendering service to trigger the component rendering service to render the component animation and obtain rendering data. Subsequently, the component user can obtain the rendering data and display the component animation by adjusting the carrying size and Z-axis height.

[0413] Optionally, other contents of steps S1707-S1710 can refer to the related contents of steps S1104-S1107 described above, which will not be repeated here.

[0414] In this way, the electronic device obtains more rich display content of the component animation through the AIGC module, and provides the user with a more vivid and personalized animation display experience.

[0415] In some embodiments, the electronic device displays the component animation according to local resources and / or cloud resources. Optionally, when installing the component provider, the electronic device can download an installation package, and the downloaded installation package can include local resources of the component animation.

[0416] The local resources related to the component animation will be introduced as follows in combination with the component display process.

[0417] Optionally, FIG. 18 is a schematic diagram of a target component display process according to an embodiment of the present application. As shown in FIG. 18, the process includes the following steps:

[0418] S1801. The component provider detects an operation of the user indicating to add a component.

[0419] Optionally, the operation of the user indicating to add a component includes, for example, an operation on a preset control, a gesture operation on an application icon, and the like.

[0420] For example, the electronic device detects a swipe-up operation of the user on an application icon, and can display a temporary-state card corresponding to the application icon. In response to an operation of the user on a preset control on the temporary card, it can be determined that the user indicates to add a fixed-state card on the desktop. That is, the component provider corresponding to the application icon detects the operation of the user indicating to add a component.

[0421] S1802, the component provider sends a component data request to the package management service.

[0422] As shown in FIG. 3, the package management service in the application framework layer is used to manage the installation package of each application in the application layer. The component provider is an application in the application layer, and the package management service can be used to manage the installation package of the component provider.

[0423] In some embodiments, in response to the operation of the user indicating to add the component, the component provider sends a component data request to the package management service. As shown in FIG. 19, the component data corresponding to the component provider includes, for example, component-related code and resources. The component-related code is used to call the resources to realize the display of the component. The resources include, for example, component configuration files and component resources. The component configuration files include, for example, size information of the component, etc. The component resources include, for example, display resources, engine loadable resources, and other resources, etc. The display resources include, for example, text resources, image resources, and corresponding model resources, etc. that need to be displayed on the component. The engine loadable resources are used to support the rendering of the component, the processing logic of maintaining the display resources, etc. The other resources can also include, for example, some video resources, etc.

[0424] Optionally, the component data in the installation package of the component provider maintained by the package management service can be used to support the subsequent display of the component animation. For example, the component configuration files can also include size information and position information of the display area of the component animation. The display resources of the component resources can also include model resources to realize the three-dimensional display effect. The engine loadable resources can also be used to support the rendering of the three-dimensional model, the processing logic, etc. Thus, referring to the above interaction process, in the step S1101, the component provider can obtain the animation information including the component data through the interaction with the package management service in response to the component animation display event. Alternatively, the component provider has obtained the component data in the process of displaying the current component (e.g., the step S1802). Then, in the step S1101, the component provider can directly obtain the component data in response to the component animation display event, and obtain the animation information according to the component data.

[0425] S1803, the component provider sends a component addition indication to the component user.

[0426] In some embodiments, after obtaining the component data, the component provider can send a component addition indication to the component user. The component addition indication is used to instruct the component user to add the component to realize the display of the component.

[0427] Exemplarily, in response to an operation of the user indicating to add a component, the component provider can acquire a display position of the added component, which corresponds to the component user. For example, the electronic device detects an operation of the user on an application icon displayed on the desktop, and determines that the user indicates to add a card. Then, the electronic device can determine that the component provider is the application corresponding to the application icon, and the component user is the desktop. After the component provider acquires the component data, the component provider can instruct the desktop to add the card.

[0428] S1804, the component user sends a component usage relationship addition instruction to the component management service.

[0429] In some embodiments, the component user determines that the component needs to be added in response to the component addition instruction. Then, the component user sends a component usage relationship addition instruction to the component management service. Optionally, the component usage relationship addition instruction carries an identifier of the component provider. Correspondingly, the component management service receives the component usage relationship addition instruction sent by the component user.

[0430] S1805, the component management service sends a component rendering instruction to the component rendering service.

[0431] Optionally, the component management service is configured to manage a mapping relationship between the component provider and the component user corresponding to the component. For example, the component provider can query, through the component management service, in which positions the component provided by the component provider is displayed.

[0432] In some embodiments, after the component management service establishes the mapping relationship between the component provider and the component user corresponding to the to-be-displayed component, the component management service can send a rendering instruction to the component rendering service to instruct the component rendering service to perform component rendering. Optionally, in response to the component rendering instruction, the component rendering service can request the component provider to acquire component data.

[0433] Optionally, the component provider can also send a component rendering instruction to the component rendering service, and the component management service does not need to send a component rendering instruction to the component rendering service. Optionally, the component rendering instruction sent by the component provider to the component rendering service carries the component data. For example, the component provider sends the component rendering instruction to the component rendering service after (or before) sending the component usage relationship addition instruction to the component management service.

[0434] S1806, the component rendering service renders the component.

[0435] In some embodiments, in response to the component rendering instruction, the component rendering service performs component rendering according to the component data, and acquires rendering data.

[0436] S1807, the component rendering service sends a component display instruction to the component user.

[0437] In some embodiments, the component rendering service sends a component display indication to the component user after completing the component rendering, where the component display indication carries the rendering data. Then, in response to the component display indication, the component user can display the component according to the rendering data.

[0438] In this way, the component provider realizes the display of the component through the interaction with the component user and obtains the component data. Subsequently, based on the component data, the display of the component animation effect is realized.

[0439] In some embodiments, the electronic device displays the component animation effect according to a preset rule. Optionally, the preset rule includes, for example, displaying the component animation effect for a long time after the component is displayed, displaying the component animation effect for a long time after the component animation effect is triggered, stopping displaying the component animation effect after a preset time, and the like. Wherein, the electronic device displays the component animation effect for a preset time, avoids the component animation effect being displayed for too long time, increases power consumption. And, avoids the component animation effect triggered by part of the application covering other components for a long time, affecting the display of other components.

[0440] For example, in response to a user operation, the electronic device adds a component on the desktop. After the component is added, the electronic device starts to display the animation effect of the component.

[0441] For another example, after adding a component on the desktop, the electronic device starts to display the component animation effect. Subsequently, in response to a user page turning operation, the component is no longer displayed on the interface after the page turning, and then the electronic device can stop displaying the component animation effect corresponding to the component.

[0442] For another example, the component displays a game card, and in response to a user creating a game character, the electronic device starts to display an animation effect corresponding to the game character on the game card.

[0443] For another example, the electronic device displays a clock card. In response to a ringing event, the electronic device displays a corresponding alarm animation effect on the alarm card. Subsequently, after a preset time or according to a user operation, the alarm event stops, and the electronic device can stop displaying the alarm animation effect.

[0444] In this way, the electronic device sequentially displays the component animation effect, meets the user's visual experience demand for the component animation effect, and avoids the component animation effect affecting the user's use.

[0445] In some embodiments, the electronic device maintains the display of the component animation effect, which needs to occupy resources, produce power consumption and heat, and may affect the implementation of other functions of the electronic device. Then, the electronic device can measure the resource occupation, power consumption and heat of the component animation effect, and in the case of meeting certain conditions, it is judged that the current is in an abnormal scene, and the display of the component animation effect is adjusted to release resources, reduce power consumption and heat generation.

[0446] The following describes the adjustment process of the component motion effect in various abnormal scenarios.

[0447] In some examples, the process of adjusting the display of the component motion effect in the scenario of abnormal display of the component motion effect in a component with high resource occupation is introduced in FIG. 20. As shown in FIG. 20, the process includes the following steps:

[0448] S2001, the component management service sends a resource occupation information acquisition request to the resource management service.

[0449] S2002, the resource management service sends the resource occupation information to the component management service.

[0450] In some embodiments, as described in step S1804 above, after adding the component, the component management service can create a mapping relationship between the component consumer and the component provider and manage the mapping relationship. Based on the management of the mapping relationship, the component consumer can notify the component management service of the component motion effect display event when the component motion effect is displayed. Then, in response to the addition of the component or the display of the component motion effect, the component management service can register a resource occupation information acquisition request with the resource management service.

[0451] Correspondingly, in response to the resource occupation information acquisition request, the resource management service sends the resource occupation information to the component management service according to a preset period. Alternatively, when the component occupies resources exceeding a certain threshold, the resource management service actively sends the resource occupation information to the component management service.

[0452] Optionally, the resource occupation information includes, for example, the occupation of processor (such as CPU / GPU) resources, the occupation of memory resources, and the occupation proportion of each related process during the display of the component motion effect.

[0453] S2003, the component management service determines that the processor resource occupation exceeds a threshold 1, or determines that the memory resource occupation exceeds a threshold 2.

[0454] S2004, the component management service instructs the resource management service to reduce the motion effect display quality to reduce resource occupation.

[0455] In some embodiments, the component management service can determine that the resource occupation caused by the display of the component motion effect exceeds the threshold according to the resource occupation information, and can determine that the display of the component motion effect needs to be adjusted to reduce the occupation of resources.

[0456] Optionally, the component management service reduces the resource occupation by reducing the display quality of the component motion effect to release part of the resources.

[0457] Optionally, the component management service instructs the component provider to reduce the component rendering frame rate, resolution, image quality, special effects, etc., to reduce the component motion effect quality. In this way, the resource management service can obtain a reduction in the resources occupied by the component motion effect display process.

[0458] For example, as shown in FIG. 7, in a heavy rain motion effect display scenario, the electronic device obtains resource occupation information of the current heavy rain motion effect, determines that the processor resource occupation exceeds threshold 1 or the memory resource exceeds threshold 2, and can determine to adopt measure 1, that is, to reduce the display quality of the heavy rain motion effect to reduce the resource occupation of the heavy rain motion effect implementation. For example, the electronic device reduces the display quality of the heavy rain motion effect by reducing the number of raindrops. For another example, the electronic device reduces the display quality of the heavy rain motion effect by frame insertion, image compression, etc.

[0459] In this way, when the component motion effect display causes a relatively large resource occupation, the electronic device can release part of the resources by reducing the display quality of the component motion effect, to avoid the excessive resource occupation from affecting the implementation of other functions.

[0460] S2005, the component management service determines that the system resources are insufficient.

[0461] S2006, the component management service instructs the resource management service to release component resources or freeze the component.

[0462] In some embodiments, the component management service obtains the resource occupation according to the resource occupation information. In a case where it is determined that the current system resources are insufficient, it can be determined that the display of the component motion effect needs to be adjusted to reduce the resource occupation. Optionally, the system resources include, for example, system memory resources.

[0463] Optionally, the component management service can instruct the resource management service to release component resources or freeze the component (such as measure 2) to obtain more system resources. This avoids the situation where the electronic device runs abnormally due to insufficient system resources. Optionally, releasing component resources includes, for example, releasing memory resources occupied by the component motion effect. Optionally, in a case where the system resources are insufficient, the electronic device can also release component resources while freezing the component.

[0464] For example, during the component motion effect display process, the component resources are saved in the memory to support the fast response of the component motion effect. Then, in a case where the system memory resources are insufficient, the component management service can instruct the resource management service to release the component motion effect display resources in the memory to the disk for saving, to reduce the occupation of the system memory resources.

[0465] Further, in the component animation display process, the component management service determines that the system resource is insufficient, and can instruct the component user (or the component provider) to freeze the component. Optionally, the component freezing, for example, includes freezing the component animation, such as keeping a frame image of the component animation at the freezing moment, and no longer updating the display of the component animation. Alternatively, the component freezing, for example, includes no longer displaying the component animation. In this way, after the component is frozen, no content is generated to occupy the system memory resource, thereby avoiding more occupation of the system memory resource.

[0466] In this way, when the component animation display causes more resource occupation, the electronic device can release the component resource or freeze the component to avoid the excessive resource occupation affecting the implementation of other functions.

[0467] In other examples, in the component animation display abnormal scenario with high power consumption, the electronic device can adjust the display process of the component animation by measure 3, which is introduced in FIG. 21. As shown in FIG. 21, the process includes the following steps:

[0468] S2101, the component management service sends a power consumption information acquisition request to the power consumption management service.

[0469] S2102, the power consumption management service sends the power consumption information to the component management service.

[0470] In some embodiments, as described in step S1804 above, after adding the component, the component management service can create a mapping relationship between the component user and the component provider, and manage the mapping relationship. Based on the management of the mapping relationship, when the component animation is displayed, the component user can notify the component management service of the component animation display event. Then, in response to the component addition or in response to the display of the component animation, the component management service can register a power consumption information acquisition request with the power consumption management service.

[0471] Correspondingly, in response to the power consumption information acquisition request, the power consumption management service sends the power consumption information to the component management service according to a preset period. Alternatively, when the power consumption exceeds a certain threshold, the power consumption management service actively sends the power consumption information to the component management service.

[0472] Optionally, the power consumption information, for example, includes the power consumption situation of the component animation display.

[0473] S2103, the component management service determines that the power consumption exceeds threshold 3.

[0474] S2104, the component management service freezes the component.

[0475] In some embodiments, the component management service obtains the power consumption situation generated in the component animation display process according to the power consumption information. When the power consumption exceeds threshold 3, the component management service determines that the display of the component animation needs to be adjusted to reduce the power consumption.

[0476] Optionally, the component management service can reduce the power consumption generated by displaying component animations by freezing the component (as in measure 3). Alternatively, the component management service can directly instruct the component user (or component provider) to stop displaying component animations.

[0477] Thus, when component animation displays result in high power consumption, electronic devices can reduce power consumption and avoid affecting the implementation of other functions by freezing the components.

[0478] In some other examples, Figure 22 illustrates how, in scenarios where component animations display abnormally due to high heat, electronic devices can adjust the display of component animations using measure 4. As shown in Figure 22, this process includes the following steps:

[0479] S2201, The component management service sends a heat information acquisition request to the thermal management service.

[0480] S2202, The thermal management service sends heat information to the component management service.

[0481] In some embodiments, as described in step S1804 above, after adding a component, the component management service can create a mapping relationship between the component user and the component provider, and manage this mapping relationship. Based on the management of this mapping relationship, when a component animation is displayed, the component user can notify the component management service of the component animation display event. Then, in response to the addition of a component, or in response to the display of a component animation, the component management service can register a heat information acquisition request with the thermal management service.

[0482] Accordingly, in response to the heat information acquisition request, the thermal management service sends heat information to the component management service according to a preset cycle. Alternatively, when the heat generated by component dynamics exceeds a certain threshold, the thermal management service proactively sends heat information to the component management service.

[0483] Optionally, thermal information may include, for example, changes in device temperature during the component's dynamic display process.

[0484] S2203, Component Management Service determines that the device temperature exceeds the threshold 4.

[0485] S2204. The component management service determines whether to freeze a component based on resource usage.

[0486] In some embodiments, the component management service obtains the device temperature of the electronic device during the component animation display process based on thermal information. If the device temperature exceeds a threshold of 4, the component management service may determine that the current device temperature is high and adjustments may need to be made to the device's operating functions, such as determining whether adjustments to the component animation display are necessary.

[0487] Optionally, in the case that the resource occupied by the component dynamic effect display is high, it can be determined that the resource occupation can be the cause of the device temperature rise. Therefore, the component management service can reduce the heat generated by the display of the component dynamic effect to reduce the device temperature by freezing the component (as measure 4). Alternatively, the component management service can also directly instruct the component user (or component provider) to stop displaying the component dynamic effect.

[0488] In this way, when the component dynamic effect display causes more heat to be generated, the electronic device can reduce the heat by freezing the component to avoid the device temperature being too high to affect the implementation of other functions or affect the service life of the device.

[0489] In some embodiments, the electronic device can activate the component dynamic effect in response to the user gazing at the component. In this way, the component dynamic effect is displayed when the user is paying attention to the component, avoiding the above-mentioned abnormal scenarios.

[0490] For example, in response to the event of the user gazing at the component, the electronic device starts to display the component dynamic effect.

[0491] For another example, after the component is frozen, in response to the event of the user gazing at the component, the electronic device resumes to display the component dynamic effect.

[0492] For another example, in response to the event of the user gazing at the component, the electronic device starts to display the component dynamic effect with an overflow effect.

[0493] For example, as shown in FIG. 23, the electronic device displays a weather card 231, and in response to the user's gaze on the weather card 231, the electronic device activates the overflow heavy rain dynamic effect and starts to display the overflow heavy rain dynamic effect in the display area 2 corresponding to the weather card 231.

[0494] Optionally, FIG. 24 is a flowchart of another method for displaying a component effect provided in an embodiment of the present application. As shown in FIG. 24, the flowchart includes the following steps:

[0495] In step S2401, the component user detects a user gaze event and obtains a target component corresponding to the user gaze event.

[0496] In some embodiments, the electronic device captures a user face image through a camera, and according to the face image, it can be determined whether the user is gazing at the display screen of the electronic device. In the case that the user is gazing at the display screen of the electronic device, it can be determined that the user gaze event is detected. The electronic device can send the user gaze event to the component user.

[0497] In some embodiments, the electronic device can also determine the user's gaze position using a preset algorithm, thereby identifying the component corresponding to the user's gaze position and designating that component as the target component. After acquiring the target component, the electronic device determines that a user gaze event has been detected and sends the user gaze event to the component user.

[0498] S2402. When the target component is active, the component sends a user gaze event to the component provider using the direction.

[0499] S2403. In response to a user gaze event, the component provider obtains the corresponding animation.

[0500] Optionally, the target component activity state indicates that the target component is displaying component animation.

[0501] In some embodiments, the component user can obtain the state of the target component. When the target component is active, it can send a user gaze event to the component provider to trigger the component provider to provide corresponding animation effects. For example, some component providers configure gaze control functionality, so that in response to the user's gaze, the target component can display corresponding component animation effects to increase interactivity.

[0502] In some embodiments, after detecting a user's gaze at the display screen, the component user may send a corresponding user gaze event to the component user. Subsequently, the component user obtains the duration of the user's gaze, and if the user gazes at the target component for more than a preset duration, it determines that the user has instructed to activate the corresponding animation effect. In this case, the component provider then obtains the corresponding animation effect.

[0503] Thus, when the target component is active, in response to the user's gaze, the electronic device can instruct the target component to display corresponding animation effects, thereby increasing the interactivity of the component's animation effects.

[0504] S2404. When the target component is inactive, the component uses the Directional Component Management Service to send an activation instruction.

[0505] S2405, Component Management Service activates the target component.

[0506] Optionally, the target component's activity state indicates that the target component is not displaying component animations. For example, the target component has not started displaying component animations. Or, the target component is frozen.

[0507] In some embodiments, the component user can obtain the state of the target component. If the target component is inactive, in response to a user gaze event, an activation instruction can be sent to the component management service to activate the target component. Optionally, activating the target component indicates that the component animation should be displayed or continue to be displayed.

[0508] For example, in the abnormal scenario related to FIGS. 20-22 above, the component management service freezes the target component. In response to the user gazing at the target component, the component management service can activate the target component. In this way, in the case where the user does not focus on the target component, the component management service can freeze the target component, avoiding the abnormal scenario caused by the display of the component animation. In the case where the user focuses on the target component, the component management service can activate the component animation, providing a better visual experience for the user and increasing interactivity.

[0509] In this way, in the case where the target component is in the inactive state, in response to the user's gaze, the electronic device can instruct the target component to activate to display the corresponding animation, increasing the interactivity of the component animation.

[0510] Optionally, based on the related content of FIGS. 23 and 24 above, the electronic device can detect whether the user gazes at the display screen. In the case where the user gazes at the display screen, it can be determined that the user has an interaction demand. Then, the electronic device can specify a strategy for the component activation state to time out and enter the component pause state according to the user's gaze.

[0511] For example, in the process of the component being in the activation state, the user gazes at the display screen, indicating that the user has an interaction demand. Then, the component activation state countdown to enter the pause state is not effective.

[0512] For another example, in the process of the component being in the activation state, it is determined that the user does not gaze at the display screen. Then, the component activation state countdown to enter the pause state is effective. If the user still does not re-gaze at the display screen before the countdown ends, the component state is switched from the activation state to the pause state. If the user re-gazes at the display screen before the countdown ends, the countdown stops and the component state continues to remain in the activation state.

[0513] Optionally, the countdown is a preconfigured length of time.

[0514] In some examples, according to the accuracy of the gaze orientation detection capability of the electronic device, the above detection of whether the user gazes at the display screen includes detection of whether the user gazes at the display screen or detection of whether the user gazes at the component, etc. Optionally, the electronic device can determine the granularity of gaze orientation detection according to the accuracy of the gaze orientation detection capability of the electronic device and the current use scenario.

[0515] For example, the granularity of gaze orientation detection is the dimension of the display screen. For another example, the granularity of gaze orientation detection is the display area where the component is located. In this case, the display screen is pre-divided into a plurality of display areas, and the electronic device can determine, through gaze orientation detection, that the display area gazed at by the user is one or several of the plurality of display areas, and further determine the component displayed in the display area gazed at by the user. For another example, the granularity of gaze orientation detection is the component.

[0516] Thus, in a high-power display scenario such as a game animation, the electronic device can determine whether to pause the animation according to the user's interaction intention, meet the user's interaction demand, and reduce the power consumption of the device.

[0517] The above describes various implementation manners of component effect display through multiple embodiments. In the following, the target component is a game card, the component provider is a game application, and the component user is a desktop, which are taken as examples to exemplarily describe the component effect display.

[0518] In some embodiments, the card state includes an inactivated state, an activated state, and a paused state. Alternatively, the inactivated state can also be described as a non-activated state.

[0519] Alternatively, different card states can be converted to each other during the display of the card by the electronic device. For example, the game card is converted from the inactivated state to the activated state in response to a user operation; or the game card is converted from the activated state to the paused state in response to a user operation.

[0520] Alternatively, when the game card is in the inactivated state or the paused state, the display effect of the game card does not overflow, for example, the display area 2 corresponding to the display effect is less than or equal to the display area 1 of the game card. When the game card is in the activated state, the display effect of the game card can overflow, for example, the display area 2 corresponding to the display effect is greater than the display area 1 of the game card.

[0521] Exemplarily, as shown in (a) of FIG. 25, during the addition of the game card, the electronic device displays a card preview page. As shown by the reference numeral 251, the card preview page displays the introduction of the game card to be added subsequently. In response to the operation of adding to the desktop control 252, the electronic device triggers the addition of the game card to the desktop. For example, as shown in (b) of FIG. 25, the electronic device displays the game card 253 on the desktop, and the game card 253 is in the inactivated state. Alternatively, the display content on the game card in the inactivated state is the same as the card preview content displayed on the card preview page during the addition of the game card.

[0522] Subsequently, during the display of the game card 253 in the inactivated state, the electronic device detects the operation of the user on the game card 253, and triggers the switching of the game card 253 to the activated state. As shown in FIG. 26, in response to the triggering of any region in the card, the card state is switched from the inactivated state to the activated state, and the display effect of the activated card can overflow.

[0523] Optionally, based on the above description of the related content shown in FIG. 4, when the game card 253 is in the inactivated state, the electronic device performs component rendering through the component rendering service to display the game card 253 in the inactivated state as shown in (b) of FIG. 25. Then, the electronic device determines that the game card 253 needs to be switched to the activated state, and then the electronic device calls the UIExtension process for component rendering through the game application (such as the component provider) to obtain the UIExtension component, which is used to show the overflow animation of the component. For example, as shown in (c) of FIG. 25, the electronic device displays the game card 253 in the activated state through the UIExtension component, and the game card 253 in the activated state can display the overflow animation, such as that the display area 2 of the overflow animation is larger than the display area 1 of the game card 253.

[0524] For example, the game card displays the game card through a one-card-two-sides display mode, in which the two sides include one side displaying the ordinary card and one side displaying the UIExtension component. For example, in the card preview stage or when the game card is in the inactivated state, the electronic device displays the game card as the ordinary card. For another example, when the game card is in the activated state, the electronic device displays the game card as the UIExtension component.

[0525] Optionally, the electronic device performs game picture rendering through the UIExtension process to display the UIExtension component. The UIExtension component covers the ordinary card, so as to realize the overflow animation visible to the user.

[0526] In some examples, during the process of displaying the game card 253 in the activated state, the user can interact with the game card 253 through the operation in the display area 1 for displaying the game card 253. Optionally, as shown in FIG. 26, the electronic device detects the operation of the user outside the display area 1 for displaying the game card 253, and triggers the defocus of the game card 253; or the electronic device does not detect the operation of the user in the display area 1 for displaying the game card 253 within a preset time (such as 10 seconds, 20 seconds, etc.), such as does not detect the interaction of the user with the game card 253. Then, the electronic device can switch the component state of the game card 253 from the activated state to the paused state.

[0527] Optionally, in response to the game card 253 switching to the pause state, the electronic device acquires a current game screenshot and hides the UIExtension component, so that the UIExtension process enters the background and pauses rendering. Then, as shown in (d) of FIG. 25, the electronic device can display the acquired game screenshot in the display area 1 of the game card 253 by calling the pause state component. During the display of the game screenshot, the game card 253 is in the pause state. As shown in (d) of FIG. 25, the game card 253 in the pause state does not display the overflow effect, thereby avoiding affecting the user's operation on other components on the desktop.

[0528] In some examples, during the display of the game card 253 in the pause state, the electronic device detects a user operation on the game card 253, and the game card 253 can switch back to the active state. For example, as shown in FIG. 26, in response to any region in the card being triggered, the card switches from the pause state to the active state. It should be understood that the any region does not include a region where a preconfigured card function is implemented. That is, the switching of the component state does not affect the original logic implementation of the game card. For example, a preset control is displayed on the original game card, which is used to play music. In response to the user operation on the preset control, the electronic device can play music, without having to switch the component state. Thus, the user's card function implementation is met, and the overflow effect can be presented to the user without having to switch to the active state when the user does not need to play the game. The display of the component effect or the switching of the component state does not affect the original logic of the component, which will not be described below.

[0529] For example, as shown in (d) of FIG. 25, during the display of the game card 253 in the pause state, the electronic device detects a user operation on the game card 253, hides the game screenshot, and displays the UIExtension component, so that the user can see the overflow effect displayed by the game card 253 in the active state as shown in (c) of FIG. 25. After the game card 253 switches to the active state, the UIExtension process returns to the foreground to continue rendering the game screenshot.

[0530] In some examples, the game card can also switch to the inactive state when the game card is in the active state or the pause state. For example, in response to the card game process ending, the electronic device switches the card state of the game card to the inactive state. For example, after the card game process abnormally crashes, the card game process ends, and the game card switches from the active state or the pause state to the inactive state. For another example, when the game card is in the pause state for a long time, such as more than 10 seconds, 20 seconds, or the like, the card game process ends, and the game card switches from the pause state to the inactive state.

[0531] In this way, the electronic device implements one-card two-side display of the game card through the UIExtension process, enriches card display effects, reduces card development difficulty, and increases universality of overflow effect display.

[0532] In addition, through switching of different card states, user usage habit requirements can be met, and interaction flexibility can be increased.

[0533] In some embodiments, the UIExtension component rendered by the UIExtension process corresponds to a game function page, so as to realize presentation of an interactive game experience for a user through card motion effects. Optionally, a main region of a game picture in the UIExtension component is adapted to the display region 1 of the game card, so that a user focus is still on the display region 1 of the game card, thereby standardizing display of an overflow effect.

[0534] The game function page is a function page displayed after a game application is started. Display content of the game function page is designed by a game developer. A main region of a game picture in the UIExtension component is used to display a game picture main body, and the game picture main body is defined by the game developer.

[0535] Optionally, the UIExtension component implements an overflow display effect, and the UIExtension component can be displayed full screen, so as to realize full-screen card overflow motion effect display. Optionally, the full-screen card overflow motion effect corresponds to a game function page displayed full screen after the game application is started.

[0536] For example, as shown in FIG. 27, a component provider (such as a game application) renders a UIExtension component through a UIExtension process, and a main region 271 of a game picture in the UIExtension component is matched with a display region 1 of a game card 253 on a component user side (such as a desktop).

[0537] In some examples, as shown in the scenario of FIG. 25, during display of the game card 253 in the inactivated state, the electronic device detects a user operation on the game card 253, and sends card information to the UIExtension process, where the card information includes, for example, size information, corner information, and the like of the game card 253. Then, after obtaining the card information, the UIExtension process can render the UIExtension component according to the card information, so that the main area of the game picture in the UIExtension component is adapted to the display area 1 of the game card. For example, according to a preconfigured matching rule, during the rendering process, the UIExtension process renders the main area of the game picture to the center position of the game function page according to the card information. In this way, subsequently, after obtaining the UIExtension component, the desktop can overlay the center position of the UIExtension component on the display area 1 of the game card 253, thereby realizing the overflow effect display of the game card 253.

[0538] For example, as shown in FIG. 28, in response to the user operation on the game card 253, the game card 253 switches to the activated state, and the desktop overlays the center position of the UIExtension component sent by the UIExtension process on the display area 1 of the game card 253. Since the UIExtension process has rendered the main area of the game picture according to the card information during the rendering of the UIExtension component, the main area of the game picture is matched with the display area 1 of the game card 253, thereby meeting the requirement of displaying the main game on the corresponding position of the game card 253.

[0539] However, it can be seen that, since the UIExtension process renders the main area of the game picture to the center position of the game function page by default, in the case where the game card is not displayed in the center area on the desktop, the problem of mismatched effect display in the area outside the game card 253 can occur.

[0540] For example, as shown in FIG. 28, after the desktop displays the game card 253 in a lower position, the center position of the UIExtension component is matched with the display area 1 of the game card 253, the UIExtension component is overall lowered, and part of the display content can need to be cropped to realize the overflow effect display, but the cropped content can affect the overflow effect display effect. For another example, as shown in FIG. 29, after the desktop displays the game card 253 in an upper position, the center position of the UIExtension component is matched with the display area 1 of the game card 253, the UIExtension component is overall raised, and part of the display content can need to be cropped to realize the overflow effect display, but the cropped content can affect the overflow effect display effect.

[0541] In some other examples, as shown in the scenario of FIG. 25, the electronic device detects the user operation on the game card 253 during the display of the game card 253 in the inactive state, and sends card information to the UIExtension process, where the card information includes, for example, position information, size information, and corner information of the game card 253. Then, the UIExtension process can render the UIExtension component according to the card information after obtaining the card information, so that the main area of the game screen in the UIExtension component is adapted to the display area 1 of the game card. In addition, the UIExtension process can also adjust the position of the main area of the game screen in the UIExtension component in the game function page according to the position information in the card information, so that the adjusted position matches the position of the game card 253 on the desktop. Subsequently, the desktop can directly overlay the UIExtension component on the desktop after obtaining the UIExtension component, and in this case, the main area of the game screen in the UIExtension component can also be overlaid on the display area 1 of the game card 253 to achieve the overflow effect display of the game card 253, thereby achieving a better overflow effect display effect.

[0542] For example, as shown in FIG. 30, the game card 253 switches to the active state in response to the user operation on the game card 253. In response to the position information indicating that the display position of the game card 253 on the desktop is downward, the UIExtension process adjusts the main area 271 of the game screen downward to the corresponding position indicated by the position information during the rendering process. Subsequently, the desktop directly overlays the UIExtension component on the desktop after obtaining the UIExtension component, which can also display the game main body in the original display area 1 of the game card 253 to meet the user's operation demand.

[0543] For another example, as shown in FIG. 31, the game card 253 switches to the active state in response to the user operation on the game card 253. In response to the position information indicating that the display position of the game card 253 on the desktop is upward, the UIExtension process adjusts the main area 271 of the game screen upward to the corresponding position indicated by the position information during the rendering process. Subsequently, the desktop directly overlays the UIExtension component on the desktop after obtaining the UIExtension component, which can also display the game main body in the original display area 1 of the game card 253 to meet the user's operation demand.

[0544] In this way, by obtaining the position information of the game card, the UIExtension process can enable the main area of the game picture in the rendered UIExtension component to maintain a relatively fixed relationship with the display screen of the electronic device, and the main area of the game picture can be adjusted in time to follow the position change of the game card on the desktop, so that the main area of the game picture is aligned with the display area 1, and a better display effect is presented to the user.

[0545] In some embodiments, for the identification of the main area of the game picture, the electronic device can perform image recognition according to the size information of the rounded rectangle (or other standard shape) of the display area 1 of the game card. Alternatively, the electronic device can also distinguish the main area of the game picture and the overflow part through special-shaped cropping.

[0546] For example, as shown in (a) of FIG. 32, the display area 1 of the game card displayed by the electronic device is a rounded rectangle, and the UIExtension process obtains the card information of the display area 1 of the game card. Then, as shown in (b) of FIG. 32, the electronic device can also crop the main area of the game picture according to the game picture and the card information, so as to achieve better subsequent display and interaction effect.

[0547] In some embodiments, after obtaining the display area 1 for displaying the card, the electronic device can obtain the display area 2 for displaying the overflow picture of the user based on the display area 1. Based on the related content described above in FIG. 32, the display area 2 can be a regular shape or an irregular shape.

[0548] Exemplarily, as shown in (a) of FIG. 33, the electronic device displays a card, and a display area 331 is used to display the card. Subsequently, in response to a component motion effect display event, as shown in (b) of FIG. 33, the card size is enlarged, a display area 332 is obtained, and the sub-components of the original card are displayed in the display area 332, and the display positions of the sub-components can be adapted to the display area 332, so as to achieve the display effect of overflowing the original display area 331. Alternatively, in response to a component motion effect display event, as shown in (c) of FIG. 33, the card size is not changed, and part of the sub-components move out of the area range of the display area 331, so that the obtained enlarged display area includes the union of the display area 331 and a rectangular overflow area 333, and the overflow display effect can also be achieved. In this case, the transparency of the display area of the rectangular overflow area 333 except the display area occupied by the overflow sub-components is greater than a preset threshold (such as 95% or the like), so that the transparency is used to avoid the problem of blocking and the like. Alternatively, in response to a component motion effect display event, as shown in (d) of FIG. 33, the card size is not changed, and part of the sub-components move out of the area range of the display area 331, so that the obtained enlarged display area includes the union of the display area 331 and a special-shaped display area 334 adapted to the outer edge of the overflow sub-components, and the overflow display effect can also be achieved.

[0549] In this way, the display area 2 is flexibly determined in various ways, and the flexibility of the overflow effect display is increased.

[0550] FIG. 34 is a flow diagram of another component effect display method provided by the embodiments of the present application. It should be noted that the method is not limited to the specific order described in FIG. 34 and the following, and it should be understood that in other embodiments, the order of some steps of the method can be exchanged according to actual needs, or some steps can be omitted or deleted. The method includes the following steps:

[0551] S3401, the electronic device displays a first picture of a first component. The first picture occupies a first display area on the display interface.

[0552] The first picture includes static picture content and / or dynamic picture content.

[0553] Exemplarily, the electronic device responds to a user operation to determine that the first component (such as a card component) needs to be added to the desktop. Then, the electronic device obtains a display area 1 for displaying the first component. Subsequently, the electronic device displays a first picture of the first component in the display area 1, and the first display area occupied by the first picture is part or all of the display area 1.

[0554] S3402. In response to the first trigger event, the electronic device refreshes the first screen to a second screen. The second screen is different from the first screen, the second screen occupies a second display area on the display interface, the second display area includes a region on the display interface that is different from the first display area, and the second screen includes static screen content and / or dynamic screen content.

[0555] In some embodiments, the second screen includes artificial intelligence generated content.

[0556] For example, as described above in step S1704, the electronic device can obtain the dynamic effect display content, such as part or all of the second screen, through the AIGC module. In this way, the electronic device obtains more rich component dynamic effect display content through the AIGC module, and provides more vivid and personalized dynamic effect display experience for the user.

[0557] In some embodiments, the content source of the second screen includes the electronic device and / or a server.

[0558] For example, the screen content of the second screen can be the existing screen content in the first screen, or the screen content related to the existing screen content in the first screen.

[0559] Optionally, the second display area includes a region on the display interface that is different from the first display area, for example, to achieve the overflow display effect of the second screen.

[0560] Optionally, the static screen content of the second screen can be used to achieve the static display effect of the component. The dynamic screen content of the second screen can be used to achieve the dynamic display effect of the component, such as dynamic effect.

[0561] Optionally, all the content of the second screen can belong to the layer to which the content of the first screen belongs. In this way, the electronic device does not need to increase a new layer to achieve the display of the second screen.

[0562] Optionally, the second screen can belong to the window (such as the desktop window) to which the first screen belongs. In this way, the electronic device does not need to increase a new window to achieve the display of the second screen.

[0563] In some embodiments, the first trigger event includes at least one of the following events: a user operation event acting on the first component; a user gaze event acting on the first component; an event occurring in the application corresponding to the first component that triggers the refresh of the component screen; an event indicating that the current time reaches a preset time.

[0564] For example, in a process of displaying a game card, the electronic device can trigger the electronic device to refresh the first screen of the game card to a second screen in response to a user operation on the game card, and the second screen can overflow the first display area originally occupied by the first screen.

[0565] For another example, in a process of displaying a game card, the electronic device detects a user gaze event and determines that the target component corresponding to the gaze event is the game card. Then, the electronic device can activate the game card and display the second screen content corresponding to the game card. The specific content of the first trigger event can refer to the related content described above with reference to FIG. 23 or FIG. 24.

[0566] For another example, the electronic device displays a weather card, and in response to a weather change event, the electronic device can trigger the screen of the weather card to be refreshed. For example, as shown in FIG. 8, in response to a rainfall event, the electronic device can refresh and display a second screen, which for example includes raindrops overflowing the original display area of the weather card.

[0567] For another example, the electronic device adds a schedule in a calendar application according to a user operation, and obtains a preset time corresponding to the schedule. Then, in response to the arrival of the preset time, the electronic device can trigger the display of a schedule animation (such as a second screen) corresponding to the calendar card.

[0568] In this way, through various trigger events, the screen corresponding to the component is triggered to be refreshed, and the flexibility of the display of the component effect is increased.

[0569] In some embodiments, the second screen is used to present one or more of the following visual effects of the first screen content: an effect of moving from inside the first display area to outside the first display area. An effect of stretching from inside the first display area to outside the first display area. An effect of moving from outside the first display area to inside the first display area. An effect of stretching from outside the first display area to inside the first display area.

[0570] In this way, by changing the first screen content from inside the first display area to the second screen, a more coherent component effect display experience is provided for the user.

[0571] In some embodiments, before the first screen is refreshed to the second screen, the first screen can be enlarged first. Accordingly, the first display area is a display area occupied by the enlarged first screen.

[0572] In this way, a more diverse component effect triggering and display process is achieved.

[0573] In some embodiments, the second display area further includes part or all of the first display area.

[0574] Exemplarily, as shown in (a) of FIG. 33, the first display area occupied by the first picture on the display interface is display area 331; as shown in (b) of FIG. 33, the electronic device determines, according to the first page information of the current display interface, display area 332 for displaying the second picture. The second display area occupied by the second picture can be part or all of the display area 332. Moreover, the second display area occupied by the second picture includes part or all of the first display area. For example, the second picture includes the original first picture and the semicircular picture beyond the original first display area, that is, the second display area occupied by the second picture is a special-shaped area. Then, the second display area includes all of the first display area, and the second display area occupies part of the display area 332. For another example, through transparency adjustment, the second picture includes the original first picture and the semicircular picture beyond the original first display area, which are visible to the user, and the picture (such as transparency of 100%) in the display area 332, which is invisible to the user. Then, the second display area includes all of the first display area, and the second display area occupies all of the display area 332.

[0575] In some embodiments, the second picture includes one or more of the following: dynamic picture content displayed with dynamic effects on the static picture content in the first picture; static picture content newly added on the first picture; and dynamic picture content newly added on the first picture.

[0576] In some examples, the second picture can further include part or all of the picture content of the first picture.

[0577] In this way, the second picture is displayed based on refreshing of the first picture, the continuity of picture refreshing is increased, and the visual experience of the user is improved.

[0578] In some embodiments, the second picture can be displayed by the first component.

[0579] In some examples, the display mode of the second picture includes one or any combination of the following modes: a sub-component is newly added in the first component, and the newly added sub-component displays the newly added picture content in the second picture; the original sub-component in the first component displays the newly added picture content in the second picture; and the original sub-component in the first component displays the dynamic picture content in the second picture, which is displayed with dynamic effects on the static picture content in the first picture.

[0580] Optionally, the newly added sub-component can be located at the uppermost layer of each sub-component of the first component. Optionally, the newly added sub-component still belongs to the first component, such as being located in the same layer or window as the first component.

[0581] Exemplarily, as shown in (a) of FIG. 9C, the electronic device displays a desktop, and the desktop displays a weather card 92. In response to obtaining that the current weather is cloudy, the weather card 92 displays a corresponding cloud picture. Subsequently, in response to obtaining that the weather changes to thunder shower, a lightning and raindrop component can be added to display a thunder shower picture as shown in (b) of FIG. 9C, which adds the picture content of lightning and raindrop to the thunder shower picture compared with the cloudy picture. The added lightning and raindrop component is located at the uppermost layer of each sub-component of the weather card (such as the first component), thereby realizing the display effect of overlaying.

[0582] In this way, the electronic device realizes the display of the component effect through the sub-component of the first component, without creating a layer or a window, thereby reducing the difficulty of displaying the component effect.

[0583] In some embodiments, refreshing the first picture to the second picture includes: displaying, by a second component corresponding to the first component, the second picture.

[0584] Optionally, the first component is, for example, a card component, and the second component is, for example, a user interface extension component (UIExtension component). Optionally, the display effect of “one card with two sides” of the card is realized through the card component and the UIExtension component, as described above.

[0585] Optionally, the display area of the second component on the display interface is a second display area.

[0586] In some examples, refreshing the first picture to the second picture includes: starting a second process of a second application to obtain a second picture rendered by the second process to be displayed in the second component.

[0587] Optionally, the second application is an application corresponding to the second component.

[0588] Optionally, the second component covers the first component.

[0589] Optionally, the second picture is a game picture of a first game, and the second application is a game application running the first game or a game engine used to load and run the first game.

[0590] Exemplarily, as shown in FIG. 35, based on the current card framework, the card component (which can also be described as a common card) is supported to be bound with extended game content by the developer, and the card management process such as adding, moving and deleting the common card desktop is reused. For example, the card management service can obtain the relationship configuration information of the card component and the UIExtension component established by the card provider.

[0591] And, when the user clicks the normal card, support activating loading game content and performing game interaction. Among them, the game content developer side provides through a user interface extension component ability (UIExtensionAbility), and the desktop loads, displays the content through a UIExtensionComponent component, and manages the game content state and the UIExtensionAbility life cycle. For example, after loading the game content provided by the fast game UIExtensionAbility, the card provider can configure the association between the associated component card and the fast game. In this way, in the subsequent process of displaying the card component based on the content obtained from the card provider, in response to the card component activation, the UIExtension component (such as including game content) can be obtained through the game engine, and the display of the original card component is covered, so as to realize the overflow display effect. And, the desktop can also switch to display the component card according to the user operation, that is, switch to display the non-activated card, and realize dynamic control of the overflow effect.

[0592] Among them, the fast game is a kind of fast application, and the fast application is a kind of lightweight application, which is usually quickly loaded on an electronic device, provides a simple use experience, and can be accessed by a user without installation. The fast application usually has a small size and a fast start time, and is suitable for quick entertainment or information acquisition.

[0593] It should be understood that the division of each module shown in FIG. 35 is only an example, and in some examples, each module can also be combined or split. For example, the card provider can also include the UIExtension component framework, so that the card provider loads the UIExtension component framework through the game engine, and the display of the UIExtension component by the desktop can be triggered. For another example, the card provider can also directly include the UIExtension component framework and the game engine, so that the card provider can not only provide the card component content, but also provide the game content of the UIExtension component, that is, the game engine loads the game content in the component provider.

[0594] In this way, the UIExtension component is loaded through the second application, and the processing difficulty of the component effect display is reduced.

[0595] In some embodiments, the second display area can be part or all of the displayable area set by the application (such as a desktop application) to which the display interface belongs. Optionally, the displayable area can be set by setting the parameters (such as the clipping attribute parameter, the area position parameter, and the area size parameter) of the first container. Optionally, the first container can be a component (such as a first component or a second component) that displays the second picture or a parent container of the component.

[0596] In some examples, the container component has a container clipping function as described above, which clips the content beyond the display area of the container of the component, so that the user can see the display content within the container and cannot see the display content outside the container. For example, the container component is configured with a clip attribute. When the clip attribute is true, it means clipping. Then, the container component clips according to its own size, and if the display area of the child component of the container component exceeds the size, the exceeding part is clipped. When the clip attribute is false, it means no clipping.

[0597] Optionally, the size of the container component can be adjusted by setting the width and height. Optionally, the electronic device can also obtain the position coordinates of the display area of the container component.

[0598] In some examples, the electronic device can constrain the display area of the component (such as the first component or the second component) through the first container. For example, the first container is the component itself or the parent container of the component. Alternatively, there is at least one container between the first container and the component, that is, the first container can also be an ancestor container above the parent container of the component.

[0599] For example, in response to the first trigger event, the electronic device determines to overflow display the second screen corresponding to the first component. Then, the electronic device obtains the first container corresponding to the first component. The electronic device sets the clip attribute of the first container to false, so that the first container no longer limits the overflow range of the second screen, for example, the electronic device can display the second screen in full screen. Optionally, in the case of meeting the overflow recovery event, the electronic device can set the clip attribute of the first container to true, so as to avoid the screen corresponding to the first component from overflowing, such as displaying the first screen in the first display area. For example, the overflow recovery event includes reaching a preset display time length of the second screen, receiving an indication to end the display of the second screen, and the like.

[0600] For another example, in response to the first trigger event, the electronic device determines to overflow display the second screen corresponding to the first component. Then, the electronic device obtains the first container corresponding to the first component. Then, the electronic device can enlarge the size of the first container, so as to display the second screen in the first container after the size is enlarged, to realize the overflow display effect. Subsequently, in response to the overflow recovery event, the electronic device can adjust the first container to the original size for display. For example, when the first trigger event is received, the display size of the first container is 3*3. Then, in response to the first trigger event, the electronic device adjusts the size of the first container to 5*5 to realize the overflow display effect. Subsequently, in response to the overflow recovery event, the electronic device can adjust the size of the first container to 3*3 again.

[0601] In some examples, the first container is a parent container of the first component. By setting the clipping attribute of the parent container, the displayable area of the component (e.g., the actual allowed overflowable area as shown in FIG. 9A) is adjusted. For example, if the clipping attribute of the first container is set to false when the clipping attribute of all ancestor containers of the first container is set to false, the displayable area is the entire display interface. If the clipping attribute of the first container is set to true, the displayable area is the area set by the size parameter of the first container.

[0602] In other examples, the first container can also be a container other than the parent container and the root node of the component (e.g., the first component or the second component). In this case, the premise of setting the displayable area by the first container can be that the clipping attribute of the container other than the first container between the component and the root node is set to false.

[0603] It should be understood that the clipping attribute of the container that only has an impact on the setting of the displayable area of the component in the other containers can be set to false, and the container that has no impact can not be set to false. For example, the area of the root node is the entire display interface of the window, and therefore, whether the clipping attribute of the root node is set to false or not, it generally does not substantially limit the display area of the child node, and therefore, the clipping attribute of the root node can not be set to false.

[0604] For example, in response to the first trigger event, the first application obtains the page information of the current display interface, and obtains the displayable area based on the page information. Then, the first application can send a component effect display request to the desktop. The component effect display request can carry the size information, the position information, the time length information, etc. of the displayable area. For example, the size information and the position information are used to indicate the size and the position of the displayable area, for example, the specific position, or the distance of moving in which direction, or the size of expansion, etc. The time length information includes the display time length of the second picture, for example, short-time display (e.g., 5 seconds), or long-time display (e.g., 10 seconds), or permanent display, etc. Alternatively, the application can also negotiate the information of the displayable area corresponding to the second picture, the display time length, etc. with the desktop in advance. Then, the application can not need to carry these information in the component effect display request sent to the desktop.

[0605] Correspondingly, the desktop can set the clipping attribute of the first container to false or adjust the size of the first container according to the application request. Then, the desktop can obtain the picture content sent by the application and display the second picture corresponding to the picture content in the displayable area. Alternatively, the desktop can also set a countdown according to the time length information carried in the component effect request, and trigger the start of the countdown after starting to display the second picture. Then, at the end of the countdown, the desktop can set the clipping attribute of the first container to true or adjust the size of the first container back to the original size.

[0606] It should be understood that the above process is a cyclic process, and each time the application triggers the display process of the overflow motion effect, the above example process can be referred to. In addition, the display process of the second picture corresponding to the UIExtension component can also refer to the process of the above example, in which the desktop obtains the display content of the second picture from the second application instead of the first application, and the process will not be described again.

[0607] In this way, the dynamic control of the overflow effect is realized through the first container, and the display requirements of the overflow effect are met.

[0608] In some embodiments, in order to avoid abuse of the displayable area, the electronic device can not display the second picture if the transparency of the picture outside the display area of the original first component is lower than a preset threshold after obtaining the second picture to be displayed. Alternatively, the transparency of the picture can be represented by the average value of a plurality of sample pixel points or all pixel points in the picture. Alternatively, the preset threshold is, for example, a value between 0% and 10%, such as 5%. Alternatively, part or all of the display area of the first component is the first display area.

[0609] In this way, the display of other components on the desktop is not seriously affected by the overflow of the component picture, and the user's use is not affected.

[0610] In some embodiments, the first component is a card component (such as a normal card), and the second component is a UIExtension component. The first component and the second component are not displayed at the same time, and the second component covers the display of the first component. Then, the first component and the second component can have their own corresponding first containers, or the first component and the second component can have the same first container.

[0611] For example, the electronic device detects an event that triggers the display of the component motion effect during the display of the first component. The electronic device covers the first component through the second component, thereby realizing the display of the component motion effect. For example, the first picture is refreshed to the second picture.

[0612] Optionally, the first component is a common card component, such as a FormComponent. The first component includes a rendering node component, such as an RSSurfaceNode, through which the first screen is displayed. The second component is an extension component, such as a UIExtension component.

[0613] Optionally, the FormComponent component includes a rendering node component (such as an RSSurfaceNode) and an extension component (such as a UIExtension component), through which the first screen is displayed and the second screen is displayed, respectively. In this implementation, the first component is the rendering node component, and the second component is the extension component.

[0614] In this way, a more flexible component relationship design is achieved.

[0615] In some embodiments, the above embodiments are described by taking the component overflow effect achieved by the first component and the second component as an example. In other examples, the first component and the second component can also achieve a non-overflow display effect. For example, the display area of the first screen corresponding to the first component is the first display area, and the display area of the second screen corresponding to the second component can also be the first display area.

[0616] In this way, the component display method provided by the embodiments of the present application can achieve overflow effect display and non-overflow effect display, and meet various display requirements of users.

[0617] In some embodiments, the second screen includes dynamic screen content. In response to a predetermined condition being met, the electronic device obtains a screenshot of the second component in the first display area. The predetermined condition includes detecting a user operation outside the first display area, or not detecting a user operation within the first display area within a predetermined time. Then, the electronic device stops displaying the second component and displays the screenshot in the first display area.

[0618] In some examples, in response to a first operation of the user within the first display area, the electronic device switches from displaying the screenshot to displaying the second component.

[0619] Optionally, the electronic device can also destroy the second component.

[0620] Exemplarily, as shown in (b) of FIG. 25, the electronic device displays a game card 253 on the desktop, the game card 253 is in an inactivated state, and the electronic device displays a first component, which is a normal card corresponding to the game card 235. Then, the electronic device detects a user operation on the game card 253, triggering the game card 253 to switch to an activated state. As shown in FIG. 26, in response to any region in the card being triggered, the card state is switched from the inactivated state to the activated state, and the display effect of the activated card can overflow. As shown in (c) of FIG. 25, the electronic device displays the game card 253 in the activated state through a UIExtension component (such as a second component), and the game card 253 in the activated state can display an overflow effect, for example, a display area 2 of the overflow effect is larger than a display area 1 of the game card 253. For example, the electronic device covers the first component through the second component. Subsequently, the electronic device detects a user operation outside the display area 1 for displaying the game card 253, triggering the game card 253 to lose focus; or the electronic device does not detect a user operation in the display area 1 for displaying the game card 253 within a preset time (such as 10 seconds, 20 seconds, etc.), such as no user interaction with the game card 253 is detected. Then, the electronic device can switch the component state of the game card 253 from the activated state to a paused state. Alternatively, in response to the game card 253 switching to the paused state, the electronic device obtains a current game screenshot. Then, as shown in (d) of FIG. 25, the electronic device can display the obtained game screenshot in the display area 1 of the game card 253 by calling a paused state component, and in the process of displaying the game screenshot, the game card 253 is in the paused state. As shown in (d) of FIG. 25, the game card 253 in the paused state does not display the overflow effect, thereby avoiding affecting the user's operation on other components on the desktop. Subsequently, the electronic device detects a user operation on the game card 253 in the process of displaying the game card 253 in the paused state, hides the game screenshot, and displays the UIExtension component, so that the user can see the overflow effect displayed by the game card 253 in the activated state as shown in (c) of FIG. 25.

[0621] In this way, the electronic device realizes one card with two sides display of the game card through the UIExtension process, enriches the card display effect, reduces the card development difficulty, and increases the universality of the overflow effect display.

[0622] In addition, through the switching of different card states, the use habit requirements of the user can be met, and the flexibility of interaction is increased.

[0623] In some embodiments, the second screen includes dynamic screen content. In response to a preset condition being met, the electronic device stops displaying the second component, displays the first component in the first display region, and displays the transparency mask overlaid on the first component. The preset condition includes detecting a user operation outside the first display region, or detecting no user operation within the first display region within a preset time.

[0624] In some examples, in response to a first user operation within the first display region, the electronic device switches from displaying the first component and the transparency mask to displaying the second component. Alternatively, in response to a second user operation within the first display region, the transparency mask is removed.

[0625] Optionally, the electronic device can also destroy the second component.

[0626] Optionally, the transparency mask includes, for example, a preset control that can be used to switch the state of the component.

[0627] In this way, the electronic device realizes the pause state of the card through the screenshot or the transparency mask, and reduces the power consumption when the user does not need to operate the card.

[0628] In some embodiments, in response to the second process ending, the electronic device switches from displaying the second component to displaying the first component.

[0629] Optionally, the second process is, for example, a process of a second application, such as a UIExtension process, for triggering the display of a game screen. Optionally, the first process is a process of a first application, for triggering the display of a normal card.

[0630] In this way, after the second process ends, the electronic device can automatically switch back to display the first component, realizing flexible switching of the state of the component.

[0631] In some embodiments, the second screen is a function page in the second application, and a display position of a main screen in the function page on the display interface corresponds to a position of the first display region.

[0632] Optionally, the first positional relationship of the main screen in the second component and the second positional relationship of the first display region on the display interface can be the same or different.

[0633] Optionally, part of the screen content in the screen content other than the main screen in the second screen is fully transparent or semi-transparent. Full transparency refers to a transparency of 100%, and semi-transparency refers to a transparency greater than 0% and less than 100%. For example, the transparency of the part of the screen content can be greater than 50%.

[0634] In some examples, taking the game card scenario as an example, the second picture is a main picture in a game interface of the game application. Optionally, the desktop can obtain the main picture, and thus align the main picture with the first display area.

[0635] In some examples, the UIExtension component rendered by the UIExtension process corresponds to a game function page, so as to realize the game experience of presenting interaction to the user through the card animation effect. Optionally, the main area of the game picture in the UIExtension component is adapted to the display area 1 of the game card, so that the user's focus is still on the display area 1 of the game card, thereby standardizing the display overflow effect.

[0636] For example, the game application and the desktop are configured with a preset rule, and the main picture is displayed at the center of the function page. Thus, subsequently, after the desktop obtains the function page, it only needs to align the center, so as to realize the display of the appropriate second picture.

[0637] Exemplarily, as shown in FIG. 28, in response to the user's operation on the game card 253, the game card 253 switches to the active state, and the desktop covers the center position of the UIExtension component sent by the UIExtension process on the display area 1 of the game card 253. Since the UIExtension process has rendered the main area of the game picture (such as the center area of the function page) according to the card information in the UIExtension component rendering process, the main area of the game picture matches the display area 1 of the game card 253, thereby meeting the requirement of displaying the main game on the corresponding position of the game card 253.

[0638] For another example, the game application can also indicate the position of the main picture during the process of sending the game picture to the desktop, so as to realize the matching of the main picture and the display area 1, and meet the display requirement.

[0639] For another example, the desktop can also indicate the position information of the current display area 1 on the display screen to the game application. Thus, the game application can also adjust the position of the main picture in the function page according to the position information, so as to meet the display requirement.

[0640] Exemplarily, as shown in FIG. 30, in response to the operation of the user on the game card 253, the game card 253 switches to the active state. In this case, in response to the position information indicating that the game card 253 is displayed at a position lower than the desktop, the UIExtension process adjusts the main area 271 of the game picture downward to the corresponding position indicated by the position information during the rendering process. In this way, after the desktop obtains the UIExtension component, the desktop directly covers the UIExtension component on the desktop for display, and the game main body can also be displayed in the display area 1 of the original game card 253 to meet the operation demand of the user.

[0641] Optionally, based on the scenario of matching the main picture and the display area in the example of FIG. 30, the electronic device can separately move the display position of the game card (such as the first component), and match by adaptively adjusting the position of the main picture. Alternatively, the electronic device can also move the first component and the second component, and then needs to move the second component back in the opposite direction, so as to realize the full-screen coverage of the second picture without deviation. For example, the electronic device moves the first component and the second component by a distance of 10 virtual pixels upward, and then needs to move the second component by a distance of 10 virtual pixels downward.

[0642] In this way, by obtaining the position information of the game card, the UIExtension process can make the main area of the game picture in the rendered UIExtension component maintain a relatively fixed relationship with the display screen of the electronic device, and the main area of the game picture can be adjusted in a timely manner following the position change of the game card on the desktop, so that the main area of the game picture is aligned with the display area 1, and a better display effect is adaptively presented to the user.

[0643] In some embodiments, the electronic device obtains first page information of a display interface, the first page information including size information and position information of display areas of a plurality of components on the display interface. Then, the electronic device determines a display area for displaying a second picture according to the first page information.

[0644] Optionally, the first component corresponds to a first application, and the first page information is obtained by the first application and the display area for displaying the second picture is determined according to the first page information.

[0645] Optionally, the second display area can be the determined display area for displaying the second picture, or can be a partial area of the display area for displaying the second picture.

[0646] In this way, the electronic device can obtain the actual allowed overflow range (the display area of the second picture) according to the current display interface, and display the component effect (for example, the second picture) according to the actual allowed overflow range to meet the actual display demand.

[0647] In some examples, the manner in which the electronic device determines the second display region includes any one or a combination of the following manners: setting an edge of the display region for displaying the second picture to ensure that the second picture does not intrude into the display region of other components; setting an edge of the display region for displaying the second picture to ensure that the second picture does not intrude into the display region of the main content of other components; and setting an edge of the display region for displaying the second picture to enable the second picture to cover part or all of a target component in other components.

[0648] For example, the electronic device displays a weather card, and in response to a weather change event, a picture refresh of the weather card can be triggered. For example, as shown in FIG. 8, the electronic device can obtain a display region 2 corresponding to a heavy rain effect according to the position information of the card 73 and the card 74, and display the heavy rain effect in the display region 2 to achieve a display effect in which raindrops fall on the upper edges of the card 73 and the card 74. That is, an edge of the display region for displaying the second picture is set to ensure that the second picture does not intrude into the display region of other components.

[0649] In this way, the electronic device obtains the display region of the second picture according to the display region of other components, thereby avoiding affecting the display of other components.

[0650] For another example, as shown in FIG. 9B, the electronic device obtains page information and obtains the card 73 and the card 74 located around the weather card. The main content of the card 74 is a car logo 91. Then, the electronic device can display a heavy rain effect of the weather card 71 as shown in FIG. 9B according to the upper edge position information of the card 73 and the upper edge position information of the car logo 91. As can be seen, the current heavy rain effect raindrops fall on the upper edge of the car logo 91, which more satisfies the user's expectation of component effect display. That is, an edge of the display region for displaying the second picture is set to ensure that the second picture does not intrude into the display region of the main content of other components.

[0651] In this way, the display of the second picture avoids affecting the display of the main content of other components.

[0652] For another example, as shown in (b) of FIG. 9C, the electronic device displays a second picture corresponding to thunder shower, which covers part of other components. That is, an edge of the display region for displaying the second picture is set to enable the second picture to cover part or all of a target component in other components. Optionally, in the current scenario, the display duration of the second picture can be limited.

[0653] In this way, the electronic device limits the display duration of the second picture that needs to be displayed in a large range, thereby ensuring the display of the second picture while avoiding affecting the display of other content and the use of the user. In this way, the problem of malicious occupation of the display region by some third components can also be avoided.

[0654] In some embodiments, the second picture includes a first sub-picture and a second sub-picture. The first sub-picture is displayed in a first sub-region of a display region for displaying the second picture, and the second sub-picture is displayed in a second sub-region of the display region for displaying the second picture. In response to the first trigger event, refreshing the first picture to the second picture includes: in response to the first trigger event, the first application corresponding to the first component acquires first page information of the display interface, the first page information including size information and position information of a plurality of components on the display interface. The first application determines the first sub-region and a target component adjacent to the first component according to the first page information, and triggers the first sub-picture to be displayed in the first sub-region. The first application sends a linkage effect indication to a target application corresponding to the target component. The target application determines the second sub-region according to the linkage effect indication and triggers the second sub-picture to be displayed in the second sub-region.

[0655] Optionally, the first application can indicate to the target application the display duration of the linkage effect and the like. Optionally, the first application can determine the display range required by the linkage effect, so as to acquire the target application requiring linkage according to the first page information, and the target component of the target application is displayed in the display range required by the linkage effect.

[0656] In some examples, the display of the linkage effect can be triggered by the first application, or by the target application corresponding to the component requiring linkage.

[0657] For example, when the electronic device determines that the linkage effect needs to be displayed, the electronic device can acquire the components involved in the linkage effect. The components involved in the linkage effect include the component provider corresponding to the target component requiring display of the component effect, and the component provider corresponding to the target component can send a linkage effect indication to the component providers of other components involved in the linkage effect, the linkage effect indication being used to instruct the other components to display the linkage effect. In this way, through the cooperation of the target component and the other components, the electronic device can display the linkage effect.

[0658] For example, as shown in (a) of FIG. 13, the electronic device displays a card 131, and in response to a component effect display event, the electronic device displays a component effect in a display region 1 of the card 131. Alternatively, as shown in (b) of FIG. 13, in response to the component effect display event, the electronic device displays the process of the overflow effect (such as the eye effect displayed on the card 131 and the lightning effect exceeding the display region 1) according to the page information (such as the process of displaying the first sub-picture), and also displays the corresponding effect (such as the second sub-picture) on other components around the card 131, presenting an interactive effect and further enhancing the interest of the component effect display.

[0659] In this way, the electronic device presents the linkage effect in the vicinity of the target component and other components around the target component according to the page information, increases the interest of the component effect display, and improves the user experience.

[0660] In some embodiments, during the display of the second screen, the display interface further includes a third screen of a third component, and the third screen occupies a third display area on the display interface. Then, in response to a second trigger event, the electronic device refreshes the third screen to a fourth screen. The fourth screen is different from the third screen, the fourth screen occupies a fourth display area on the display interface, the fourth display area includes a region on the display interface different from the third display area, and the fourth screen includes static screen content and / or dynamic screen content.

[0661] In some examples, when the fourth screen is started to be displayed, the second screen is refreshed to the first screen.

[0662] In other examples, the second display area is a display area within the safety range corresponding to the first display area. Then, during the display of the fourth screen, the electronic device keeps displaying the second screen on the display interface.

[0663] Optionally, as shown in FIG. 35, the desktop can further configure a conflict resolution strategy to avoid conflicts between dynamic effect screens corresponding to different components.

[0664] For example, as shown in scenario (c) of FIG. 9C, the electronic device periodically displays a lightning effect (such as a second screen) of the weather card 92, which is a large-scale overflow 3D effect as shown in (b) of FIG. 9C. In response to the user activating the operation of the game card 95, the electronic device displays a component effect (such as a fourth screen) of the game card 95. Then, during the display of the component effect of the game card 95, the electronic device stops the periodically displayed lightning effect of the weather card 92. In this way, the consumption of the power efficiency of the electronic device is reduced, and the display conflicts between different effects are avoided.

[0665] For another example, as shown in scenario (c) of FIG. 9C, during the display of the component effect (such as a fourth screen) of the game card 95, the electronic device still displays a 2D effect (such as a second screen) of the cloud and rain in the safety range corresponding to the weather card 92. The display of the 2D effect consumes less power, and the display effect is ensured while the consumption of the power is reduced. In addition, even if the second screen within the safety range is a 3D effect, it can also be displayed. Through the safety range, the display effect of the effect is ensured.

[0666] In some embodiments, the second picture comprises dynamic picture content. In a case where a first event occurs, the electronic device controls display of the second picture in a first manner. The first event comprises at least one of the following: resource occupation corresponding to the second picture exceeds a first resource limit; system resources of the electronic device are insufficient; power consumption corresponding to the second picture exceeds a power consumption threshold; and a device temperature of the electronic device exceeds a temperature threshold. The first manner comprises at least one of the following: reducing display quality of the second picture; stopping display of the second picture; and releasing component resources corresponding to the second picture.

[0667] Optionally, the display of the second picture is stopped, for example, the first component is frozen.

[0668] In some examples, the electronic device maintains display of dynamic picture content, which requires resource occupation, power consumption, and heat generation, and can affect implementation of other functions of the electronic device. Then, the electronic device can measure resource occupation, power consumption, and heat generation of the dynamic picture content, and determine that an abnormal scenario is currently present in a case where certain conditions are met, and adjust display of the dynamic picture content to release resources, reduce power consumption, and reduce heat generation.

[0669] In some embodiments, during display of the second picture, the electronic device starts a preset time length countdown in a case where a user gaze event is not detected. The electronic device detects the user gaze event before the preset time length countdown ends, and stops the preset time length countdown. The electronic device does not detect the user gaze event before the preset time length countdown ends, and pauses display of the second picture when the preset time length countdown ends.

[0670] Optionally, the countdown is a preconfigured time length.

[0671] In this way, in a high-power-consumption display scenario such as a game effect, the electronic device can determine whether the game effect needs to be paused according to the user's interaction intention, meet the user's interaction demand, and reduce device power consumption.

[0672] In some embodiments, in response to the first trigger event, refreshing the first picture to the second picture comprises: in response to the first trigger event, obtaining a first overflow parameter of the preconfigured second picture.

[0673] In a case where the application corresponding to the second picture is a system application, the first picture is refreshed to the second picture according to a second overflow parameter corresponding to the first overflow parameter; the second overflow parameter is less than or equal to the first overflow parameter, and the second overflow parameter is not greater than a first control overflow parameter. Optionally, when the first overflow parameter is greater than the first control overflow parameter, the first control overflow parameter is taken as the second overflow parameter.

[0674] And / or, in a case where the application corresponding to the second screen is a three-party application, the first screen is refreshed as the second screen according to a third overflow parameter corresponding to the first overflow parameter; the third overflow parameter is less than or equal to the first overflow parameter, and the third overflow parameter is not greater than the second control overflow parameter. Optionally, when the third overflow parameter is greater than the second control overflow parameter, the second control overflow parameter is taken as the third overflow parameter.

[0675] Optionally, the second control overflow parameter is less than the first control overflow parameter.

[0676] Optionally, the first overflow parameter includes one or more of the following: an overflow range, an overflow duration, and an overflow frequency.

[0677] Exemplarily, the control strength of the overflow screen corresponding to the three-party application is greater than or equal to the control strength of the overflow screen of the system application.

[0678] In this way, the system realizes more reasonable and effective control of the overflow effect.

[0679] In some embodiments, the above describes various scenarios of the component effect implementation, based on the content described in the above embodiments, in some examples, the component configuration parameter can include a plurality of configuration items, so as to facilitate the component user to determine the configuration information of the component provider. Optionally, the configuration item includes one or more of the following, for example: a component type, a resource configuration item, an always active configuration item, a gesture type to be disabled, and the like.

[0680] Optionally, the component type includes an interaction type and an effect type, for example. The interaction type component type is used to indicate that the component can realize interaction with the user during the effect display process. For example, in a case where the component type of the first component is the interaction type, the second screen is used to respond to the interaction event. For example, the game card can realize interaction with the user through the touch focus or gesture included in the effect screen during the display of the effect. The effect type component type is used to indicate that the component can realize display of the effect, but cannot be interacted. For example, the weather card can display the effect corresponding to the current weather, but cannot interact with the user.

[0681] Optionally, the resource configuration item is used to indicate the package name or the ability name of the resource for obtaining the display of the second screen, and the resource configuration items corresponding to different component types are different. For example, the resource configuration item corresponding to the interaction type component type includes the package name of the component provider, and the resource configuration item corresponding to the effect type component type includes the specific extension ability name of the component provider.

[0682] Optionally, the always active configuration item is used to indicate whether the component is allowed to be always active. For example, the always active configuration item is used to configure whether the second screen is allowed to be displayed for a long time. For example, the component in the electronic device which is not sensitive to power consumption can be set to yes. In this way, the electronic device can always set the component to be active when displaying the component, and in this case, the component animation can be displayed for a long time. The long-time display can be a display that exceeds a preset time length. For example, a display that exceeds 10 minutes is considered a long-time display. Alternatively, the long-time display includes a display during the screen-on period after the electronic device is unlocked. The screen-on time length can be set according to the system or user-defined setting. For example, the screen-on time length indicates the time length after which the electronic device automatically enters sleep state when no user operation is detected. For example, the screen-on time length is 5 minutes, 10 minutes, or permanent.

[0683] Optionally, the disabled gesture type item is used to configure the disabled gesture during the display of the second screen. The disabled gesture type is used to avoid the interaction gesture between the user and the component animation from conflicting with the original gesture of the electronic device during the process in which the component is active. Therefore, the disabled gesture in the original gesture of the electronic device is set during the process in which the component is active by using the disabled gesture type. For example, during the process in which the game card is active, the user can interact with the game card animation by using a gesture. Then, the disabled gesture type corresponding to the game card includes the desktop gestures that need to be shielded, such as the slide page turning gesture and the slide search gesture.

[0684] In this way, the configuration items of the component help the component user to determine how to better use the component.

[0685] In some embodiments, the developer configures the component shape and opens the component shape to other third-party applications. In this way, the component animation developed by the third-party application is prevented from being mismatched with the display requirements of the device.

[0686] For example, the card displayed by the electronic device includes a rounded corner. Then, the developer can add a rounded corner background in the open and extended vertical Ability, for example, the rounded corner background indicates that the card shape is a rounded rectangle, and the size and rounded corner angle of the rounded rectangle, and the like. In this way, the third-party application can directly add card content based on the rounded corner background when designing the card of the third-party application. In this way, the standardization of component design is achieved, and the adaptation degree of subsequent component animation display is improved.

[0687] In some scenarios, multiple embodiments of the present application can be combined, and the combined embodiments can be implemented. Optionally, some operations in the flow of each method embodiment are optionally combined, and / or the order of some operations is optionally changed. Also, the execution order between steps of each flow is only exemplary, and does not constitute a limitation on the execution order between the steps, and other execution orders between the steps can also be used. The described execution order is not intended to indicate that the operations can be performed in only this order. A person of ordinary skill in the art will think of various ways to reorder the operations described herein. In addition, it should be pointed out that the process details related to one embodiment herein are also applicable in a similar manner to other embodiments, or different embodiments can be combined for use.

[0688] In addition, some steps in the method embodiments can be equivalently replaced by other possible steps. Alternatively, some steps in the method embodiments can be optional, and can be deleted in some use scenarios. Alternatively, other possible steps can be added to the method embodiments.

[0689] Also, each method embodiment can be implemented individually, or in combination.

[0690] The component display method provided by the embodiments of the present application is described in detail above in combination with FIGS. 4-35. The electronic device provided by the embodiments of the present application is described in detail below in combination with FIG. 36.

[0691] In a possible design, FIG. 36 is a structural schematic diagram of an electronic device provided by an embodiment of the present application. As shown in FIG. 36, the electronic device 3600 can include a transceiver unit 3601, a processing unit 3602, and a display unit 3603. The electronic device 3600 can be used to implement the functions of the electronic device involved in the above method embodiments.

[0692] Optionally, the transceiver unit 3601 is configured to receive a user operation, for example, to support the electronic device 3600 to perform S3402 in FIG. 34.

[0693] Optionally, the processing unit 3602 is configured to support the electronic device 3600 to perform S3402 in FIG. 34.

[0694] Optionally, the display unit 3603 is configured to support the electronic device 3600 to perform S3401 and S3402 in FIG. 34.

[0695] The transceiving unit can include a receiving unit and a sending unit, can be implemented by a transceiver or a transceiver-related circuit component, and can be a transceiver or a transceiver module. The operations and / or functions of each unit in the electronic device 3600 are respectively used to implement the corresponding flow of the component display method described in the above method embodiments. All related contents of each step described in the above method embodiments can be referred to the function description of the corresponding functional unit, and will not be repeated here for brevity.

[0696] Optionally, the electronic device 3600 shown in FIG. 36 can further include a storage unit (not shown in FIG. 36) having a program or instruction stored therein. When the transceiving unit 3601, the processing unit 3602, and the display unit 3603 execute the program or instruction, the electronic device 3600 shown in FIG. 36 can perform the component display method described in the above method embodiments.

[0697] The technical effects of the electronic device 3600 shown in FIG. 36 can refer to the technical effects of the component display method described in the above method embodiments, which will not be repeated here for brevity.

[0698] In addition to the form of the electronic device 3600, the technical solutions provided in the present application can also be a functional unit or a chip in the electronic device, or a device matched with the electronic device.

[0699] The embodiments of the present application also provide a chip system, including: a processor, the processor is coupled with a memory, the memory is used for storing a program or instruction, when the program or instruction is executed by the processor, the chip system realizes the method in any one of the above method embodiments.

[0700] Optionally, the processor in the chip system can be one or more. The processor can be implemented by hardware or software. When implemented by hardware, the processor can be a logic circuit, an integrated circuit, etc. When implemented by software, the processor can be a general-purpose processor, which realizes by reading software codes stored in the memory.

[0701] Optionally, the memory in the chip system can also be one or more. The memory can be integrated with the processor, or can be separately arranged from the processor, which is not limited in the embodiments of the present application. For example, the memory can be a non-transient processor, such as a read-only memory (ROM), which can be integrated on the same chip as the processor, or can be separately arranged on different chips. The type of the memory and the arrangement of the memory and the processor are not limited in the embodiments of the present application.

[0702] Exemplarily, the chip system can be a field programmable gate array (FPGA), can be an application specific integrated circuit (ASIC), can also be a system on chip (SoC), can also be a central processor unit (CPU), can also be a network processor (NP), can also be a digital signal processor (DSP), can also be a micro controller unit (MCU), can also be a programmable logic device (PLD) or other integrated chip.

[0703] It should be understood that each step in the above method embodiments can be completed by integrated logic circuits of hardware in the processor or instructions in the form of software. The method steps disclosed in combination with the embodiments of the present application can be directly embodied as hardware processor execution, or executed by a combination of hardware and software modules in the processor.

[0704] The embodiments of the present application also provide a computer readable storage medium, which stores a computer program. When the computer program is run on a computer, the computer is caused to execute the above related steps to realize the component effect display method in the above embodiments.

[0705] The embodiments of the present application also provide a computer program product. When the computer program product is run on a computer, the computer is caused to execute the above related steps to realize the component effect display method in the above embodiments.

[0706] In addition, the embodiments of the present application also provide a device. The device can be specifically a component or a module, and the device can include one or more processors and memories connected thereto. The memory is used to store a computer program. When the computer program is executed by the one or more processors, the device executes the component effect display method in the above method embodiments.

[0707] Among them, the device, computer readable storage medium, computer program product or chip provided by the embodiments of the present application are all used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved thereby can refer to the beneficial effects in the corresponding method provided above, which will not be repeated here.

[0708] The steps of methods or algorithms described in connection with the embodiments disclosed herein can be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module can reside in RAM, flash memory, ROM, EPROM, EEPROM, registers, hard disk, a removable media, a CD-ROM, or any other form of storage medium known in the art. An exemplary storage medium is coupled to the processor such that the processor can read information from, and write information to, the storage medium. In the alternative, the storage medium can be integral to the processor. The processor and the storage medium can reside in an ASIC.

[0709] Those skilled in the art can clearly understand the method provided by the above embodiments. For the convenience and brevity of description, only the above division of functional modules is taken as an example. In actual application, the above functions can be completed by different functional modules according to needs; that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. The specific working process of the system, device and unit described above can refer to the corresponding process in the foregoing method embodiments, which will not be repeated here.

[0710] In several embodiments provided in the present application, it should be understood that the disclosed method can be implemented in other ways. The above-described device embodiments are only schematic. For example, the division of the modules or units is only a logical function division, and actual implementation can have another division manner; for example, a plurality of units or components can be combined or integrated into another system, or some features can be ignored or not executed. In addition, the coupling or direct coupling or communication connection between the units shown or discussed can be indirect coupling or communication connection through some interface, module or unit, which can be electrical, mechanical or other forms.

[0711] In addition, each functional unit in each embodiment of the present application can be integrated into one processing unit, or each unit can exist physically, or two or more units can be integrated into one unit. The integrated unit can be realized in the form of hardware or in the form of a software functional unit.

[0712] The computer readable storage medium includes, but is not limited to, any one of the following: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and various media capable of storing program codes.

[0713] The above merely provides the specific implementation of the present application, but the protection scope of the present application is not limited to this. Any change or replacement within the technical scope disclosed by the present application should be covered in the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the protection scope of the claims.

Claims

1. An assembly display method characterized by comprising: The method is applied to an electronic device, and the method comprises: displaying a first picture of a first component, wherein the first picture occupies a first display area on a display interface; in response to a first trigger event, refreshing the first picture into a second picture, wherein the second picture is different from the first picture, the second picture occupies a second display area on the display interface, the second display area comprises a region on the display interface that is different from the first display area, and the second picture comprises static picture content and / or dynamic picture content.

2. The method of claim 1, wherein, The second display area further comprises part or all of the first display area.

3. The method according to claim 1 or 2, characterized in that, The first trigger event comprises at least one of the following events: a user operation event acting on the first component; a user gaze event acting on the first component; an event of triggering component picture refreshing occurring in an application corresponding to the first component; an event for indicating that a current time reaches a preset time.

4. The method according to any of claims 1 to 3, characterized in that, The second picture is used to present one or more of the following visual effects of the first picture content: an effect of moving from inside the first display area to outside the first display area; an effect of stretching from inside the first display area to outside the first display area; an effect of moving from outside the first display area to inside the first display area; an effect of stretching from outside the first display area to inside the first display area.

5. The method according to any one of claims 1 to 4, characterized in that, The second picture comprises one or more of the following contents: dynamic picture content for dynamic effect display using static picture content in the first picture; newly added static picture content on the first picture; newly added dynamic picture content on the first picture.

6. The method of claim 5, wherein, The display mode of the second picture comprises one or any combination of the following modes: adding a sub-component in the first component, and displaying newly added picture content in the second picture by the added sub-component; displaying newly added picture content in the second picture by an original sub-component in the first component; displaying dynamic picture content in the second picture by the original sub-component in the first component, wherein the dynamic picture content is for dynamic effect display using static picture content in the first picture.

7. The method according to any one of claims 1 to 6, characterized in that, The refreshing of the first picture into the second picture comprises: displaying the second picture by a second component corresponding to the first component.

8. The method of claim 7, wherein, The second component covers the first component.

9. The method according to claim 7 or 8, characterized in that, The refreshing of the first picture into the second picture comprises: pulling up a second process of a second application to obtain the second picture rendered by the second process for display in the second component.

10. The method of claim 9, wherein, The second application is an application corresponding to the second component.

11. The method according to claim 9 or 10, characterized in that, The second picture is a game picture of a first game, and the second application is a game application running the first game or a game engine for loading and running the first game.

12. The method according to any one of claims 7-11, characterized in that, The second picture comprises dynamic picture content, and the method further comprises: in response to a preset condition being met, obtaining a screenshot of the second component in the first display area, wherein the preset condition comprises detecting a user operation outside the first display area or not detecting a user operation within the first display area within a preset time. stopping displaying the second component and displaying the screenshot in the first display area.

13. The method according to any one of claims 7-11, characterized in that, The second picture comprises dynamic picture content, and the method further comprises: In response to a preset condition being met, stopping displaying the second component, displaying the first component in the first display area, and displaying a transparency mask superimposed on the first component; wherein the preset condition comprises detecting a user operation outside the first display area or not detecting a user operation within the first display area within a preset time.

14. The method of claim 13, wherein, The method further comprises: In response to a first operation of a user within the first display area, switching from displaying the first component and the transparency mask to displaying the second component; or In response to a second operation of a user within the first display area, removing the transparency mask.

15. The method of any one of claims 9-11, wherein, The method further comprises: In response to the second process ending, switching from displaying the second component to displaying the first component.

16. The method of any one of claims 9-11, wherein, The second picture is a function page in the second application, and a display position of a main picture in the function page on the display interface corresponds to a position of the first display area.

17. The method of any one of claims 1-16, wherein, Before the first picture is refreshed to the second picture, the method further comprises: Obtaining first page information of the display interface, the first page information comprising size information and position information of display areas of a plurality of components on the display interface; According to the first page information, determining a display area for displaying the second picture.

18. The method of claim 17, wherein, The manner of determining the second display area comprises any one or combination of the following manners: Setting an edge of the display area for displaying the second picture to ensure that the second picture does not intrude into a display area of another component; Setting an edge of the display area for displaying the second picture to ensure that the second picture does not intrude into a display area of main content of another component; Setting an edge of the display area for displaying the second picture to achieve that the second picture covers part or all of a target component in another component.

19. The method of any one of claims 1-18, wherein, The second picture comprises a first sub-picture and a second sub-picture, wherein the first sub-picture is displayed in a first sub-area of the display area for displaying the second picture, and the second sub-picture is displayed in a second sub-area of the display area for displaying the second picture. The first picture is refreshed to the second picture in response to a first trigger event, comprising: In response to the first trigger event, a first application corresponding to the first component obtains first page information of the display interface, the first page information comprising size information and position information of a plurality of components on the display interface; The first application determines the first sub-area and a target component adjacent to the first component according to the first page information, and triggers the first sub-picture to be displayed in the first sub-area; The first application sends a linkage effect instruction to a target application corresponding to the target component; The target application determines the second sub-area according to the linkage effect instruction and triggers the second sub-picture to be displayed in the second sub-area.

20. The method of any one of claims 1-19, wherein, In a process of displaying the second picture, the display interface further comprises a third picture of a third component, and the third picture occupies a third display area on the display interface; and the method further comprises: In response to a second trigger event, the third picture is refreshed as a fourth picture, wherein the fourth picture is different from the third picture, the fourth picture occupies a fourth display area on the display interface, the fourth display area comprises an area on the display interface different from the third display area, and the fourth picture comprises static picture content and / or dynamic picture content.

21. The method of claim 20, wherein, The method further comprises: When starting to display the fourth picture, the second picture is refreshed as the first picture.

22. The method of claim 20 or 21, wherein, The second display area is a display area within a safety range corresponding to the first display area, and the method further comprises: In a process of displaying the fourth picture, the second picture is kept displayed on the display interface.

23. The method of any one of claims 1-22, wherein, The second picture comprises dynamic picture content, and the method further comprises: In a case where a first event occurs, display of the second picture is controlled in a first manner; The first event comprises at least one of the following events: Resource occupation of the second picture exceeds a first resource limit; System resources of the electronic device are insufficient; Power consumption of the second picture exceeds a power consumption threshold; A device temperature of the electronic device exceeds a temperature threshold; The first manner comprises: Reducing display quality of the second picture; Stopping display of the second picture; Releasing component resources corresponding to the second picture.

24. The method of any one of claims 1-23, wherein, The second picture comprises artificial intelligence generated content.

25. The method of any one of claims 1-24, wherein, A content source of the second picture comprises the electronic device and / or a server.

26. The method of any one of claims 1-25, wherein, The method further comprises: In a process of displaying the second picture, a preset time length countdown is started in a case where no user gaze event is detected; Before the preset time length countdown ends, a user gaze event is detected, and the preset time length countdown is stopped; Before the preset time length countdown ends, no user gaze event is detected, and display of the second picture is paused when the countdown ends.

27. The method of any one of claims 1-26, wherein, The configuration item of the first component comprises one or more of the following: a component type, a resource configuration item, an always-activated configuration item, and a disabled gesture type.

28. The method of claim 27, wherein The component type comprises an interactive type or a dynamic effect type; and in a case where the component type of the first component is the interactive type, the second picture is used to respond to an interactive event. The resource configuration item is used to indicate a package name or a capability name of a resource used to display the second picture. The always-activated configuration item is used to configure whether to allow the second picture to be displayed for a long time. The disabled gesture type is used to configure a disabled gesture in a process of displaying the second picture.

29. The method of any one of claims 1-28, wherein, The refreshing the first picture as the second picture in response to the first trigger event comprises: In response to the first trigger event, a first overflow parameter of the second picture is obtained from pre-configuration. In a case where the application corresponding to the second picture is a system application, the first picture is refreshed as the second picture according to a second overflow parameter corresponding to the first overflow parameter; the second overflow parameter is less than or equal to the first overflow parameter, and the second overflow parameter is not greater than a first control overflow parameter. In a case where the application corresponding to the second picture is a three-party application, the first picture is refreshed as the second picture according to a third overflow parameter corresponding to the first overflow parameter; the third overflow parameter is less than or equal to the first overflow parameter, and the third overflow parameter is not greater than a second control overflow parameter. The second control overflow parameter is less than the first control overflow parameter.

30. The method of claim 29, wherein, The first overflow parameter includes one or more of the following: an overflow range, an overflow duration, and an overflow frequency.

31. An electronic device, comprising: The method comprises: A processor, a memory, and a display screen, the memory and the display screen being coupled with the processor, the memory being configured to store computer program code, the computer program code including computer instructions, when the processor reads the computer instructions from the memory, the electronic device executes the method according to any one of claims 1-30.

32. A computer-readable storage medium, comprising: The computer readable storage medium includes a computer program, when the computer program runs on an electronic device, the electronic device executes the method according to any one of claims 1-30.

33. A computer program product, characterised in that, When the computer program product runs on a computer, the computer executes the method according to any one of claims 1-30.

Images