Application display method and device, electronic equipment and readable storage medium

Abstract

The invention relates to an application display method and device, electronic equipment and a readable storage medium, and the method comprises the steps: determining a first display window of a target application program in response to a first operation, received by the electronic equipment, on the target application program; determining a first display window parameter of the first display window, and determining a target layout framework corresponding to the target application program based on the first display window parameter; and displaying the target application program in the first display window based on the target layout framework. According to the embodiment of the invention, the corresponding layout frame can be adaptively obtained based on the display window of the target application program, so that the application program can be flexibly and effectively displayed.

Description

Technical Field

[0001] The present disclosure relates to the field of terminal technology, and in particular to an application display method, device, electronic device and readable storage medium. Background Art

[0002] With the continuous development of technology, various electronic devices are getting closer and closer to people's work and life. Different applications installed in electronic devices meet the daily use needs of users. In addition, when the same application is displayed on different types of electronic devices, its display mode is usually different. Therefore, how to better display the application is a technical problem that needs to be solved urgently. Summary of the invention

[0003] In order to overcome the problems existing in the related art, the present disclosure provides an application display method, device, electronic device and readable storage medium.

[0004] According to a first aspect of an embodiment of the present disclosure, there is provided an application display method, including:

[0005] In response to the electronic device receiving a first operation on a target application, determining a first display window of the target application;

[0006] Determining first display window parameters of the first display window, and determining a target layout framework corresponding to the target application based on the first display window parameters;

[0007] Based on the target layout framework, the target application is displayed in the first display window.

[0008] Optionally, determining a target layout framework corresponding to the target application based on the first display window includes:

[0009] Obtaining the information architecture of the target application;

[0010] Acquire a layout framework strategy corresponding to the target application according to the information architecture, wherein the layout framework strategy includes at least one first sub-layout framework;

[0011] A first sub-layout frame corresponding to the first display window is acquired, and the first sub-layout frame is used as the target layout frame.

[0012] Optionally, the method further comprises:

[0013] When it is detected that the first display window parameter of the first display window is changed and the changed second display window parameter of the second display window meets a preset condition, acquiring the first sub-layout frame corresponding to the second display window parameter;

[0014] The target application is displayed based on the first sub-layout frame corresponding to the second display window parameter.

[0015] Optionally, the changed second display window parameter of the second display window meets a preset condition, including: the first display window parameter and the second display window parameter belong to different parameter ranges.

[0016] Optionally, acquiring a layout framework strategy corresponding to the target application according to the information architecture includes:

[0017] If it is determined based on the information architecture that the target application is not provided with a navigation structure, a first layout framework strategy is used as the layout framework strategy corresponding to the target application, wherein the first layout framework strategy involves a primary page and a secondary page.

[0018] Optionally, the method further comprises:

[0019] If it is determined based on the information architecture that the target application is provided with a navigation structure, obtaining a display structure of the target application;

[0020] When it is determined that the display structure of the target application is a horizontal structure, a second layout framework strategy is used as the layout framework strategy corresponding to the target application, and the second layout framework strategy involves bottom tab navigation.

[0021] Optionally, the method further comprises:

[0022] When it is determined that the display structure of the target application is a hierarchical structure, obtaining the number of hierarchies of the target application;

[0023] When the number of levels is lower than a preset number, a third layout framework strategy is used as the layout framework strategy corresponding to the target application, and the third layout framework strategy involves a navigation bar and a content area.

[0024] Optionally, the method further comprises:

[0025] When the number of levels is higher than a preset number, a fourth layout framework strategy is used as the layout framework strategy corresponding to the target application, and the fourth layout framework strategy includes a navigation bar, a first-level page, and a second-level page.

[0026] Optionally, when the number of levels is greater than a preset number, using the fourth layout framework strategy as the layout framework strategy corresponding to the target application program includes:

[0027] When the number of levels is higher than a preset number, the fourth layout framework strategy corresponding to the type of the electronic device is obtained, and the fourth layout framework strategy is used as the layout framework strategy corresponding to the target application.

[0028] According to a second aspect of an embodiment of the present disclosure, there is provided an application display device, including:

[0029] a window determination module, configured to determine a first display window of the target application in response to the electronic device receiving a first operation on the target application;

[0030] a frame determination module, configured to determine first display window parameters of the first display window, and determine a target layout frame corresponding to the target application based on the first display window parameters;

[0031] The display module is configured to display the target application in the first display window based on the target layout framework.

[0032] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, including:

[0033] processor;

[0034] a memory for storing processor-executable instructions;

[0035] Wherein, the processor is configured to:

[0036] In response to the electronic device receiving a first operation on a target application, determining a first display window of the target application;

[0037] Determining first display window parameters of the first display window, and determining a target layout framework corresponding to the target application based on the first display window parameters;

[0038] Based on the target layout framework, the target application is displayed in the first display window.

[0039] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided, on which computer program instructions are stored. When the program instructions are executed by a processor, the steps of the application display method provided in the first aspect of the present disclosure are implemented.

[0040] In response to an electronic device receiving a first operation on a target application, the disclosed embodiment determines a first display window of the target application, and on this basis, determines first display window parameters of the first display window, and determines a target layout frame corresponding to the target application based on the first display window parameters, and displays the target application in the first display window based on the target layout frame. In this way, different display windows can be adapted, that is, different types of electronic devices can be adapted, thereby reducing the cost of business access and improving the flexibility of application display.

