Method for displaying application interface, electronic equipment and related medium

Abstract

The embodiment of the invention provides a method for displaying an application interface, electronic equipment and a related medium, the method is applied to the electronic equipment, the electronic equipment comprises an outer screen, a camera is arranged on the outer screen, the method comprises the steps that the outer screen displays a first interface, and the first interface comprises a target control of a target application; receiving an operation instruction acting on the target control; determining display parameters of a layer set corresponding to the operation instruction based on configuration information of the target application; in response to the operation instruction, a second interface is displayed on the outer screen based on the display parameters, the second interface comprises a first display area and a second display area, the application layer is displayed in the second display area, and the decoration layer and the background layer are displayed in the first display area. By implementing the method, the decorative layer can be selectively presented to the user in combination with configuration information of different operation scenes and different applications, and various application interfaces presented to the user are more uniform and attractive while the adaptation degree of the decorative layer and the different applications is improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the computer field, and in particular, to a method for displaying an application interface, an electronic device, and related media. BACKGROUND

[0002] With the continuous development of flexible screens, more and more folding electronic devices with multiple screens have appeared on the market. Folding electronic devices are more portable than straight-screen electronic devices, and folding electronic devices with multiple screens can provide users with more interesting and diverse operation experiences. Currently, existing technologies can present display content such as time, date, weather, or message reminders to users on the outer screen (i.e., the screen running when the electronic device is in a folded state). For electronic devices with a large outer screen, users can also be allowed to operate part of the functions of some applications on the outer screen. Since there are camera hole regions in the area where the outer screen of the folding electronic device is located, when the user uses an application through the outer screen, the application interface is likely to be blocked, and other interface unattractive phenomena caused by the inadaptation of the application interface to the size of the outer screen, which brings users an undesirable user experience. Therefore, how to improve the coordination and aesthetics of the application interface displayed on the outer screen is a problem that needs to be solved by those skilled in the art. SUMMARY

[0003] In a first aspect, the present application provides a method for displaying an application interface, an electronic device, and related media. The method is applied to an electronic device, and the electronic device includes an outer screen. The outer screen is provided with a camera. The method can include:

[0004] The outer screen displays a first interface. The first interface can include a target control of a target application.

[0005] An operation instruction acting on the target control is received.

[0006] Based on configuration information of the target application, a display parameter of a layer set corresponding to the operation instruction is determined. The layer set can include a background layer, an application layer, and a decoration layer. The application layer contains display content corresponding to the operation instruction.

[0007] In response to the operation instruction, a second interface is displayed on the outer screen based on the display parameter. The second interface can include a first display area and a second display area. The camera is within the first display area and outside the second display area. The application layer is displayed in the second display area, and the decoration layer and the background layer are displayed in the first display area.

[0008] The method provided by the first aspect is implemented, and the electronic device can determine the display interface (such as the second interface described above) corresponding to the operation instruction when the electronic device receives the operation instruction of the user for the target control corresponding to the target application. Further, the electronic device can determine the parameter information of each type of layer (such as the background layer, the application layer, and the decoration layer described above) corresponding to the second interface based on the operation instruction, thereby generating the second interface, achieving the purpose of selectively presenting the decoration layer based on the demand of the user (or the demand of the target application), and helping to ensure that the user normally uses the function of the target application while trying to make each application have a similar application interface layout (such as presenting the decoration layer in the first display area), thereby improving the aesthetics of each application interface layout. At present, the area where the outer screen of the folding electronic device is located generally has a camera hole area, and when the user uses the application through the outer screen, the application interface is easily blocked, and other interface unattractive phenomena caused by the inadaptation of the application interface and the size of the outer screen, which brings the user a bad use experience. The difference is that the method of the embodiment of the present application can reasonably adjust the display parameters of the decoration layer based on the operation instruction of the user and the configuration information of the target application, and generate the second interface based on the decoration layer, the background layer, and the application layer, which helps to achieve the purpose of enabling the user to normally use the function of the target application and improve the aesthetics of the application interface presented to the user by presenting the decoration layer and the background layer in the first display area and presenting the application layer in the second display area in the case that the display content corresponding to the application interface may be blocked, and further improves the user's use experience.

[0009] In some embodiments of the method provided by the first aspect, the configuration information of the target application can include display parameters corresponding to a plurality of application interfaces of the target application.

[0010] Based on the configuration information of the target application, the display parameters of the layer set corresponding to the operation instruction can include:

[0011] Determining the target interface based on the operation instruction, the target interface being an interface of the target application in response to the operation instruction;

[0012] Determining the display parameters corresponding to the target interface from the display parameters corresponding to the plurality of application interfaces.

[0013] The method provided by the above-mentioned embodiments can correspond to a plurality of different application interfaces, and each application interface is provided with corresponding display parameters for the background layer, the application layer and the decoration layer. Specifically, the electronic device can determine the corresponding target interface based on the operation instruction (it can be understood that the target interface is the interface of the target application in response to the operation instruction), and can determine the display parameters corresponding to the target interface from the display parameters corresponding to the plurality of application interfaces, so as to avoid the situation that the display content corresponding to the target interface is blocked by the notch area, and help to ensure that the user can normally use the function of the target application.

[0014] In some embodiments of the method provided by the first aspect, the display parameters corresponding to the plurality of application interfaces can include the size and display level of the background layer and the application layer in the corresponding application interface, and the display transparency of the decoration layer.

[0015] The method provided by the above-mentioned embodiments can pre-set the layer size and display level of the background layer and the application layer of different application interfaces when displayed on the outer screen, and further, the target application can also pre-set the display transparency of the decoration layer corresponding to different application interfaces, which helps to present different decoration effects under different operation instructions (or in different application interfaces). For example, if the display content corresponding to the first application interface of the target application is not blocked by the notch area in the full-screen display (which can be understood as the entire outer screen), the display transparency of the decoration layer can be set to 100% (which can be understood as hiding the decoration layer), which helps to provide a wider application operation space or area for the user; if the display content corresponding to the second application interface of the target application is blocked by the notch area in the full-screen display (which can be understood as the entire outer screen), the size of the application layer can be set to the size of the second display area, the application layer is displayed in the second display area, and the display transparency of the decoration layer is set to 0% (which can be understood as displaying the decoration layer), which helps to ensure that the user can normally use the function of the target application, and also improves the aesthetics of the application interface presented to the user.

[0016] In some embodiments of the method provided by the first aspect, the display level of the decoration layer is higher than the display level of the background layer and the application layer.

[0017] If the display level of the application layer is the same as the display level of the background layer, the size of the background layer is the same as the size of the first display area.

[0018] If the display level of the application layer is higher than the display level of the background layer, the size of the background layer is greater than or equal to the size of the first display area.

[0019] The method provided by the above-mentioned embodiments can set the display level of the decoration layer to be higher than the display levels of the background layer and the application layer, which helps to display or hide the decoration layer by adjusting the transparency of the decoration layer only, and is simpler and faster than adjusting the display level of the decoration layer according to the configuration information of the target application. Further, the size of the background layer can be adaptively adjusted according to the display level relationship between the background layer and the application layer, which helps to simplify the setting complexity of the display parameters of the background layer without affecting the normal and complete display of the application interface.

[0020] The method provided by the first aspect can further include, in some embodiments, before displaying the second interface on the outer screen:

[0021] The transition interface can include the background layer, the application layer, and the decoration layer with the target transparency.

[0022] The method provided by the above-mentioned embodiments can be used to show the user a smoother and more beautiful application interface switching effect. The electronic device can display the transition interface on the outer screen based on the dynamic effect corresponding to the operation instruction during the execution of the dynamic effect, and present the second interface (i.e., the application interface corresponding to the operation instruction) on the outer screen when the execution of the dynamic effect ends. The transition interface includes the background layer, the application layer, and the decoration layer with the target transparency, which can be determined based on the playing area of the dynamic effect corresponding to the operation instruction. It can be seen that the method provided by the embodiments of the present application can adjust the decoration layer to different transparencies during the execution of the dynamic effect corresponding to different operation instructions. For example, in response to the user clicking the icon of the target application on the desktop (which can be understood as starting the target application), the electronic device can adjust the transparency of the decoration layer to 100% (which can be understood as not displaying / hiding the decoration layer) during the execution of the dynamic effect of showing the opening of the target application, and display the decoration layer when the target application is started (which can be understood as the outer screen starts to display the home interface corresponding to the target application), so that the animation of the application startup is more hierarchical and beautiful.

[0023] The method provided by the first aspect can further include, in some embodiments:

[0024] If the playing area of the dynamic effect corresponding to the operation instruction is the second display area, the target transparency is determined as the first transparency, which is the transparency of the decoration layer in the first interface.

[0025] If the playing area of the dynamic effect corresponding to the operation instruction is the entire outer screen, the target transparency is determined as the second transparency, which is the transparency of the hidden decoration layer.