[0041] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0043] Figure 1 The figure is a flowchart of a method for displaying an application according to an exemplary embodiment.

[0044] Figure 2 The figure is an example diagram of a target frame in an application display method according to an exemplary embodiment.

[0045] Figure 3 This is an example diagram showing how a sub-layout framework is obtained by any combination of different display windows in an application display method according to an exemplary embodiment.

[0046] Figure 4 The figure is a flowchart of another application display method according to an exemplary embodiment.

[0047] Figure 5 is an example diagram of a first layout framework strategy in another application display method according to an exemplary embodiment.

[0048] Figure 6 is an example diagram of a second layout framework strategy in another application display method according to an exemplary embodiment.

[0049] Figure 7 is an example diagram of a third layout framework strategy in another application display method according to an exemplary embodiment.

[0050] Figure 8 is an example diagram of a fourth layout framework strategy in another application display method according to an exemplary embodiment.

[0051] Fig. 9is an example diagram of a fourth layout framework strategy in another application display method according to an exemplary embodiment.

[0052] Fig.10 The diagram is an example diagram of a process of determining a layout framework strategy in another application display method according to an exemplary embodiment.

[0053] Fig.11 The invention is a block diagram showing an application display device according to an exemplary embodiment.

[0054] Fig.12 It is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0055] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0056] In the description of the present disclosure, the terms used, such as "first", "second", etc., are used to distinguish similar objects and do not have to be understood as a specific order or sequence. In addition, in the description with reference to the accompanying drawings, the same symbols in different drawings represent the same elements unless otherwise stated.

[0057] Although operations or steps are described in a specific order in the drawings in the embodiments of the present disclosure, it should not be understood that it is required to perform these operations or steps in the specific order shown or in a serial order, or to perform all the operations or steps shown to obtain the desired results. In the embodiments of the present disclosure, these operations or steps can be performed in series; these operations or steps can also be performed in parallel; or some of these operations or steps can be performed.

[0058] In the related art, the interface display of each application on different terminals or in different split-screen situations requires individual rule adaptation, which increases the design and development costs of the application, and the application is not very flexible during the display process.

[0059] Figure 1 is a flowchart of an application display method according to an exemplary embodiment. Figure 1 As shown, the application display method is used in an electronic device and includes the following steps.

[0060] In step S110, in response to the electronic device receiving a first operation on a target application, a first display window of the target application is determined.

[0061] In some implementations, in response to the electronic device receiving a first operation on the target application, the disclosed embodiment may determine a first display window of the target application. Here, the first operation may be an operation of opening the target application, or an operation of adjusting the window size of the target application.

[0062] Specifically, when the target application is detected to be opened, the embodiment of the present disclosure can obtain the first display window of the target application. Optionally, when the display window size of the target application is detected to be changed, the embodiment of the present disclosure can also obtain the first display window of the target application. The specific time to obtain the first display window of the target application is not clearly defined here and can be selected according to actual conditions.

[0063] As an optional manner, in response to the electronic device receiving the first operation on the target application, the embodiment of the present disclosure may determine the first display window of the target application. The first display window of the target application may be the display space of the application container, that is, the first display window may be the application container space.

[0064] In step S120, first display window parameters of the first display window are determined, and a target layout framework corresponding to the target application is determined based on the first display window parameters.

[0065] As an optional method, the embodiment of the present disclosure may determine the first display window parameters based on the first display window of the target application. The first display window parameters may be the size information of the display area of ​​the target application on the screen of the electronic device, that is, the first display window parameters may be the window size of the first display window. Here, the size information of the display area may include the width information and height information of the window.

[0066] In other words, the first display window parameter may include window width information and window height information, wherein the window width may be the width of the target application displayed on the screen of the electronic device; and the window height may be the height of the target application displayed on the screen of the electronic device.

[0067] In some embodiments, the first display window parameter is used to characterize the window size of the target application displayed on the electronic device, and the first display window parameters corresponding to the same application on different electronic devices may be different. In particular, the first display window parameters of the target application under different types of electronic devices are largely different. For example, when the target application is displayed on a mobile phone, the window width in the first display window parameter is w1, the window height in the first display window parameter is h1, and the corresponding first display window parameter is s1, while when displayed on a tablet, the window width in the first display window parameter is w2, the window height in the first display window parameter is h1, and the corresponding first display window parameter is s2. At this time, w1 is smaller than w2, so the first display window parameter s1 and the first display window parameter s2 are not the same.

[0068] Optionally, even in the same electronic device, the first display window parameters may be different in different usage scenarios. For example, the tablet is placed in landscape orientation in the first usage scenario, and the width of its window is w3; the tablet is placed in portrait orientation in the second usage scenario, and the width of its window is w4. When w3 is greater than w4, the first display window parameter s3 and the first display window parameter s4 are different. It can be seen that the corresponding display window parameters may also be different depending on the usage scenario.

[0069] Optionally, even in the same electronic device, the first display window parameters may be different in the same usage scenario. For example, when the tablet is placed in landscape orientation, the user adjusts the window size of the display window of the target application according to personal needs so that it can be partially split-screen displayed. At this time, the display window parameters of the target application are also different from the display window parameters in full screen.

[0070] In summary, the first display window parameter of the target application may be a default display window size based on the screen size of the electronic device, or may be a window size after the user adjusts the size of the display window of the target application according to personal needs.

[0071] As an optional method, the disclosed embodiment can obtain the target layout frame corresponding to the target application according to the first display window parameter of the target application. If the first display window parameter is different, the corresponding layout frame may also be different. In other words, the same target application may correspond to multiple layout frames, and the corresponding layout frames under different display window parameters may be different.

[0072] The embodiment of the present disclosure can classify the display window into three categories according to a preset strategy combined with display window parameters. The three categories of display windows can be small display window (Small), medium display window (Medium) and large display window (Large).

[0073] Specifically, when the width in the first display window parameter is less than the first width threshold (max_width_small), the first display window corresponding to the first display window parameter can be classified as a small display window (Small); when the height in the first display window parameter is less than the first height threshold (min_height_small), the first display window corresponding to the first display window parameter can also be classified as a small display window (Small); when the width in the first display window parameter is greater than the first width threshold (max_width_small) and less than the second width threshold (max_width_medium), the first display window corresponding to the first display window parameter can be classified as a medium display window (Medium); when the width in the first display window parameter is greater than the second width threshold (max_width_medium), the first display window corresponding to the first display window parameter can be classified as a large display window (Large). Among them, the first width threshold (max_width_small) is less than the second width threshold (max_width_medium).

[0074] Exemplarily, the first width threshold (max_width_small) may be 670, the second width threshold (max_width_medium) may be 960, and the first height threshold (min_height_small) may be 600.

[0075] In summary, after determining the first display window parameters of the first display window, the embodiment of the present disclosure can determine the window category to which the first display window belongs based on the width information and / or height information in the first display window parameters. On this basis, the first sub-layout frame corresponding to the window category is used as the target layout frame.

[0076] In other words, the embodiment of the present disclosure can classify the first display window, that is, determine whether the first display window belongs to a small display window (Small), a medium display window (Medium) or a large display window (Large), and use it as the target window category. On this basis, the target layout framework corresponding to the target application is determined based on the target window category.

[0077] As another optional method, the disclosed embodiment may also obtain the information architecture of the target application, and on this basis, obtain the layout framework strategy corresponding to the target application according to the information architecture. Wherein, the layout framework strategy may include at least one first sub-layout framework. Then, obtain the first sub-layout framework corresponding to the first display window, and use the first sub-layout framework as the target layout framework.

[0078] In the embodiment of the present disclosure, the information architecture of the target application may be a preset display architecture. Here, the information architecture may include at least one of navigation information, list overview information, and detail information, wherein the list overview information may also include multiple list items. The information architecture may be preset by the developer according to the functions and attributes of the target application, and the electronic device may display the target application based on the information architecture.

[0079] It should be noted that the information architecture of some applications may include navigation, list overview and content details, while the information architecture of some applications may include list overview and content details. What the information architecture specifically includes may be determined by the properties and functions of the application, and is not explicitly limited here. In addition, the information architecture of an application may also include other content. The above is only an example, and the specific content is subject to the actual situation.

[0080] It should be noted that the target application in the embodiments of the present disclosure may be any application installed on the electronic device. For example, the target application may be a "note" application, an "album" application, a "file management" application, a "clock" application, or a "settings" application. Different applications have different corresponding information architectures.

[0081] In some implementations, different information architectures correspond to different layout framework strategies. The disclosed embodiment can pre-acquire a target framework that can adaptively display applications in any type and any screen size. To better understand the target framework, the disclosed embodiment provides the following: Figure 2 The example diagram shown is Figure 2 It is known that the target framework is a multi-node tree structure diagram with a depth of four layers, in which the first layer is the application entrance (Entrance), the second layer is navigation (Navigation), the third layer is the list overview (List), and the fourth layer is the content details (Detail).

[0082] As an optional method, the disclosed embodiment can structurally classify the information architecture within different applications / services according to the target framework based on user needs to obtain multiple layout framework strategies, and the layout framework strategies corresponding to different applications may also be different.

[0083] The layout framework strategy may include at least one first sub-layout framework. Here, the layout framework strategy may be a display strategy of the target application, that is, the specific way in which the target application is displayed on the electronic device.

[0084] Optionally, after obtaining the layout framework policy corresponding to the target application, the embodiment of the present disclosure may obtain the first sub-layout framework corresponding to the first display window, and may use the first sub-layout framework as the target layout framework. Specifically, the embodiment of the present disclosure may obtain the first display window parameters for determining the first display window, and determine the first sub-layout framework based on the first display window parameters, and may use the first sub-layout framework as the target layout framework.

[0085] The disclosed embodiment may first atomize the contents of each frame, such as Figure 2 As shown, the window type of the display window can be obtained by permutation and combination with the display window parameters of the application (such as screen size). On this basis, different layout framework strategies can be obtained according to the window type, that is, multiple layout framework strategies can be obtained through atomic element combinations.

[0086] Exemplarily, according to the above-mentioned different window types (size types) of display windows, the window types (size types) can be Figure 2 The corresponding container is provided at the information level shown, as detailed in Figure 3 As shown, through Figure 3 It is known that the window type of the display window is different, and the corresponding sub-layout frame may also be different. For example, when the window type of the display window is a large display window (Large), the corresponding sub-layout frame is 1. For another example, when the window type of the display window is a medium display window (Medium), the corresponding sub-layout frame is 2.