[0026] The method provided by the above-mentioned embodiments can help to keep the consistency of the application interface display, so as to achieve the purpose of showing the user a more beautiful application interface, when the playing area of the operation instruction corresponding dynamic effect is the second display area, the electronic device determines the target transparency as the first transparency, and the first transparency is the transparency corresponding to the decoration layer in the first interface. The electronic device can also determine the target transparency as the second transparency when the playing area of the operation instruction corresponding dynamic effect is the entire outer screen, which helps to show the user a more smooth and layered interface transition effect, and achieves the purpose of showing the user a more beautiful application interface, and the second transparency is the transparency corresponding to the hidden decoration layer.

[0027] The method provided by the first aspect can further include, in some embodiments:

[0028] receiving a power-on instruction for the electronic device;

[0029] In response to the power-on instruction, generating a decoration layer based on preset information, the preset information can include the size of the decoration layer, the display content corresponding to the decoration layer, and the initial transparency of the decoration layer, and the initial transparency is the second transparency.

[0030] The method provided by the above-mentioned embodiments can help to keep the consistency of the application interface display, so as to achieve the purpose of showing the user a more beautiful application interface, when the playing area of the operation instruction corresponding dynamic effect is the second display area, the electronic device determines the target transparency as the first transparency, and the first transparency is the transparency corresponding to the decoration layer in the first interface. The electronic device can also determine the target transparency as the second transparency when the playing area of the operation instruction corresponding dynamic effect is the entire outer screen, which helps to show the user a more smooth and layered interface transition effect, and achieves the purpose of showing the user a more beautiful application interface, and the second transparency is the transparency corresponding to the hidden decoration layer.

[0031] The method provided by the first aspect can further include, in some embodiments:

[0032] In response to the operation instruction, generating a background layer and an application layer based on the display parameters;

[0033] Adjusting the initial transparency of the decoration layer to the display transparency based on the display parameters;

[0034] Generating the second interface based on the background layer, the application layer, and the decoration layer;

[0035] Displaying the second interface on the outer screen.

[0036] By implementing the method provided in the above-mentioned embodiments, after receiving the operation instruction of the target application from the user, the electronic device can generate the corresponding background layer and application layer based on the display parameters corresponding to the operation instruction, and can also adjust the transparency of the decoration layer from the initial transparency to the display transparency based on the display parameters corresponding to the operation instruction. It can be seen that the various display parameters of the background layer and the application layer are related to the configuration information of the target application, but the configuration information of the target application only affects the transparency of the decoration layer and does not affect the size, display level and display content of the decoration layer, which helps to enable the same decoration layer to be presented for different application interfaces, ensures that the electronic device presents the application interface in the outer screen with similarity and coordination, and achieves the purpose of presenting a more beautiful application interface for the user.

[0037] The method provided in the first aspect can further include, in some embodiments:

[0038] When the target application is downloaded in the electronic device or when the target application runs to the target node, an information description file corresponding to the target application is acquired;

[0039] The configuration information of the target application is determined based on the information description file.

[0040] By implementing the method provided in the above-mentioned embodiments, the electronic device can acquire the information description file corresponding to the target application when the target application is downloaded or when the target application runs to the target node, so as to determine the configuration information corresponding to the target application. It can be understood that the electronic device can acquire the configuration information configured statically by the target application, so as to determine the display state (display or hiding) of the subsequent decoration layer in the second interface; and the electronic device can also acquire the configuration information configured dynamically by the target application, so as to determine the display state (display or hiding) of the subsequent decoration layer in the second interface.

[0041] In a second aspect, the embodiments of the present application provide an electronic device, which includes an outer screen and a processing module, and the outer screen is provided with a camera;

[0042] The outer screen can be used to display a first interface, and the first interface can include a target control of a target application;

[0043] The outer screen can also be used to receive an operation instruction acting on the target control;

[0044] The processing module can be used to determine the display parameters of a layer set corresponding to the operation instruction based on the configuration information of the target application, the layer set can include a background layer, an application layer and a decoration layer, and the application layer includes display content corresponding to the operation instruction;

[0045] The processing module can also be configured to display, on the outer screen, a second interface based on the display parameters in response to the operation instruction, the second interface can include a first display area and a second display area, the camera is in the first display area and out of the second display area, the application layer is displayed in the second display area, and the decoration layer and the background layer are displayed in the first display area.

[0046] In some embodiments of the method provided in the second aspect, the configuration information of the target application can include display parameters corresponding to a plurality of application interfaces of the target application.

[0047] The electronic device can further include:

[0048] The processing module can also be configured to determine a target interface based on the operation instruction, the target interface being an interface of the target application in response to the operation instruction.

[0049] The display parameters corresponding to the target interface are determined from the display parameters corresponding to the plurality of application interfaces.

[0050] In some embodiments of the method provided in the second aspect, the display parameters corresponding to the plurality of application interfaces can include sizes of the background layer and the application layer, display levels of the background layer and the application layer, and display transparency of the decoration layer in the corresponding application interfaces.

[0051] In some embodiments of the method provided in the second aspect, the display level of the decoration layer is higher than the display levels of the background layer and the application layer.

[0052] If the display level of the application layer is the same as the display level of the background layer, the size of the background layer is the same as the size of the first display area.

[0053] If the display level of the application layer is higher than the display level of the background layer, the size of the background layer is greater than or equal to the size of the first display area.

[0054] In some embodiments of the method provided in the second aspect, the electronic device can further include:

[0055] The outer screen can also be configured to display a transition interface, the transition interface can include the background layer, the application layer, and the decoration layer with a target transparency, the target transparency being determined based on a playing area of the dynamic effect corresponding to the operation instruction.

[0056] In some embodiments of the method provided in the second aspect, the electronic device can further include:

[0057] The processing module can also be configured to determine the target transparency as a first transparency if the playing area of the dynamic effect corresponding to the operation instruction is the second display area, the first transparency being a transparency corresponding to the decoration layer in the first interface.

[0058] The processing module can also be configured to determine the target transparency as the second transparency if the operation instruction corresponds to a play area of the whole outer screen.

[0059] In some embodiments of the method provided in the second aspect, the electronic device can further include an interaction module.

[0060] The interaction module can be configured to receive a start-up instruction for the electronic device.

[0061] The processing module can also be configured to generate the decoration layer based on preset information in response to the start-up instruction, the preset information can include a size of the decoration layer, display content corresponding to the decoration layer, and an initial transparency of the decoration layer, the initial transparency being the second transparency.

[0062] In some embodiments of the method provided in the second aspect, the electronic device can further include:

[0063] The processing module can also be configured to generate the background layer and the application layer based on the display parameter in response to the operation instruction.

[0064] The processing module can also be configured to adjust the initial transparency of the decoration layer to the display transparency based on the display parameter.

[0065] The processing module can also be configured to generate the second interface based on the background layer, the application layer, and the decoration layer.

[0066] In some embodiments of the method provided in the second aspect, the electronic device can further include:

[0067] The processing module can also be configured to obtain the information description file corresponding to the target application when the target application is downloaded in the electronic device or when the target application runs to the target node.

[0068] The processing module can also be configured to determine the configuration information of the target application based on the information description file.

[0069] In the third aspect, the embodiments of the present application provide an electronic device, which includes one or more processors and one or more memories; wherein the one or more memories are coupled with the one or more processors, and the one or more memories are configured to store computer program codes, the computer program codes including computer instructions, when the one or more processors execute the computer instructions, the method described in the first aspect and any possible implementation manner of the first aspect is executed.

[0070] In a fourth aspect, an embodiment of the present application provides a chip, comprising a logic circuit and an interface, the logic circuit and the interface being coupled; the interface is configured to input and / or output code instructions, and the logic circuit is configured to execute the code instructions, so that the method in the first aspect or any possible implementation manner of the first aspect is executed.

[0071] In a fifth aspect, the present application provides a computer-readable storage medium comprising instructions, which, when executed on a target terminal, cause the method described in the first aspect and any possible implementation manner of the first aspect to be executed.

[0072] In a sixth aspect, the present application provides a computer program product comprising instructions, which, when executed on an electronic device, cause the electronic device to execute the method described in the first aspect and any possible implementation manner of the first aspect.

[0073] It can be understood that the electronic device provided in the second aspect and the third aspect, the chip provided in the fourth aspect, the computer-readable storage medium provided in the fifth aspect, and the computer program product provided in the sixth aspect are all related to the method for image processing based on color adaptation provided in the first aspect, and can be used to execute the method provided in the present application. Therefore, the beneficial effects achieved by the electronic device provided in the first aspect can be referred to the beneficial effects of the method for image processing based on color adaptation, which will not be described here again. BRIEF DESCRIPTION OF DRAWINGS

[0074] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings needed in the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present application, and other drawings can also be obtained by those skilled in the art without creative labor.

[0075] Figure 1 is a scene schematic diagram of an outer screen display of a folding screen mobile phone provided by the prior art;

[0076] Figure 2 is a flowchart of a method for displaying an application interface provided by an embodiment of the present application;