[0087] For different screen sizes, the embodiment of the present disclosure can design a container for each of the multiple levels, such as Figure 3 As shown in the navigation, multiple navigations can be arranged horizontally (side by side) on a small screen (Small). Optionally, multiple navigations can be arranged vertically (a list-style container from top to bottom) on a large screen (Large), or the small screen (Small) can be reused. Optionally, multiple navigations can be arranged horizontally or vertically on a medium screen (Medium), that is, the medium screen can reuse the small screen (Small) or the large screen (Large).

[0088] In addition, by combining different window types of display windows with different information architectures, multiple layout framework strategies can be obtained. In other words, a Large layout, a Medium layout, and a Small layout can form a layout framework strategy.

[0089] Exemplarily, the multiple layout framework strategies may include a first layout framework strategy, a second layout framework strategy, a third layout framework strategy, a fourth layout framework strategy, and a fifth layout framework strategy. The contents involved in these five layout framework strategies are all different, and the following embodiments will introduce these five layout framework strategies in detail. It should be noted that other layout framework strategies can also be obtained by combining the embodiments of the present disclosure. The specific layout framework strategies are not described in detail here, and are based on actual conditions.

[0090] In summary, the disclosed embodiment can highly abstract the layout framework level applicable to all applications and services based on the four-layer structure of application entrance, navigation, list overview and content details, and has clear logic strategy and strong maintainability. In addition, by combining the first display window parameter, the disclosed embodiment can correctly and efficiently display applications on containers of any size on different types of devices.

[0091] For any application or service, the disclosed embodiment can select a suitable layout framework strategy based on the first display window and the information architecture, so that a limited number of layout framework strategies can be used to guarantee any application or service, thereby reducing the development cost of the application or service.

[0092] It should be noted that the disclosed embodiment may first obtain the information architecture of the target application and then obtain the first display window of the target application, or may first obtain the first display window of the target application and then obtain the information architecture of the target application, or may simultaneously obtain the first display window and the information architecture of the target application. It is not explicitly defined here which information is obtained first and which information is obtained later.

[0093] In addition, the disclosed embodiment can obtain the layout framework strategy corresponding to the target application according to the information architecture, and on this basis, obtain the first sub-layout framework under the layout framework strategy corresponding to the first display window. Optionally, the disclosed embodiment can also determine the layout framework corresponding to the target application according to the first display window, and on this basis, obtain the layout strategy corresponding to the information architecture, and combine the layout strategy and the layout framework to determine the target layout framework.

[0094] In step S130 , the target application is displayed in the first display window based on the target layout framework.

[0095] As an optional manner, after determining the target layout frame corresponding to the target application through the first display window parameters, the embodiment of the present disclosure can display the target application in the first display window based on the target display frame.

[0096] In response to an electronic device receiving a first operation on a target application, the disclosed embodiment determines a first display window of the target application, and on this basis, determines first display window parameters of the first display window, and determines a target layout frame corresponding to the target application based on the first display window parameters, and displays the target application in the first display window based on the target layout frame. In this way, different display windows can be adapted, that is, different types of electronic devices can be adapted, thereby reducing the cost of business access and improving the flexibility of application display.

[0097] Figure 4 is a flowchart of another application display method according to an exemplary embodiment. Figure 4 As shown, the application display method is used in an electronic device and includes the following steps.

[0098] In step S210, in response to the electronic device receiving a first operation on a target application, a first display window and an information architecture of the target application are determined.

[0099] The specific implementation of step S210 has been described in detail in the above embodiment, and will not be repeated here.

[0100] In step S220, a layout framework strategy corresponding to the target application is obtained according to the information architecture.

[0101] As an optional method, in the process of obtaining the layout framework strategy corresponding to the target application according to the information architecture, the embodiment of the present disclosure can determine whether the target application is provided with a navigation structure according to the information architecture of the target application. If it is determined based on the information architecture that the target application is not provided with a navigation structure, the embodiment of the present disclosure can use the first layout framework strategy as the layout framework strategy corresponding to the target application. The first layout framework strategy can be as follows: Figure 5 As shown. Figure 5 It is known that the first layout framework strategy is not provided with a navigation structure, and it involves a primary page and a secondary page.

[0102] Optionally, by Figure 5 It is known that the first layout framework strategy may include multiple first sub-layout frameworks, and the first display window parameters of the first display window are different, and the corresponding first sub-layout frameworks are also different. Exemplarily, the first sub-layout framework 501 may be a sub-layout framework corresponding to a large display window (Large) under the first layout framework strategy; the first sub-layout framework 502 may be a sub-layout framework corresponding to a medium display window (Medium) under the first layout framework strategy; and the first sub-layout framework 503 may be a sub-layout framework corresponding to a small display window (Small) under the first layout framework strategy.

[0103] It can be seen that the first layout framework strategy is applicable to an application program that does not have a navigation structure set. Exemplarily, the application program that does not have a navigation structure set may be a "settings" application program.

[0104] As another optional method, if it is determined based on the information architecture that the target application is provided with a navigation structure, the embodiment of the present disclosure may obtain the display structure of the target application. The display structure of the target application may include a horizontal structure and a hierarchical structure. When it is determined that the display structure of the target application is a horizontal structure, the embodiment of the present disclosure may use the second layout framework strategy as the layout framework strategy corresponding to the target application. The second layout framework strategy may be as follows: Figure 6 As shown. Figure 6 It is known that the second layout framework strategy is set with a navigation structure and involves bottom tab navigation.

[0105] Optionally, by Figure 6 It is known that the second layout framework strategy is similar to the first layout framework strategy, and it may also include multiple first sub-layout frameworks. Different first display window parameters of the first display window may correspond to different first sub-layout frameworks. Exemplarily, the first sub-layout framework 601 may be a sub-layout framework corresponding to a large display window (Large) under the second layout framework strategy; the first sub-layout framework 602 may be a sub-layout framework corresponding to a medium display window (Medium) under the second layout framework strategy; and the first sub-layout framework 603 may be a sub-layout framework corresponding to a small display window (Small) under the second layout framework strategy.

[0106] It can be seen that the second layout framework strategy is applicable to an application program that sets a navigation structure, and the display structure of the application program may be a flat structure. Exemplarily, the application program that sets a navigation structure and has a flat display structure may be a "clock" application program.

[0107] As another optional method, if it is determined based on the information architecture that the target application is provided with a navigation structure, and it is determined that the display structure of the target application is a hierarchical structure, the embodiment of the present disclosure can obtain the number of hierarchies of the target application, and if the number of hierarchies is lower than a preset number, the third layout framework strategy is used as the layout framework strategy corresponding to the target application, and the third layout framework strategy can involve the navigation bar and the content area. The third layout framework strategy can be as follows: Figure 7 As shown. Exemplarily, here, the preset number may be 3. Figure 7 It is known that the third layout framework strategy is provided with a navigation structure, and the display structure is a hierarchical structure, and the corresponding number of levels is 2. It can be seen that the number of levels of the target application is less than 3 at this time.

[0108] Optionally, by Figure 7It is known that the third layout framework strategy is similar to the first layout framework strategy and the second layout framework strategy, and it may also include multiple first sub-layout frames, and the first display window parameters of the first display window are different, and the corresponding first sub-layout frames are also different. Exemplarily, the first sub-layout frame 701 may be a sub-layout frame corresponding to a large display window (Large) under the third layout framework strategy; the first sub-layout frame 702 may be a sub-layout frame corresponding to a medium display window (Medium) under the third layout framework strategy; and the first sub-layout frame 703 may be a sub-layout frame corresponding to a small display window (Small) under the third layout framework strategy.

[0109] It can be seen that the third layout framework strategy is applicable to an application that sets a navigation structure, and the display structure of the application can be a hierarchical structure, and the number of levels of the hierarchical structure is less than the preset number. Exemplarily, an application that sets a navigation structure and has a hierarchical display structure, and the number of levels is less than the preset number, can be a "file management" application or a "photo album" application. In addition, since the structure of the "file management" application and the "photo album" application includes a hierarchical structure, such applications can adopt a sidebar structure.

[0110] As another optional method, if it is determined based on the information architecture that the target application is provided with a navigation structure, and it is determined that the display structure of the target application is a hierarchical structure, the embodiment of the present disclosure can obtain the number of hierarchies of the target application, and if the number of hierarchies is higher than the preset number, the fourth layout framework strategy is used as the layout framework strategy corresponding to the target application, and the fourth layout framework strategy can involve a navigation bar, a first-level page, and a second-level page. Among them, the fourth layout framework strategy can be as follows Figure 8 shown.

[0111] Optionally, by Figure 8 It is known that the fourth layout framework strategy is similar to the first layout framework strategy, the second layout framework strategy, and the third layout framework strategy, and it can also include multiple first sub-layout frames, and the first display window parameters of the first display window are different, and the corresponding first sub-layout frames are also different. Exemplarily, the first sub-layout frame 801 can be a sub-layout frame corresponding to the large display window (Large) under the fourth layout framework strategy; the first sub-layout frame 802 can be a sub-layout frame corresponding to the medium display window (Medium) under the fourth layout framework strategy; the first sub-layout frame 803 can be a sub-layout frame corresponding to the small display window (Small) under the fourth layout framework strategy.

[0112] It can be seen that the fourth layout framework strategy is applicable to an application that sets a navigation structure, and the display structure of the application can be a hierarchical structure, and the number of levels of the hierarchical structure is greater than or equal to the preset number. Exemplarily, the application that sets a navigation structure and has a hierarchical display structure, and the number of levels is greater than or equal to the preset number can be a "note" application. In addition, since the structure of the "note" application includes a hierarchical structure, such an application can also adopt a sidebar structure.

[0113] As another optional method, when it is determined that the level and number are higher than the preset number, the disclosed embodiment can obtain the type of electronic device, determine the fourth layout framework strategy corresponding to the type of electronic device, and use the fourth layout framework strategy as the layout framework strategy corresponding to the target application. It can be seen that the layout framework strategy corresponding to different types of electronic devices may also be different.

[0114] As a specific implementation, when the type of the electronic device is a tablet, the corresponding fourth layout framework strategy can be as follows: Figure 8 As shown, through Figure 8 It is known that if the tablet is placed horizontally, the corresponding navigation bar in the first sub-layout frame 802 can be displayed in a floating manner.

[0115] As another specific implementation, when the type of the electronic device is a folding screen, the corresponding fourth layout framework strategy can be as follows: Fig. 9 As shown, through Fig. 9 It is known that when the electronic device is a folding screen, the corresponding navigation bar in the first sub-layout frame 902 can be displayed on one screen in the form of a bottom tab structure, and the navigation bar does not need to be displayed in a floating manner.