[0077] Figure 3 is a structural schematic diagram of an electronic device provided by an embodiment of the present application;

[0078] Figure 4 is a display level relationship schematic diagram of a background layer and an application layer provided by an embodiment of the present application;

[0079] Figure 5 is a flowchart of a method for generating a decoration layer provided by an embodiment of the present application;

[0080] Figures 6a-6c is a scene schematic diagram provided by an embodiment of the present application, which shows an operation instruction corresponding dynamic effect;

[0081] Figure 7 is an execution flow schematic diagram of a dynamic effect provided by an embodiment of the present application;

[0082] Figure 8 is a decoration interface display flow schematic diagram corresponding to interface rotation provided by an embodiment of the present application;

[0083] Figure 9 is a flow schematic diagram of another method for displaying an application interface provided by an embodiment of the present application;

[0084] Figure 10 is a composition schematic diagram of an electronic device provided by an embodiment of the present application;

[0085] Figure 11 is a hardware structure schematic diagram of an electronic device provided by an embodiment of the present application;

[0086] Figure 12 is a software structure block diagram of an embodiment of the present application;

[0087] Figure 13 is another software structure block diagram provided by an embodiment of the present application. DETAILED DESCRIPTION

[0088] The technical solutions in the embodiments of the present application will be described clearly and completely below with reference to the drawings. The terms used in the following embodiments of the present application are only for the purpose of describing the specific embodiments and are not intended to be limiting to 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 plural forms as well, unless the context clearly indicates otherwise. It will also be understood that, in the description of the embodiments of the present application, “ / ” means or unless otherwise specified, for example, A / B can mean A or B; “and / or” in the text only represents a description of the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B, which means that there are three cases of A alone, A and B together, and B alone. In addition, in the description of the embodiments of the present application, “multiple” means two or more than two.

[0089] Hereinafter, the terms "first", "second", "third", etc. are used only for the purpose of description, and cannot be understood as implying or suggesting relative importance or implicitly indicating the number of the indicated technical features. Therefore, the features defined with "first", "second", etc. can explicitly or implicitly include one or more of the features, and in the description of the embodiments of the present application, the meaning of "a plurality of" is two or more, unless otherwise specified.

[0090] The term "user interface (UI)" in the following embodiments of the present application is a medium interface for interaction and information exchange between an application program or an operating system and a user, which realizes the conversion between the internal form of information and the form acceptable to the user. The user interface is source code written in a specific computer language such as Java, extensible markup language (XML), etc., and the interface source code is parsed, rendered and finally presented as content recognizable by the user on the electronic device. The commonly used form of user interface is graphic user interface (GUI), which refers to a user interface related to computer operation displayed in a graphical manner. It can be a visual interface element such as text, icon, button, menu, tab, text box, dialog box, status bar, navigation bar, Widget, etc. displayed in the display screen of the electronic device.

[0091] In order to make the description of the following embodiments clear and simple, first, a brief introduction of related technologies is given:

[0092] (1) Foldable screen mobile phone and flexible screen

[0093] Foldable screen mobile phone refers to a mobile phone whose screen can be folded inward or outward. The screen of the foldable screen mobile phone can be converted between a small size and a large size opening state. The currently launched foldable mobile phone products can adopt a left-right folding design similar to a book, and can also adopt an up-down folding manner. It should be noted that since the mainboard and the battery cannot be folded, only the screen is actually folded, and the mainboard and the battery are distributed in the two side bodies.

[0094] More specifically, since the organic electroluminescence display (OLED) panel does not have a backlight module, it can self-illuminate through the screen, and can be bent at a certain angle, so currently many foldable mobile phones choose to combine the folding mechanism on the body and the OLED screen to realize the folding effect.

[0095] (2) Focus window

[0096] The focus window refers to the window that the electronic device is currently interacting with the user, which is responsible for receiving keyboard time events and touch events. When a new Activity is started, a new window is added, an old window is removed, and split-screen operations are performed back and forth, the update of the focus window is involved. Among them, Activity is one of the four basic components in Android components, which represents a screen or interface in an application. Specifically, Activity is responsible for displaying the user interface, processing user input events, and driving the state changes of the application. Each Activity is independently startable and can contain various user interface elements such as buttons, text inputs, etc., and communicates through the Internet. Activity has four states: running, paused, stopped, and destroyed. Developers can manage the lifecycle of Activity to implement complex applications and provide rich user experiences.

[0097] (3) Motion effect

[0098] Motion effect, also known as motion design or motion, refers to all the movements on the user interface (UI). Motion effects can be roughly divided into two categories: functional motion effects and display motion effects. Functional motion effects are mainly used for product design, which convey information to users through dynamic graphics, such as loading / refreshing and progress bars; display motion effects are more like some motion effects designed to serve brand recognition or increase product interest in specific scenarios, which generally do not serve product interaction and are usually designed for individual scenarios and cannot be reused.

[0099] The role of motion effect is as follows:

[0100] Increase the affinity and interest of the product, and shorten the distance with the viewer;

[0101] Beneficial to display design details and save communication costs;

[0102] Better display the functions of mobile products, so that users can more intuitively understand the core features, purposes, and usage methods of a product.

[0103] UI motion effect is more conducive to brand building and can better convey brand concepts and express brand characteristics. Motion effect can be achieved in many ways, including keyframe animation, interactive special effects, and micro-motion effects. Keyframe animation is to change the properties of elements from A to B (two keyframes), such as moving from left to right, changing from blue to green, and changing from large to small. Interactive special effects and micro-motion effects are not limited to meeting the feedback of interaction, and the production and implementation of animation are different from general keyframe animation.

[0104] (4) Packaging management service

[0105] The Package Manager Service (PMS) is a software management service, which is a core service in the Android system and is responsible for managing and maintaining all installed Android application packages (APKs) in the system. By using the PMS, users can conveniently obtain, install, update, and uninstall application packages, thereby improving the use experience and work efficiency of the application.

[0106] Referring to Figure 1 , Figure 1 A scene diagram of outer screen display of a folding screen mobile phone provided by the prior art is shown.