[0116] In order to better understand the process of determining the layout framework strategy, the present disclosure embodiment provides the following Fig.10 The example diagram shown. Fig.10 It is known that if the target program (APP) is a horizontal structure, the corresponding electronic device can adopt the layout framework strategy 1001; if the target program is a layered structure, the type of electronic device can be obtained, and if the electronic device is a tablet (pad), the layout framework strategy 1002 can be adopted. Optionally, if the electronic device is a folding screen (Fold), the layout framework strategy 1003 can be adopted. It can be seen that when the application is a horizontal navigation, the bottom tab structure can be adopted; when the application is a hierarchical navigation, the sidebar structure can be adopted.

[0117] It should be noted that the electronic devices in the embodiments of the present disclosure may be not only tablets (Pad), foldable screens (Fold) and mobile phones (Phone), but also wearable devices, readers and computers, etc. The wearable device may be a watch.

[0118] In step S230, when it is detected that the first display window parameter of the first display window is changed and the changed second display window parameter of the second display window meets the preset condition, a first sub-layout frame corresponding to the second display window parameter is obtained.

[0119] As an optional method, after the target application is displayed based on the first sub-layout frame, if it is detected that the first display window of the first display window has changed, and the second display window parameters of the changed second display window meet the preset conditions, the embodiment of the present disclosure can obtain the first sub-layout frame corresponding to the second display window parameters.

[0120] Here, the window after the first display window parameters are changed may be the second display window, and the changed second display window parameters of the second display window meeting the preset condition may be that the first display window parameters and the second display window parameters belong to different parameter ranges.

[0121] Specifically, the first display window parameter and the second display window parameter belonging to different parameter ranges may be that the width in the second display window parameter and the width in the first display window parameter belong to different width ranges. For example, the width in the first display window parameter is greater than the second width threshold, and it belongs to the first width range, and the width in the second display window parameter is greater than the first width threshold and less than the second width threshold, and it belongs to the second width range. At this time, it can be determined that the width in the first display window parameter and the width in the second display window parameter belong to different width ranges, and the second display window parameter meets the preset conditions.

[0122] Optionally, the first display window parameter and the second display window parameter belong to different parameter ranges, or the height in the first display window parameter and the height in the second display window parameter belong to different height ranges. For example, the height in the first display window parameter is greater than the first height threshold, and it belongs to the first height range, and the height in the second display window parameter is less than the first height threshold, and it belongs to the second height range. In this case, it can be determined that the height in the first display window parameter and the height in the second display window parameter belong to different height ranges, and the second display window parameter meets the preset conditions.

[0123] Optionally, the first display window parameter and the second display window parameter belong to different parameter ranges, or the width in the first display window parameter and the width in the second display window parameter belong to different width ranges, and the height in the first display window parameter and the height in the second display window parameter belong to different height ranges.

[0124] Optionally, the changed second display window meets the preset conditions, or the first display window and the second display window belong to different window categories. For example, the first display window belongs to a large display window (Large) and the second display window belongs to a medium display window (Medium). At this time, it can be determined that the first display window and the second display window belong to different window categories, and it is determined that the second display window parameters meet the preset conditions. How to determine whether the second display window parameters meet the preset conditions is not explicitly limited here, and can be selected according to actual conditions.

[0125] In step S240, a target application is displayed based on the first sub-layout frame corresponding to the second display window parameter.

[0126] Through the above introduction, it is known that when it is detected that the display window parameters of the target application have changed and the changed display window parameters meet the preset conditions, the embodiment of the present disclosure can re-acquire the sub-layout frame. On this basis, the embodiment of the present disclosure can display the target application based on the re-acquired first sub-layout frame. Here, the re-acquired first sub-layout frame can also be referred to as the second sub-layout frame, that is, based on the second sub-layout frame, the embodiment of the present disclosure can display the target application in the second display window.

[0127] As an example, when the electronic device is a tablet and the tablet is placed horizontally, the embodiment of the present disclosure can display the target application in the first sub-layout frame. Afterwards, if the tablet is placed from horizontal to vertical, the target program can be displayed in the second sub-layout frame. It can be seen that when the display window parameters of the electronic device change, and the changed display window parameters meet the preset conditions, the target application can be displayed in the sub-layout frame corresponding to the changed display parameters.

[0128] As another example, when the electronic device is a tablet and the tablet is placed horizontally, the embodiment of the present disclosure can display the target application in a first sub-layout frame. Afterwards, if the user displays the target application on the tablet in a partially split-screen manner through operation, the window parameters of the target application under the partial split-screen can be obtained, and the sub-layout frame corresponding to the window parameters can be obtained. On this basis, the target application is displayed based on the sub-layout frame (second sub-layout frame). Here, the corresponding display window of the partial split screen can be referred to as the second display window. When the window parameters of the partial split screen meet the preset conditions, the embodiment of the present disclosure can display the target application based on the second sub-layout frame corresponding to the newly obtained second display window parameters.

[0129] The present invention can adapt to different windows and different ends through a set of universal technical frameworks, so that applications of different businesses can adapt to different ends and windows by accessing this set of universal interaction frameworks, which can bring low cost and high code uniformity to the business.

[0130] In addition, the present disclosure can be an adaptive interactive display method for different windows in multi-terminal applications. By integrating different interface framework codes for different device types and uniformly connecting them to a new interactive framework (MIUIX), the adaptive ability of the new interactive framework itself can be used to complete the interface display on different types of electronic devices, thereby achieving the purpose of one set of code and multi-terminal applicability, reducing redundant code logic and interface resources.