[0107] As shown in Figure 1 , the folding screen mobile phone has an inner screen and an outer screen. In the folded state, the user can interact with the folding screen mobile phone through the outer screen. For example, in response to the user clicking the icon corresponding to the "clock" application in the outer screen interface, the folding screen mobile phone can present the user with the operation interface corresponding to the application (such as interface 1 in Figure 1 .

[0108] It can be seen that, due to the existence of the camera corresponding hole region in the outer screen of the folding screen mobile phone, part of the display content of the operation interface is blocked, so that the user cannot see the display content corresponding to the application interface completely, and the user cannot normally use the functions of the "clock" application.

[0109] The difference is that the method of the present application embodiment can reasonably adjust the display parameters of the decoration layer based on the operation instruction of the user and the configuration information of the target application, and generate a second interface based on the decoration layer, the background layer, and the application layer, which helps to achieve the purpose of enabling the user to normally use the functions of the target application by presenting the decoration layer and the background layer in the first display area and presenting the application layer in the second display area in the case that the display content corresponding to the application interface may be blocked, and improves the aesthetics of the application interface presented to the user, further improving the user's use experience.

[0110] Referring to Figure 2 , Figure 2 A flowchart of a method for displaying an application interface provided by the present application embodiment is shown.

[0111] As shown in Figure 2 , the method can include:

[0112] S201: The electronic device 100 displays a first interface on the outer screen, and the first interface can include a target control of a target application.

[0113] It should be noted that the embodiments of this application can be applied to electronic device 100. Further, the method of the embodiments of this application mainly describes the interface display method of the external screen of electronic device 100. For example, please refer to... Figure 3 , Figure 3 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application, such as... Figure 3 As shown, the electronic device 100 may include an outer screen 310 and an inner screen 320. The size of the outer screen 310 is smaller than that of the inner screen 320. The electronic device 100 can display various applications to the user and interact with the user via touch through the outer screen 310 and the inner screen 320. Specifically, the electronic device 100 interacts with the user through the outer screen 310 in a folded state, and through the inner screen 320 in an unfolded state. Furthermore, when displaying various interfaces, the outer screen 310 may include a first display area 311 and a second display area 312. The first display area 311 includes a punch-hole area (e.g., ...). Figure 3 The first display area 311 (shown as the camera area) can be used to display the decorative layer and background layer in the method of this application embodiment (details about the background layer are provided below and will not be repeated here). This helps to ensure that the user can use the target application's functions normally by adjusting the transparency of the decorative layer and the size of the background layer and application layer when the display content corresponding to the application interface may be obscured by the punch-hole area, and also improves the aesthetics of the second interface. Furthermore, the second display area 312 can be used to display the application layers corresponding to various applications, which helps to ensure that the display content corresponding to the application interface can be completely presented to the user.

[0114] S202: Electronic device 100 receives an operation command applied to a target control.

[0115] The user's commands to the target application can include launch commands, focus switching commands, and close commands. For example, if a user clicks the icon corresponding to the target application on the desktop of the electronic device 100, this click is considered a launch command; if a user clicks a function button in the application interface of the target application, this click is considered a focus switching command; if a user swipes up from the bottom of the screen to the center in the application interface of the target application, this action is considered a close command. Furthermore, rotating the electronic device 100 while operating (or using) the target application can also be considered a command to the target application, and the electronic device 100 can accordingly adjust the display direction and position of the content displayed on the external screen.

[0116] S203: Electronic device 100 determines the display parameters of the layer set corresponding to the operation command based on the configuration information of the target application.

[0117] The layer set can include a background layer, an application layer, and a decoration layer. The application layer includes display content corresponding to the operation instruction. Specifically, the background layer can be set based on an element such as a color of the target application icon. The application layer is used to present an application interface corresponding to the operation instruction. It should be noted that the specific setting manner of the background layer is not limited in the present application, and the skilled in the art can adjust it based on the actual situation.

[0118] In some possible implementation manners, the configuration information of the target application can include display parameters corresponding to a plurality of application interfaces of the target application.

[0119] Based on the configuration information of the target application, the display parameters of the layer set corresponding to the operation instruction can include:

[0120] Based on the operation instruction, a target interface is determined. The target interface is an interface of the target application in response to the operation instruction.

[0121] The display parameters corresponding to the target interface are determined from the display parameters corresponding to the plurality of application interfaces.

[0122] In some possible implementation manners, the display parameters corresponding to the plurality of application interfaces can include sizes of the background layer and the application layer in the corresponding application interface, display levels, and display transparency of the decoration layer.

[0123] In some possible implementation manners, the display level of the decoration layer is higher than the display levels of the background layer and the application layer.

[0124] If the display level of the application layer is the same as the display level of the background layer, the size of the background layer is the same as the size of the first display area.

[0125] If the display level of the application layer is higher than the display level of the background layer, the size of the background layer is greater than or equal to the size of the first display area.

[0126] For example, based on the condition that the display level of the application layer is higher than the display level of the background layer and the size of the background layer is equal to the size of the first display area, the display effects of the application layer and the background layer can be seen from Figure 4 Related structures, Figure 4 A display level relationship diagram of the background layer and the application layer is provided for the embodiments of the present application. As shown in Figure 4As shown, in response to a user's starting instruction for the target application 41, the electronic device 100 can generate a first background layer 42 and a first application layer 43, wherein the first background layer 42 is used to present a background color corresponding to the target application 41 icon, and the first application layer 43 is used to present display content corresponding to the target application 41 homepage. If the size of the first application layer 43 is a first size (which can be understood as the first size being equal to the size of the entire outer screen), since the display content corresponding to the first background layer 42 has a lower display level than the first application layer 43, the electronic device 100 will only present the display content corresponding to the first application layer 43 on the outer screen 310. If the size of the first application layer 43 is a second size (which can be understood as the second size being equal to the size of the second display area), in the case of hiding the decorative layer, the electronic device 100 can present an interface as shown on the outer screen 310, specifically, the first display area presents the display content corresponding to the first background layer 42, and the second display area presents the display content corresponding to the first application layer 43. Figure 4

[0127] In some possible implementation manners, the method can further include:

[0128] When the target application is downloaded in the electronic device, or when the target application runs to a target node, obtaining an information description file corresponding to the target application;

[0129] Determining configuration information of the target application based on the information description file.

[0130] ​Specifically, the target application can edit the configuration information in the form of metadata in the information description file AndroidManifest.xml. Further, when the target application is completely downloaded in the electronic device 100, the electronic device 100 can parse the metadata corresponding to the configuration information based on the PMS component, and save the parsed metadata (which can be understood as the configuration information) in the local memory of the electronic device 100, which helps the electronic device 100 to subsequently call the configuration information, so as to determine the display state (display or hide) of the decoration layer in the second interface, which helps to improve the aesthetics of the second interface while ensuring the user to normally use the functions of the target application, and improves the user experience. Alternatively, the target application can define a flag corresponding to the configuration information in the activity life cycle thereof, and when the target application runs to the flag flow, the target application can pass the configuration information into the layout parameter component LayoutParams through the flag, so that the electronic device 100 can determine the display state (display or hide) of the decoration layer based on the parameters corresponding to the configuration information, which helps to improve the aesthetics of the second interface while ensuring the user to normally use the functions of the target application, and improves the user experience.

[0131] In some possible implementation manners, the method provided in the embodiments of the present application can further include:

[0132] receiving a power-on instruction for the electronic device;

[0133] In response to the power-on instruction, generating a decoration layer based on preset information, the preset information can include the size of the decoration layer, the display content corresponding to the decoration layer, and the initial transparency of the decoration layer, and the initial transparency is the second transparency.

[0134] Exemplarily, please refer to Figure 5 , Figure 5 a flowchart for generating a decoration layer provided in the embodiments of the present application. As shown in Figure 5 , the skilled person can define the type TYPE_DICO_VIEW of the decoration layer in the window management module HwWindowManager.java of the electronic device 100, which can include the size of the decoration layer, the layout information, and the display content corresponding to the decoration layer. The layout information of the decoration layer is related to the position information of the first display area, and the display content corresponding to the decoration layer can include the clock, date, and weather, and can also include other capsule information in the electronic device 100. Specifically, the capsule information can be the floating window information set based on the camera hole area, which can include but is not limited to flight information, car service, high-speed rail formation, take-out status, express tracking, movie watching, game, audio, and system service related information.

[0135] Further, the electronic device 100 can also define a display level of the decoration window getWindowLayerFromTypeLw based on the electronic device window management module HwPhoneWindowManager.java. In the embodiment of the present application, the display level of the decoration layer is set to be higher than the display level of the background layer and the application layer, and the decoration layer can be displayed or hidden by adjusting the transparency of the decoration layer only, which is simpler and faster than adjusting the display level of the decoration layer according to the configuration information of the target application.

[0136] Further, in response to the booting of the electronic device 100, the top view structure module ViewRootImpl.java in the electronic device 100 can create the decoration layer based on the information related to the decoration layer (such as the type and the display level mentioned above) by adding the window function addWindowLw(), and can save the information related to the decoration layer (such as the type and the display level mentioned above) by the creation of the decoration layer function setDecorWindowInfo() of the display policy module DisplayPolicy.java. After the decoration layer is created, the electronic device 100 can hide the decoration layer by the hide window function hideDecorWindow() of the hardware display policy module HwDisplayPolicyEx.java, specifically, by adjusting the transparency of the decoration layer to 100% to hide the decoration layer.

[0137] For reference, if the size of the application layer corresponding to an application interface in the target application is the first size (which can be understood as the first size being equal to the size of the entire outer screen), the target application can generally set the display transparency of the decoration layer in the application interface to 0% (which can be understood as displaying the decoration layer in the application interface).

[0138] In another possible implementation, the target application can not set the size of the application layer for the outer screen of the electronic device 100 separately, and only need to set the size of the application layer corresponding to each application interface of the target application in the inner screen scenario. When the user interacts with the electronic device 100 based on the outer screen, the electronic device 100 can adjust the application layer to the size of the second display area, so as to ensure that the user can normally and completely use each function of the target application in the outer screen scenario.

[0139] In another possible implementation, if the target application does not set the transparency information corresponding to the decoration layer, the electronic device 100 can adopt the scheme of "presenting the decoration layer and the background layer in the first display area, and presenting the application layer in the second display area" during the process in which the user uses the target application through the outer screen.

[0140] S204: The electronic device 100 displays the second interface on the outer screen based on the display parameter in response to the operation instruction.

[0141] The second interface can include a first display area and a second display area, the camera is in the first display area and out of the second display area, the application layer is displayed in the second display area, and the decoration layer and the background layer are displayed in the first display area.

[0142] In some possible implementations, displaying the second interface on the outer screen based on the display parameter in response to the operation instruction can include:

[0143] generating the background layer and the application layer based on the display parameter in response to the operation instruction;

[0144] adjusting the initial transparency of the decoration layer to the display transparency based on the display parameter;

[0145] generating the second interface based on the background layer, the application layer, and the decoration layer;

[0146] displaying the second interface on the outer screen.

[0147] In some other possible implementations, before displaying the second interface on the outer screen, the method can further include:

[0148] displaying a transition interface on the outer screen, the transition interface can include the background layer, the application layer, and the decoration layer with the target transparency, the target transparency being determined based on a playing area of the dynamic effect corresponding to the operation instruction.

[0149] In some other possible implementations, the method can further include:

[0150] if the playing area of the dynamic effect corresponding to the operation instruction is the second display area, the target transparency is determined as the first transparency, the first transparency being the transparency corresponding to the decoration layer in the first interface;

[0151] if the playing area of the dynamic effect corresponding to the operation instruction is the entire outer screen, the target transparency is determined as the second transparency, the second transparency being the transparency corresponding to the hidden decoration layer.

[0152] Exemplarily, refer to Figures 6a-6c , Figures 6a-6c a scene diagram for displaying the dynamic effect corresponding to the operation instruction. In combination withFigure 4 and Figure 6a In response to a user's starting instruction for the target application 41, the electronic device 100 can generate a first background layer 42 and a first application layer 43, where the first background layer 42 is used to present a background color corresponding to the target application 41 icon, and the first application layer 43 is used to present display content corresponding to the target application 41 home page. Further, it can be determined that the special effect corresponding to starting the target application 41 is "gradually covering the desktop interface 61 of the outer screen 310 with the application interface corresponding to the target application 41". As can be seen, the playing area of the dynamic effect corresponding to the starting instruction is the entire outer screen, and it is determined that the display transparency is the second transparency (assuming that the second transparency is 100%), and the transparency of the decoration layer 62 needs to be adjusted to 100% during this process (it can be understood that the decoration layer 62 is hidden during the playing process of the dynamic effect corresponding to the operation instruction).

[0153] Specifically, in the case where the size of the first application layer 43 is the second size (it can be understood that the second size is equal to the size of the second display area), and the decoration layer 62 is displayed (it can be understood that the display transparency is 0%), the electronic device 100 can gradually cover the desktop interface 61 (in this scenario, the desktop interface 61 is equivalent to the first interface described above) with the starting transition interface 63. The starting transition interface 63 can include the first background layer 42, the first application layer 43, and the decoration layer 62 with the second transparency (100% in this case). In terms of presentation effect, the user can see the display content corresponding to the first background layer 42 and the first application layer 43 in the starting transition interface 63. Further, since the size of the first application layer 43 is the size corresponding to the second display area, the target application 41 can set the display transparency of the decoration layer 62 to 0% (it can be understood that the decoration layer 62 is displayed in the second interface), and when the starting transition interface 63 completely covers the desktop interface 61, the electronic device 100 can present the starting interface 64 (in this scenario, the starting interface 64 is equivalent to the second interface described above) on the outer screen 310. In terms of presentation effect, the user can see the display content corresponding to the decoration layer 62, the first background layer 42, and the first application layer 43 in the starting interface 64.

[0154] Further, in combination with Figure 4 and Figure 6b In response to a user's focus switching instruction (such as a touch operation) on the starting interface 64 of the target application 41, the electronic device 100 can generate a second background layer 44 and a second application layer 45, where the second background layer 44 is used to present a background color corresponding to the target application 41 icon, and the second application layer 45 is used to present display content corresponding to the target application 41 home page. Further, it can be determined that the special effect corresponding to starting the target application 41 is "gradually covering the desktop interface 61 of the outer screen 310 with the application interface corresponding to the target application 41". As can be seen, the playing area of the dynamic effect corresponding to the starting instruction is the entire outer screen, and it is determined that the display transparency is the second transparency (assuming that the second transparency is 100%), and the transparency of the decoration layer 62 needs to be adjusted to 100% during this process (it can be understood that the decoration layer 62 is hidden during the playing process of the dynamic effect corresponding to the operation instruction). Figure 6bWhen the user clicks the "start timing" button in the application interface, the electronic device 100 can determine the second background layer 44 corresponding to the "start timing" function and the second application layer 45 for presenting the display content corresponding to the timing interface of the target application 41. Further, if the size of the second application layer 45 corresponding to the timing interface is the size of the outer screen 310 (equivalent to the sum of the sizes of the first display area and the second display area), it can be determined that the special effect for switching from the start interface 64 to the timing page is "gradually covering the start interface 64 with the timing interface". It can be seen that the playing area of the dynamic effect corresponding to the focus switching instruction is the entire outer screen, and the display transparency is determined to be 100%, and the transparency of the decoration layer 62 needs to be adjusted to 100% during the process (it can be understood that the decoration layer 62 is hidden during the playing process of the dynamic effect corresponding to the operation instruction).

[0155] Specifically, in the case where the size of the first application layer 43 is the first size (which can be understood as the first size being equal to the size of the entire outer screen) and the decoration layer 62 is hidden (which can be understood as the display transparency being 100%), the electronic device 100 can gradually cover the start interface 64 with the timing transition interface 65 (in this scenario, the start interface 64 is equivalent to the first interface described above). The timing transition interface 65 can include the second background layer 44, the second application layer 45, and the decoration layer 62 with a target transparency (100% in this case). In terms of presentation effect, the user can see the display content corresponding to the second application layer 45 and part of the display content corresponding to the second background layer 44 in the start transition interface 63. During the playing process of the dynamic effect corresponding to the operation instruction, the timing transition interface 65 will present less and less display content corresponding to the second background layer 44 and the first application layer 43, and more and more display content corresponding to the second application layer 45. Further, since the size of the second application layer 45 is the first size (which can be understood as the first size being equal to the size of the entire outer screen), the target application 41 can set the display transparency of the decoration layer 62 to 100% (which can be understood as hiding the decoration layer 62 in the second interface). When the timing transition interface 65 completely covers the start interface 64, the electronic device 100 can present the timing interface 66 (in this scenario, the timing interface 66 is equivalent to the second interface described above) on the outer screen 310. In terms of presentation effect, the user can see the display content corresponding to the second application layer 45 in the timing interface 66. When the display content corresponding to the second application layer 45 is completely displayed in the second display area, it can be considered that the playing of the dynamic effect corresponding to the operation instruction is completed.

[0156] Further, in combination with Figure 4 and Figure 6cIn response to the user's focus switching command on the launch screen 64 of the target application 41 (such as... Figure 6c When a user clicks the "07:10" button on the application interface, the electronic device 100 can determine the third background layer 46 and the third application layer 47 corresponding to the "alarm clock" function. The third background layer 46 is used to present the background color corresponding to the target application 41, and the third application layer 47 is used to present the display content corresponding to the alarm clock interface of the target application 41. Further, if the size of the third application layer 47 corresponding to the alarm clock interface is the same as the size of the second display area, the target effect of switching from the startup interface 64 to the alarm clock page can be determined to be "gradually covering the real content of the startup interface 64 in the second display area using the alarm clock page". It can be seen that the movement range of the animation effect corresponding to the operation instruction corresponding to the focus switching instruction is the second display area, so the display transparency is determined to be 0%, and the transparency of the decorative layer 62 needs to be adjusted to 0% during this process (which can be understood as displaying the decorative layer 62 during the playback of the animation effect corresponding to the operation instruction).

[0157] Specifically, in the case that the size of the first application layer 43 is the second size (it can be understood that the second size is equal to the size of the second display area), the display decoration layer 62 (it can be understood that the display transparency is 0%), the electronic device 100 can gradually cover the start interface 64 (in this scenario, the timing interface 66 is equivalent to the first interface described above) by using the alarm clock transition interface 67. Among them, the alarm clock transition interface 67 can include a background layer and an application layer (including a third background layer 46 and a third application layer 47) and a decoration layer 62 with a target transparency (0% here) of the alarm clock transition interface 67. In terms of presentation effect, the user can see the display content corresponding to the third background layer 46 and the third application layer 47 in the alarm clock transition interface 67. Further, since the size of the third application layer 47 is the size corresponding to the second display area, the target application 41 can set the display transparency of the decoration layer 62 to 0% (it can be understood that the decoration layer 62 is displayed in the second interface), and when the alarm clock transition interface 67 completely covers the start interface 64, the electronic device 100 can present the alarm clock interface 68 (in this scenario, the alarm clock interface 68 is equivalent to the second interface described above) on the outer screen 310. In terms of presentation effect, the user can see the display content corresponding to the decoration layer 62, the third background layer 46 and the third application layer 47 in the alarm clock interface 68. In a possible implementation, during the presentation of the alarm clock transition interface 67, the user can see the display content corresponding to the third background layer 46, part of the display content corresponding to the third application layer 47 and part of the display content corresponding to the first application layer 43 in the alarm clock transition interface 67. During the execution of the operation instruction corresponding dynamic effect, the outer screen 310 will present more and more display content corresponding to the first application layer 43 and more and more display content corresponding to the third application layer 47, until the display content corresponding to the third application layer 47 is completely displayed in the second display area. It can be considered that the execution of the operation instruction corresponding dynamic effect is completed.

[0158] It should be noted that the electronic device 100 can generate a background layer only once during the use of the same target application. For example, in combination with the above-mentioned scenario, the electronic device 100 can generate a background layer only once during the use of the alarm clock application. Figure 4 and Figures 6a-6cAfter the user starts the target application 41, the electronic device 100 generates a background layer corresponding to the target application 41, and the background layers corresponding to each function (such as the timer, the alarm clock, and the stopwatch) in the target application 41 are the same. It can be understood that the first background layer 42, the second background layer 44, and the third background layer 46 are the same layer. Further, during the use of different functions of the target application 41 by the user, the electronic device 100 does not need to repeatedly generate the background layer. It can be understood that during the use of the target application 41 by the user, the electronic device 100 always displays the first background layer 42. However, the first background layer 42 is referred to as the second background layer 44 in the timer interface 66 corresponding to the “timer” function, and is referred to as the third background layer 46 in the alarm clock interface 68 corresponding to the “alarm clock” function.

[0159] In some possible implementation manners, the electronic device 100 can be configured to perform the following operations. Figure 5 and Figure 7 wherein, Figure 7 is a dynamic effect execution flow diagram provided by an embodiment of the present application. As shown in Figure 7 , when the dynamic effect corresponding to the user operation instruction needs to hide the decoration layer during execution, the electronic device 100 can simultaneously send an instruction to hide the decoration layer to HwDisplayPolicyEx.java through hideDecorWindow() of the dynamic effect module Transition.java while starting to prepare the dynamic effect corresponding to the operation instruction by using the special effect preparation function onTransitionReady(). Thus, the decoration layer is hidden during the playing of the dynamic effect corresponding to the operation instruction. Further, when the second interface corresponding to the user operation instruction needs to display the decoration layer, the electronic device 100 can simultaneously send an instruction to display the decoration layer to HwDisplayPolicyEx.java through showDecorWindow() of Transition.java in response to the execution of the dynamic effect end function finishTransition(). Thus, the decoration layer is displayed in the second interface after the execution of the dynamic effect corresponding to the operation instruction ends.

[0160] In some possible implementation manners, the electronic device 100 can be configured to perform the following operations. Figure 5 , Figure 7 and Figure 8 wherein, Figure 8 is a decoration interface display flow diagram corresponding to the interface rotation provided by an embodiment of the present application. As shown in Figure 7As shown, the system side of the electronic device 100 can notify the system that the user has rotated the electronic device 100 during the use of the target application, and the SystemUI current user interface corresponding parameter config has changed, and the DisplayContent.java can determine that the user has rotated the electronic device 100 during the use of the target application based on the rotation function applyRotation(), and can send the instruction of hiding the decoration layer to the HwDisplayPolicyEx.java by calling the hideDecorWindow(), so as to hide the decoration layer during the playing of the operation instruction corresponding animation, and avoid the error display of the outer screen and other faults. Further, after the SystemUI receives the notification sent by the system side, the onConfigChanged() parameter change function is called to remove the window displayed on the outer screen of the electronic device 100 in the form of a sliding animation, and the setCanPlayMoveAnimation() parameter setting function is used to set the parameters of the decoration layer after the screen rotation (such as the size of the decoration layer, the direction and position of the decoration layer, etc.). Further, after the electronic device 100 generates a new decoration layer based on the parameters, the SystemUI can send a control instruction to the Transition.java to control the Transition.java to call the showDecorWindow() to send the instruction of displaying the decoration layer to the HwDisplayPolicyEx.java, so as to display the decoration layer in the second interface after the execution of the operation instruction corresponding animation ends.

[0161] It should be noted that during the above-mentioned calling of the hideDecorWindow(), the HwDisplayPolicyEx.java will first determine whether the decoration layer in the currently displayed page, interface or window is in a hidden state (it can be understood that it is determined whether the current transparency of the decoration layer is 100%), if the decoration layer is currently in a hidden state, the transparency of the decoration layer does not need to be adjusted; if the decoration layer is currently in a display state, the transparency of the decoration layer needs to be adjusted to 100%.

[0162] Please refer to Figure 9 , Figure 9 The flowchart of another method for displaying an application interface provided by an embodiment of the present application.

[0163] As Figure 9As shown, the electronic device 100 can define the type of the decoration layer by the system based on the preset information, wherein the size, layout information, display content corresponding to the decoration layer, and display level corresponding to the decoration layer can be determined by defining the type of the decoration layer. Further, the electronic device 100 can generate the decoration layer by addWindow() of SystemUI, and record and save the layer leash information (which can be understood as the information corresponding to the decoration layer) created by the business side (which can be understood as the SystemUI side) by the system side. It should be noted that the electronic device 100 can also generate the decoration layer by other applications with layer generation function, which is not limited in the present application.

[0164] Further, in response to the target application starting, the electronic device 100 can determine whether the decoration layer needs to be displayed on the application interface corresponding to the target application based on the configuration information dynamically or statically configured by the target application. In the case where the decoration layer needs to be displayed, it is judged whether the foreground application has focus switching, interface rotation, screen cutting or other transition effects, if yes, the decoration layer is hidden during the execution of the effects, and the display content corresponding to the decoration layer is presented on the outer screen when the execution of the effects ends; if no, the display content corresponding to the decoration layer is directly presented on the outer screen. More, in the case where the decoration layer does not need to be displayed (which can be understood as the decoration layer being hidden), the display content corresponding to the decoration layer is not presented on the outer screen.

[0165] In summary, the method of the embodiments of the present application can highly decouple the processing flow of the application side and the system side application interface display, and the application side only needs to transmit the display content corresponding to different operation pages and the display requirements of the decoration layer to the system side in the form of configuration information, and then the system side generates and presents different layers based on the operation instructions of the user and the configuration information, which is helpful for efficiently managing the display state of the decoration layer, and also helps to avoid the application interface layout disorder caused by the inadaptation of the target application and the decoration layer, thereby improving the user experience. Further, the method of the embodiments of the present application links the decoration layer with the effects of the foreground application, giving the user an overall view that the decoration layer, the background layer and the application layer are one, and the UI vision is the same, which is helpful for further improving the user experience.

[0166] Please refer to Figure 10 , Figure 10 for a composition schematic diagram of an electronic device provided by the embodiments of the present application.

[0167] As shown in Figure 10 , the electronic device 100 includes an outer screen 310 and a processing module 330, and the outer screen 310 is provided with a camera;

[0168] The outer screen 310 can be configured to display a first interface, and the first interface can include a target control of a target application.

[0169] The outer screen 310 can also be configured to receive an operation instruction acting on the target control.

[0170] The processing module 330 can be configured to determine, based on configuration information of the target application, a display parameter of a layer set corresponding to the operation instruction, the layer set can include a background layer, an application layer, and a decoration layer, and the application layer includes display content corresponding to the operation instruction.

[0171] The processing module 330 can also be configured to display, in response to the operation instruction, a second interface on the outer screen 310 based on the display parameter, the second interface can include a first display area and a second display area, the camera is in the first display area and out of the second display area, the application layer is displayed in the second display area, and the decoration layer and the background layer are displayed in the first display area.

[0172] In some embodiments of the method provided in the second aspect, the configuration information of the target application can include display parameters corresponding to a plurality of application interfaces of the target application.

[0173] The electronic device 100 can also include:

[0174] The processing module 330 can also be configured to determine, based on the operation instruction, a target interface, the target interface being an interface of the target application in response to the operation instruction.

[0175] The display parameter corresponding to the target interface is determined from the display parameters corresponding to the plurality of application interfaces.

[0176] In some embodiments of the method provided in the second aspect, the display parameters corresponding to the plurality of application interfaces can include sizes of the background layer and the application layer in the corresponding application interfaces, display levels of the background layer and the application layer, and display transparency of the decoration layer.

[0177] In some embodiments of the method provided in the second aspect, the display level of the decoration layer is higher than the display levels of the background layer and the application layer.

[0178] If the display level of the application layer is the same as the display level of the background layer, the size of the background layer is the same as the size of the first display area.

[0179] If the display level of the application layer is higher than the display level of the background layer, the size of the background layer is greater than or equal to the size of the first display area.

[0180] In some embodiments of the method provided in the second aspect, the electronic device 100 can also include:

[0181] The outer screen 310 can also be used to display a transition interface, which can include a background layer, an application layer, and a decoration layer with a target transparency that is determined based on a playing area of a motion effect corresponding to the operation instruction.

[0182] In some embodiments of the method provided in the second aspect, the electronic device 100 can further include:

[0183] The processing module 330 can also be configured to determine the target transparency as a first transparency if the playing area of the motion effect corresponding to the operation instruction is a second display area, the first transparency being a transparency corresponding to the decoration layer in the first interface.

[0184] The processing module 330 can also be configured to determine the target transparency as a second transparency if the playing area of the motion effect corresponding to the operation instruction is the entire outer screen 310, the second transparency being a transparency corresponding to the hidden decoration layer.

[0185] In some embodiments of the method provided in the second aspect, the electronic device 100 can further include an interaction module 340.

[0186] The interaction module 340 can be configured to receive a power-on instruction for the electronic device.

[0187] The processing module 330 can also be configured to generate the decoration layer based on preset information in response to the power-on instruction, the preset information including a size of the decoration layer, display content corresponding to the decoration layer, and an initial transparency of the decoration layer, the initial transparency being the second transparency.

[0188] In some embodiments of the method provided in the second aspect, the electronic device 100 can further include:

[0189] The processing module 330 can also be configured to generate the background layer and the application layer based on the display parameters in response to the operation instruction.

[0190] The processing module 330 can also be configured to adjust the initial transparency of the decoration layer to a display transparency based on the display parameters.

[0191] The processing module 330 can also be configured to generate the second interface based on the background layer, the application layer, and the decoration layer.

[0192] In some embodiments of the method provided in the second aspect, the electronic device 100 can further include:

[0193] The processing module 330 can also be configured to obtain an information description file corresponding to the target application when the target application is completely downloaded in the electronic device or when the target application runs to a target node.

[0194] The processing module 330 can also be configured to determine configuration information of the target application based on the information description file.

[0195] Further, referring to Figure 11 , Figure 11 A hardware structure schematic diagram of an electronic device is shown.

[0196] The electronic device 100 can include a processor 101, a memory 102, a wireless communication module 103, a mobile communication module 104, an antenna 103A, an antenna 104A, a power switch 105, a sensor module 106, a focusing motor 107, a camera 108, a display screen 109, and the like. The sensor module 106 can include a gyroscope sensor 106A, an acceleration sensor 106B, an ambient light sensor 106C, an image sensor 106D, a distance sensor 106E, and the like. The wireless communication module 103 can include a WLAN communication module, a Bluetooth communication module, and the like. The above-mentioned multiple parts can transmit data through a bus.

[0197] The processor 101 can include one or more processing units, for example: the processor 101 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), and the like. Different processing units can be independent devices, or can be integrated in one or more processors.