[0131] In response to the electronic device receiving a first operation on a target application, the disclosed embodiment determines the first display window of the target application, and on this basis, determines the first display window parameters of the first display window, and determines the target layout framework corresponding to the target application based on the first display window parameters, and displays the target application in the first display window based on the target layout framework, so that different display windows can be adapted, that is, different types of electronic devices can be adapted, thereby reducing the cost of service access and improving the flexibility of application display. In addition, the disclosed embodiment can be rearranged in real time according to the strategy, that is, it can be rearranged according to the changes in the display window, and can ensure the optimal display capability.

[0132] Fig.11 FIG. 1 is a block diagram of an application display device 1100 according to an exemplary embodiment. Fig.11 The application display device 1100 includes a window determination module 1110 , a frame determination module 1120 and a display module 1130 .

[0133] The window determination module 1110 is configured to determine a first display window of the target application in response to the electronic device receiving a first operation on the target application;

[0134] The framework determination module 1120 is configured to determine a first display window parameter of the first display window, and determine a target layout framework corresponding to the target application based on the first display window parameter;

[0135] The display module 1130 is configured to display the target application in the first display window based on the target layout framework.

[0136] In some implementations, the framework determination module 1120 may include:

[0137] An information architecture acquisition submodule, configured to acquire the information architecture of the target application;

[0138] A framework strategy acquisition submodule is configured to acquire a layout framework strategy corresponding to the target application according to the information architecture, wherein the layout framework strategy includes at least one first sub-layout framework;

[0139] The layout frame acquisition submodule is configured to acquire the first sub-layout frame corresponding to the first display window, and use the first sub-layout frame as the target layout frame.

[0140] In some implementations, the application display device 1100 may further include:

[0141] A new frame acquisition module is configured to acquire the first sub-layout frame corresponding to the second display window parameter when detecting that the first display window parameter of the first display window is changed and the changed second display window parameter of the second display window meets a preset condition;

[0142] The display module is configured to display the target application based on the first sub-layout frame corresponding to the second display window parameter.

[0143] In some implementations, the changed second display window parameter of the second display window meets a preset condition, including: the first display window parameter and the second display window parameter belong to different parameter ranges.

[0144] In some embodiments, the framework strategy acquisition submodule is also configured to use a first layout framework strategy as the layout framework strategy corresponding to the target application if it is determined based on the information architecture that the target application is not provided with a navigation structure, wherein the first layout framework strategy involves first-level pages and second-level pages.

[0145] In some embodiments, the framework strategy acquisition submodule is also configured to obtain the display structure of the target application if it is determined based on the information architecture that the target application is provided with a navigation structure; when it is determined that the display structure of the target application is a horizontal structure, use the second layout framework strategy as the layout framework strategy corresponding to the target application, and the second layout framework strategy involves bottom tab navigation.

[0146] In some implementations, the framework strategy acquisition submodule is further configured to acquire the number of levels of the target application when determining that the display structure of the target application is a hierarchical structure;

[0147] When the number of levels is lower than a preset number, a third layout framework strategy is used as the layout framework strategy corresponding to the target application, and the third layout framework strategy involves a navigation bar and a content area.

[0148] In some embodiments, the framework strategy acquisition submodule is also configured to use a fourth layout framework strategy as the layout framework strategy corresponding to the target application when the number of levels is higher than a preset number, and the fourth layout framework strategy includes a navigation bar, a first-level page, and a second-level page.

[0149] In some embodiments, the framework strategy acquisition submodule is also configured to acquire the fourth layout framework strategy corresponding to the type of the electronic device when the number of levels is higher than a preset number, and use the fourth layout framework strategy as the layout framework strategy corresponding to the target application.

[0150] In response to an electronic device receiving a first operation on a target application, the disclosed embodiment determines a first display window of the target application, and on this basis, determines first display window parameters of the first display window, and determines a target layout frame corresponding to the target application based on the first display window parameters, and displays the target application in the first display window based on the target layout frame. In this way, different display windows can be adapted, that is, different types of electronic devices can be adapted, thereby reducing the cost of business access and improving the flexibility of application display.

[0151] Regarding the device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0152] The present disclosure also provides a computer-readable storage medium having computer program instructions stored thereon, which implement the steps of the application display method provided by the present disclosure when the program instructions are executed by a processor.

[0153] Fig.12 1 is a block diagram of an electronic device 1200 according to an exemplary embodiment. For example, the electronic device 1200 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0154] Reference Fig.12 , the electronic device 1200 may include one or more of the following components: a processing component 1202 , a memory 1204 , a power component 1206 , a multimedia component 1208 , an audio component 1210 , an input / output interface 1212 , a sensor component 1214 , and a communication component 1216 .

[0155] The processing component 1202 generally controls the overall operation of the electronic device 1200, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 1202 may include one or more processors 1220 to execute instructions to complete all or part of the steps of the above-mentioned application display method. In addition, the processing component 1202 may include one or more modules to facilitate the interaction between the processing component 1202 and other components. For example, the processing component 1202 may include a multimedia module to facilitate the interaction between the multimedia component 1208 and the processing component 1202.

[0156] The memory 1204 is configured to store various types of data to support operations on the electronic device 1200. Examples of such data include instructions for any application or method operating on the electronic device 1200, contact data, phone book data, messages, pictures, videos, etc. The memory 1204 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0157] The power supply component 1206 provides power to the various components of the electronic device 1200. The power supply component 1206 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the electronic device 1200.