[0198] The memory 102 can be used to store computer executable program codes, and the executable program codes can include instructions. The processor 101 executes various function applications and data processing of the electronic device 100 by running the instructions stored in the memory 102. The memory 102 can include a program storage area and a data storage area. In specific implementations, the memory 102 can include a high-speed random access memory, and can also include a non-volatile memory, such as one or more disk storage devices, flash memory devices, or other non-volatile solid-state storage devices.

[0199] The wireless communication function of the electronic device 100 can be realized by the antenna 103A, the antenna 104A, the mobile communication module 104, the wireless communication module 103, the modem processor, and the baseband processor, and the like.

[0200] The antenna 103A and the antenna 104A can be 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 of the antennas.

[0201] The mobile communication module 104 can provide a solution including 2G / 3G / 4G / 5G wireless communication applied to the electronic device 100.

[0202] The wireless communication module 103 can provide a solution including wireless local area networks (WLAN), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) technology, and the like, applied to the electronic device 100.

[0203] The gyroscope sensor 106A can be used to determine the motion posture of the electronic device 100.

[0204] The acceleration sensor 106B can detect the magnitude of acceleration of the electronic device 100 in each direction (generally three axes).

[0205] The electronic device 100 can implement a photographing function through an ISP, a camera 108, a video codec, a GPU, a display 109, and an application processor, etc.

[0206] The electronic device 100 can implement a display function through a GPU, a display 109, and an application processor, etc. The GPU is a microprocessor for image processing, connected to the display 109 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 101 can include one or more GPUs that execute program instructions to generate or change display information.

[0207] The display 109 is used to display images, videos, etc. The display 109 includes a display panel. In some embodiments, the electronic device 100 can include 1 or N displays 109, N being a positive integer greater than 1.

[0208] The structure of 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 illustrated, or combine certain components, or split certain components, or different component arrangements. The illustrated components can be implemented in hardware, software, or a combination of software and hardware.

[0209] In the embodiments of the present application,

[0210] Any one or more of the wireless communication module 103, the mobile communication module 104, the sensor module 106, the focusing motor 107, the camera 108, and the like can be used to detect the current environmental features of the electronic device 100.

[0211] The display screen 109 is configured to display the user interface provided by the electronic device 100, such as a shooting interface or a photo album interface. The user interface displayed by the display screen 109 can refer to the foregoing UI embodiments.

[0212] The operations performed by the components in the electronic device 100 can refer to the related descriptions of the foregoing method embodiments.

[0213] 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 embodiments of the present application take a layered architecture of a mobile operating system as an example to illustrate the software structure of the electronic device 100.

[0214] It can be understood that 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, which is not limited in the present application. For ease of understanding, see Figure 12 , Figure 12 A software structure block diagram provided in the embodiments of the present application is shown in FIG. 10. The layered architecture divides the software into several layers, each layer has a clear role and division of labor, and the layers can communicate with each other through a software interface. Figure 12