[0158] The multimedia component 1208 includes a screen that provides an output interface between the electronic device 1200 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 1208 includes a front camera and / or a rear camera. When the electronic device 1200 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0159] The audio component 1210 is configured to output and / or input audio signals. For example, the audio component 1210 includes a microphone (MIC), and when the electronic device 1200 is in an operation mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 1204 or sent via the communication component 1216. In some embodiments, the audio component 1210 also includes a speaker for outputting audio signals.

[0160] The input / output interface 1212 provides an interface between the processing component 1202 and the peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: a home button, a volume button, a start button, and a lock button.

[0161] The sensor assembly 1214 includes one or more sensors for providing various aspects of status assessment for the electronic device 1200. For example, the sensor assembly 1214 can detect the open / closed state of the electronic device 1200, the relative positioning of components, such as the display and keypad of the electronic device 1200, and the sensor assembly 1214 can also detect the position change of the electronic device 1200 or a component of the electronic device 1200, the presence or absence of user contact with the electronic device 1200, the orientation or acceleration / deceleration of the electronic device 1200, and the temperature change of the electronic device 1200. The sensor assembly 1214 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 1214 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 1214 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0162] The communication component 1216 is configured to facilitate wired or wireless communication between the electronic device 1200 and other devices. The electronic device 1200 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 1216 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 1216 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0163] In an exemplary embodiment, the electronic device 1200 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to execute the above-mentioned application display method.

[0164] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 1204 including instructions, and the instructions can be executed by a processor 1220 of an electronic device 1200 to complete the above-mentioned application display method. For example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0165] In another exemplary embodiment, a computer program product is further provided. The computer program product includes a computer program executable by a programmable device, and the computer program has a code portion for executing the above-mentioned application display method when executed by the programmable device.

[0166] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the present disclosure. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered as exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0167] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An application display method, characterized in that: include: In response to the electronic device receiving a first operation on a target application, determining a first display window of the target application; Determining first display window parameters of the first display window, and determining a target layout framework corresponding to the target application based on the first display window parameters; Based on the target layout framework, the target application is displayed in the first display window.

2. The method according to claim 1, characterized in that The determining, based on the first display window, a target layout framework corresponding to the target application program includes: Obtaining the information architecture of the target application; Acquire a layout framework strategy corresponding to the target application according to the information architecture, wherein the layout framework strategy includes at least one first sub-layout framework; The first sub-layout frame corresponding to the first display window is acquired, and the first sub-layout frame is used as the target layout frame.

3. The method according to claim 2, characterized in that The method further comprises: When it is detected that the first display window parameter of the first display window is changed and the changed second display window parameter of the second display window meets a preset condition, acquiring the first sub-layout frame corresponding to the second display window parameter; The target application is displayed based on the first sub-layout frame corresponding to the second display window parameter.

4. The method according to claim 3, characterized in that: The changed second display window parameter of the second display window meets a preset condition, including: the first display window parameter and the second display window parameter belong to different parameter ranges.

5. The method according to claim 2, characterized in that: The acquiring the layout framework strategy corresponding to the target application according to the information architecture includes: If it is determined based on the information architecture that the target application is not provided with a navigation structure, a first layout framework strategy is used as the layout framework strategy corresponding to the target application, wherein the first layout framework strategy involves a primary page and a secondary page.

6. The method according to claim 5, characterized in that The method further comprises: If it is determined based on the information architecture that the target application is provided with a navigation structure, obtaining a display structure of the target application; When it is determined that the display structure of the target application is a horizontal structure, a second layout framework strategy is used as the layout framework strategy corresponding to the target application, and the second layout framework strategy involves bottom tab navigation.

7. The method according to claim 6, characterized in that The method further comprises: When it is determined that the display structure of the target application is a hierarchical structure, obtaining the number of hierarchies of the target application; When the number of levels is lower than a preset number, a third layout framework strategy is used as the layout framework strategy corresponding to the target application, and the third layout framework strategy involves a navigation bar and a content area.

8. The method according to claim 7, characterized in that The method further comprises: When the number of levels is higher than a preset number, a fourth layout framework strategy is used as the layout framework strategy corresponding to the target application, and the fourth layout framework strategy includes a navigation bar, a first-level page, and a second-level page.

9. The method according to claim 8, characterized in that When the number of levels is greater than a preset number, using the fourth layout framework strategy as the layout framework strategy corresponding to the target application program includes: When the number of levels is higher than a preset number, the fourth layout framework strategy corresponding to the type of the electronic device is obtained, and the fourth layout framework strategy is used as the layout framework strategy corresponding to the target application.

10. An application display device, characterized in that: include: a window determination module, configured to determine a first display window of the target application in response to the electronic device receiving a first operation on the target application; a frame determination module, configured to determine first display window parameters of the first display window, and determine a target layout frame corresponding to the target application based on the first display window parameters; The display module is configured to display the target application in the first display window based on the target layout framework.

11. An electronic device, characterized in that: include: processor; a memory for storing processor-executable instructions; Wherein, the processor is configured to: In response to the electronic device receiving a first operation on a target application, determining a first display window of the target application; Determining first display window parameters of the first display window, and determining a target display frame corresponding to the target application based on the first display window parameters; Based on the target layout framework, the target application is displayed in the first display window.

12. A computer-readable storage medium having computer program instructions stored thereon, characterized in that: When the program instructions are executed by a processor, the steps of the method described in any one of claims 1 to 9 are implemented.

Images