[0215] In some embodiments, the system of the electronic device 100 can be divided into two layers from top to bottom, which are an application layer and a driver layer. The application layer can include a SystemUI and a target application, and the driver layer can include a window management service module (WMS) and a package management service module (PMS). Specifically, the SystemUI application can be used to create a decoration layer; the target application can be used to respond to the operation instruction of the user and execute the interface switching action corresponding to the operation instruction; the target application can further include configuration information for specifying the display state requirement of the decoration layer in different operation scenarios or application interfaces. For example, the target application can configure which scenarios need to display the decoration layer and which scenarios do not display the decoration layer.

[0216] ​Furthermore, WMS can be used to store relevant data of decorative layers and to show or hide decorative layers based on the current interaction scenario and the configuration information of the target application. However, due to limitations of the Google framework mechanism, in some scenarios, the electronic device 100's system cannot accurately determine the target display state of the decorative layer. Therefore, it can provide hiding and showing interfaces for decorative layers for various applications, allowing each application to adjust the display state of the decorative layer itself.

[0217] Furthermore, PMS can parse the configuration information of the target application in AndroidManifest.xml and provide that configuration information to WMS.

[0218] Further, please refer to Figure 13 , Figure 13 This is another software structure block diagram provided in the embodiments of this application. For example... Figure 13 The layered architecture shown divides the software into several layers, each with a clear role and division of labor, and the layers can communicate with each other through software interfaces.

[0219] In some embodiments, the electronic device 100 system can be divided into five layers, from top to bottom: application layer, application framework layer, system runtime library layer, hardware abstraction layer (HAL), and kernel layer. The descriptions of each layer are as follows:

[0220] The application layer may include a series of application packages. For example, the application packages in the application layer may include applications such as camera, gallery, calendar, calling, map, navigation, browser, video, music, and SMS.

[0221] The application framework layer provides application programming interfaces (APIs) and programming frameworks for applications within the application layer. The application framework layer can include some predefined functions.

[0222] For example, the application framework layer may include an activity manager, a window manager, a content provider, a view system, a telephone manager, a resource manager, a notification manager, and an accelerated graphics port (AGP), etc. Among them:

[0223] The activity manager can be used to manage the life cycle of individual applications and general navigation back function.

[0224] The window manager can be used to manage window programs. Illustratively, the window manager can acquire the display screen size of the electronic device 100, lock the screen, take a screenshot, and determine whether there is a status bar, etc.

[0225] The content provider can be used to store and acquire data and make the data accessible to applications, so that different applications can access or share data. Illustratively, the above-mentioned data can include videos, images, audio, dialed and received calls, browsing history and bookmarks, and phone books, etc.

[0226] The view system includes visual controls, such as controls that display text, controls that display pictures, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface that includes a short message notification icon can include a view that displays text and a view that displays a picture.

[0227] The phone manager is used to provide the communication function of the electronic device 100, such as the management of call status (including connecting a call, hanging up a call, etc.).

[0228] The resource manager provides various resources for applications, such as localized strings, icons, pictures, layout files, video files, etc.

[0229] The notification manager enables applications to display notification information in the status bar, which can be used to convey messages of the notification type, which can automatically disappear after a short stay without user interaction. Illustratively, the notification manager can be used to notify the completion of a download, message reminders, etc. The notification manager can also be a notification that appears in the top status bar of the system in the form of a chart or a scrolling bar of text, such as a notification of an application running in the background, and can also be a notification that appears on the display screen in the form of a dialog window. For example, prompting text information in the status bar, issuing a prompt sound, the electronic device vibrating, the indicator light flashing, etc.

[0230] The AGP in the application framework layer can be used to improve the rendering performance of the graphics card, such as providing more cache capacity to the graphics card to achieve faster image processing speed.

[0231] The system runtime library layer can include system libraries and Android runtime. Among them:

[0232] The Android runtime includes a core library and a virtual machine. The Android runtime is responsible for scheduling and managing the Android system. The core library includes two parts: one part is a function function that the java language needs to call, and the other part is the core library of Android. The application layer and the application framework layer run in the virtual machine. The virtual machine executes the java file of the application layer and the application framework layer into a binary file. The virtual machine is used to execute the management of the object life cycle, the stack management, the thread management, the security and the exception management, and the garbage collection and the like.

[0233] The system library can be understood as the support of the application framework, and is an important link connecting the application framework layer and the kernel layer. The system layer can include a plurality of functional modules, for example, can include a surface manager, media libraries, a three-dimensional graphics processing library (such as OpenGL ES), a two-dimensional graphics engine (such as SGL), and the like. Among them:

[0234] The surface manager can be used to manage the display subsystem, such as in the case where the electronic device 100 executes a plurality of application programs, is responsible for managing the interaction between display and access operations. The surface manager can also be used to provide two-dimensional and three-dimensional layer fusion for a plurality of application programs.

[0235] The media library can support a plurality of commonly used audio, video format playback and recording, and static image files and the like. The media library can support a plurality of audio and video coding formats, for example, can be MPEG4, H.264, MP3, AAC, AMR, JPG, PNG and the like.

[0236] The three-dimensional graphics processing library is used to realize three-dimensional graphics drawing, image rendering, synthesis and layer processing and the like.

[0237] The two-dimensional graphics engine can be understood as a two-dimensional drawing drawing engine.

[0238] The hardware abstraction layer provides a standard interface, such as a HAL interface definition language (HIDL) interface or an Android interface definition language (AIDL) interface.

[0239] The kernel layer can be understood as an abstraction layer between hardware and software. The kernel layer can include system services such as security, memory management, process management, power management, network protocol management, and driver management. Illustratively, the kernel layer can include drivers, such as display drivers, camera drivers, audio drivers, and sensor drivers, and the like. Alternatively, the kernel layer can also be referred to as an Android kernel or a kernel program. Illustratively, the hardware layer of the electronic device 100 can include a touch panel (TP), a liquid crystal display (LCD), and the like.

[0240] In some embodiments, the kernel layer can be understood as a kernel state, and the other four layers (i.e., the application layer, the application framework layer, the system runtime library layer, and the HAL) can be understood as a user state.

[0241] It can be understood that various applications in the application layer can have video recording and / or playing functions. Illustratively, a camera can have a video recording function, and applications such as a gallery, navigation, and a browser can all have video playing functions. Further, based on different lengths, resolutions, and shooting parameters of videos, the recording and / or playing of the videos can be affected. The shooting parameters can be aperture values, shutter speeds, sensitivities, exposure values, focal lengths, and depth of field, and the like.

[0242] Illustratively, the related parameters of video recording and / or playing supported by various applications can be stored in a sensor binary file (sensor bin). The sensor bin file can be stored in an external storage, such as a disk or a hard disk. When a user uses a specific application to record and / or play a video, the application can read the related parameters of video recording and / or playing to the memory, so that the user can normally use the application and ensure the user experience.

[0243] 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 conjunction 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.

[0244] The present application also provides an electronic device, which can include a memory and a processor. The memory can be used to store a computer program, and the processor can be used to call the computer program in the memory to enable the electronic device to execute the method performed by the electronic device in any one of the above embodiments.

[0245] The present application also provides a chip system, which includes at least one processor for implementing the functions involved in the electronic device side in any one of the above embodiments.

[0246] In some possible design, the chip system further includes a memory for storing program instructions and data, and the memory is located in or out of the processor.

[0247] The chip system can be composed of a chip, or can include a chip and other discrete devices.

[0248] 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, and is implemented by reading software code stored in the memory.

[0249] Optionally, the memory in the chip system can also be one or more. The memory can be integrated with the processor, or can be arranged separately from the processor, and the embodiments of the present application do not limit the memory. 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 arranged on different chips respectively, and the embodiments of the present application do not limit the type of the memory and the arrangement of the memory and the processor.

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

[0251] The present application further provides a computer program product, which includes a computer program (also referred to as code or instructions), and when the computer program is run, the computer program causes a computer to execute the method performed by the electronic device in any one of the above embodiments.

[0252] The application also provides a computer readable storage medium storing a computer program (also referred to as code or instructions). When the computer program is executed, the computer is caused to perform the method performed by the electronic device in any one of the above embodiments.

[0253] In the above embodiments, the term "when" can be interpreted as meaning "if" or "after" or "in response to determining" or "in response to detecting" according to the context. Similarly, the phrase "upon determining" or "if detecting (the stated condition or event)" can be interpreted as meaning "if determining" or "in response to determining" or "upon detecting (the stated condition or event)" or "in response to detecting (the stated condition or event)" according to the context.

[0254] The embodiments of the application can be combined in any manner to achieve different technical effects.

[0255] In the above embodiments, all or part of the embodiments can be implemented by software, hardware, firmware or any combination thereof. When implemented by software, all or part of the embodiments can be implemented in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network or other programmable devices. The computer instructions can be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions can be transmitted from one website, computer, server or data center to another website, computer, server or data center through wired (such as coaxial cable, optical fiber, digital subscriber line) or wireless (such as infrared, wireless, microwave, etc.) mode. The computer readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. integrated with one or more available media. The available media can be magnetic media (such as floppy disk, hard disk, magnetic tape), optical media (such as DVD), or semiconductor media (such as solid state disk (SSD)) and the like.

[0256] A person of ordinary skill in the art can understand that all or part of the processes in the above embodiments can be implemented by a computer program to instruct the relevant hardware to complete, and the program can be stored in a computer readable storage medium, and the program can include the processes of the above embodiments when executed. The storage medium includes ROM or random access memory (RAM), magnetic disk or optical disk and various program code storage media.

[0257] In conclusion, the above description is only an embodiment of the technical scheme of the present application, and is not used to limit the protection scope of the present application. Any modification, equivalent replacement, improvement, etc. made according to the disclosure of the present application shall be included in the protection scope of the present application.

Claims

1. A method of displaying an application interface, the method comprising: The method is applied to an electronic device including an outer screen on which a camera is arranged, and the method comprises: The outer screen displays a first interface, and the first interface includes a target control of a target application; An operation instruction acting on the target control is received; Based on configuration information of the target application, display parameters of a layer set corresponding to the operation instruction are determined, the layer set including a background layer, an application layer, and a decoration layer, and the application layer containing display content corresponding to the operation instruction; In response to the operation instruction, a second interface is displayed on the outer screen based on the display parameters, the second interface including a first display area and a second display area, the camera being in the first display area and out of the second display area, the application layer being displayed in the second display area, and the decoration layer and the background layer being displayed in the first display area.

2. The method of claim 1, wherein, The configuration information of the target application includes display parameters corresponding to a plurality of application interfaces of the target application respectively; The display parameters of the layer set corresponding to the operation instruction are determined based on the configuration information of the target application, comprising: A target interface is determined based on the operation instruction, the target interface being an original interface of the target application in response to the operation instruction; Display parameters corresponding to the target interface are determined from the display parameters corresponding to the plurality of application interfaces respectively.

3. The method of claim 2, wherein, The display parameters corresponding to the plurality of application interfaces respectively include the size, display level of the background layer and the application layer, and the display transparency of the decoration layer in the corresponding application interface.

4. The method of claim 3, wherein, The display level of the decoration layer is higher than the display level of the background layer and the application layer; If the display level of the application layer is the same as the display level of the background layer, the size of the background layer is the same as the size of the first display area; If the display level of the application layer is higher than the display level of the background layer, the size of the background layer is greater than or equal to the size of the first display area.

5. The method according to any one of claims 1 to 4, characterized in that, Before displaying the second interface on the outer screen, the method further comprises: A transition interface is displayed on the outer screen, the transition interface including the background layer, the application layer, and the decoration layer with a target transparency, the target transparency being determined based on a playing area of a dynamic effect corresponding to the operation instruction.

6. The method of claim 5, wherein, The method further comprises: If the playing area of the dynamic effect corresponding to the operation instruction is the second display area, the target transparency is determined as a first transparency, the first transparency being the transparency corresponding to the decoration layer in the first interface; If the playing area of the dynamic effect corresponding to the operation instruction is the entire outer screen, the target transparency is determined as a second transparency, the second transparency being the transparency corresponding to the decoration layer when the decoration layer is hidden.

7. The method of claim 6, wherein, The method further comprises: A start-up instruction for the electronic device is received; In response to the start-up instruction, the decoration layer is generated based on preset information, the preset information including the size of the decoration layer, the display content corresponding to the decoration layer, and the initial transparency of the decoration layer, the initial transparency being the second transparency.

8. The method of claim 7, wherein, The method further comprises: when the target application is downloaded in the electronic device, or when the target application runs to a target node, obtaining an information description file corresponding to the target application; determining configuration information of the target application based on the information description file. The electronic device comprises an outer screen and a processing module, and the outer screen is provided with a camera; The outer screen is configured to display a first interface, and the first interface comprises a target control of a target application.

9. The method of claim 8, wherein, The outer screen is further configured to receive an operation instruction acting on the target control. The processing module is configured to determine display parameters of a layer set corresponding to the operation instruction based on configuration information of the target application, the layer set comprising a background layer, an application layer and a decoration layer, and the application layer containing display content corresponding to the operation instruction. The processing module is further configured to display a second interface on the outer screen based on the display parameters in response to the operation instruction, the second interface comprising a first display area and a second display area, the camera being in the first display area and out of the second display area, the application layer being displayed in the second display area, and the decoration layer and the background layer being displayed in the first display area.

10. An electronic device, comprising: The computer readable storage medium stores a computer program, and the computer program comprises program instructions, and the program instructions are executed by a processor to cause the method in any one of claims 1-9 to be performed. The computer readable storage medium stores a computer program, and the computer program comprises program instructions, and the program instructions are executed by a processor to cause the method in any one of claims 1-9 to be performed. ​ ​ ​ 11. An electronic device, comprising: ​ 12. A computer-readable storage medium, characterized in that, ​

Images