Display method, electronic device, medium, program product, and chip

Abstract

The present application relates to the technical field of terminals, and discloses a display method, an electronic device, a medium, a program product, and a chip. In the display method, in response to a user operation of page redirection in a first application, the first application may present different display modes on the basis of a page to be redirected to. For example, when redirecting from a first home page of the first application to a second home page of the first application, the first application may display the second home page in a full-screen mode; and when redirecting from the second home page to a detail page of the second home page, the first application may display the redirected second home page and the detail page of the second home page in a split-screen mode. The display method in embodiments of the present application achieves a relatively unique and flexible split-screen display effect, and can improve the readability of an application interface, and improve the browsing experience of a user.

Description

Display method, electronic device, medium, program product and chip

[0001] The present application claims priority to the Chinese patent application No. 202411083256.3, filed on August 7, 2024, and entitled "A display method, electronic device, medium, program product and chip", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of terminals, and in particular to a display method, electronic device, medium, program product and chip. BACKGROUND

[0003] At present, application software in an electronic device needs to adapt to the size of the electronic device when providing a display page. With the continuous change of the size of the electronic device, for example, the types and quantities of large-screen devices (tablets, foldable screens, intelligent cockpits, etc.) are increasing, and the adaptation of application software to large-screen devices has become a general demand.

[0004] In some large-screen devices, different pages of an application are displayed in a way of column display. However, the current column display method is not flexible enough to meet the diversified needs of users when browsing the application. SUMMARY

[0005] To solve the above problems, the embodiments of the present application provide a display method, electronic device, medium, program product and chip.

[0006] In a first aspect, the embodiments of the present application provide a display method, which comprises: receiving a first application start, creating a display component of the first application, wherein the display component comprises a first component, the first component comprises a first column component and a second column component, the first column component is in a hidden state, the second column component comprises a second component, the second component comprises a first column component and a second column component; adding a first home page in the first column component of the second component, so that the first application displays the first home page in a full interface; receiving a user operation of jumping from the first home page to a second home page of the first application, creating a third component in the second column component of the first component, the third component comprises a first column component and a second column component; adding the second home page in the first column component of the third component, so that the first application displays the second home page in a full interface; receiving a user operation of jumping from the second home page to a detail page of the second home page, adding the detail page of the second home page in the second column component of the third component, so that the first application displays the second home page and the detail page of the second home page in a column.

[0007] Based on the above scheme, in response to a user operation of page jumping in the first application, the first application can present different display modes according to the page to be jumped. For example, when jumping from the first home page to the second home page, the first application can display the second home page in full interface; when jumping to the detail page of the second home page, the first application can display the jumped second home page and the detail page of the second home page in columns. The display method of the embodiments of the present application has a unique and flexible column display effect, which can improve the readability of the application interface and improve the browsing experience of the user.

[0008] The first component, the second component and the third component are used to display different application interfaces of the first application. The first column component and the second column component of each component in the first component, the second component and the third component can be used to realize column display of different pages in the application interface corresponding to each component. For example, the first column component of the third component can be responsible for left column display of the application interface, and the second column component of the third component can be responsible for right column display of the application interface.

[0009] It should be noted that in other embodiments, the first column component of each component in the first component, the second component and the third component can be responsible for upper column display of the application interface, and the second column component can be responsible for lower column display of the application interface.

[0010] In addition, the first column component and the second column component of each component in the first component, the second component and the third component can also be used to display a certain page in full interface in the application interface corresponding to each component. For example, the first column component of the first component can be set to a hidden state, that is, no display content is placed, and then the display content added in the second column component of the first component is displayed in full interface. For another example, no display content is placed in the second column component of the second component, and the first home page added in the first column component of the second component is displayed in full interface.

[0011] In the embodiments of the present application, by nesting the second component corresponding to the first home page and the third component corresponding to the second home page in the second column component of the first component, full interface display or column display of the first home page can be realized in the first application, and full interface display or column display of the second home page can also be realized.

[0012] Compared with the traditional display scheme in which only one home page can be fixedly displayed in column display, the display method of the embodiments of the present application can change the home page displayed in columns, for example, the first home page and the second home page, and has high flexibility.

[0013] In some implementable manners of the first aspect, the method further includes: receiving a user operation of jumping from the first home page to a first detail page of the first home page, adding the first detail page in the second column component of the second component, so that the first application displays the first home page and the first detail page in columns.

[0014] It can be understood that when it is needed to jump to the first detail page of the first homepage, the first application can display the first homepage and the first detail page in split screens, and the two pages displayed in split screens do not interfere with each other, the user can operate in any split screen, so that the structure of the application interface is more clear and explicit, and it is more convenient for the user to read and navigate.

[0015] In some implementable manners of the first aspect, after receiving the first application start and creating the display component of the first application, the method comprises: adding the first homepage in the first column component of the second component, and adding the first detail page of the first homepage in the second column component of the second component, so that the first application displays the first homepage and the first detail page in split screens.

[0016] It can be understood that after the first application starts, only one page, for example, the first homepage, can be displayed, or two pages, for example, the first homepage and the first detail page of the first homepage, can be displayed in split screens. By reasonably using different display modes, the first application can have good readability and aesthetic appearance.

[0017] In some implementable manners of the first aspect, the method further comprises: receiving a user operation of jumping to a second detail page of the first homepage, adding the second detail page in the second column component of the second component, so that the first application displays the first homepage and the second detail page in split screens.

[0018] It can be understood that when jumping to the second detail page of the first homepage, the second detail page directly covers the first detail page to realize the split screen display effect of the first homepage and the second detail page. In this way, the first application can maintain the clarity of the interface structure to improve the reading experience of the user.

[0019] In some implementable manners of the first aspect, the method further comprises: corresponding to the user operation of determining to jump to the second detail page of the first homepage, determining to jump from the first detail page to the second detail page of the first homepage.

[0020] In some implementable manners of the first aspect, the method further comprises: corresponding to the user operation of determining to jump to the second detail page of the first homepage, determining to jump from the first homepage to the second detail page of the first homepage; wherein the second split screen position corresponds to a different split screen of the first application from the first split screen position.

[0021] It can be understood that the first application can determine the page triggering the jump based on the split screen position corresponding to the user operation, so as to determine whether to delete the page added in the corresponding component in the past.

[0022] In some possible implementation manners of the first aspect, adding the second detail page in the second column component of the second component includes: adding the second detail page in the second column component of the second component and placing the second detail page in a stack above the first detail page; and the method further includes: receiving a return operation of the user based on the second detail page, deleting the second detail page in the second column component of the second component, and causing the first application to display the first home page and the first detail page in the column.

[0023] In this way, if the first application determines, based on the user operation corresponding to the first column position, that the page triggering the jump is the first detail page, the second detail page is continued to be stacked on the first detail page in the second column component of the second component, and the jump page, that is, the first detail page, can be returned to when returning on the second detail page, so that the coherence of the content can be maintained.

[0024] In some possible implementation manners of the first aspect, adding the second detail page in the second column component of the second component includes: deleting the first detail page in the second column component of the second component and adding the second detail page; and the method further includes: receiving a return operation of the user based on the second detail page, deleting the second detail page in the second column component of the second component, and causing the first application to display the first home page or displaying prompt information for exiting the first application.

[0025] In this way, if the first application determines, based on the user operation corresponding to the second column position, that the page triggering the jump is the first home page, the first detail page is deleted in the second column component of the second component, so as to avoid an infinite stacking of too many detail pages in the second column component and cause performance loss. When returning on the second detail page, the first home page can be directly returned to, or the first application is exited, so as to avoid a blank column display of the content.

[0026] In some possible implementation manners of the first aspect, the method further includes: receiving a user operation of jumping from the second detail page to a third detail page of the first home page, adding the third detail page in the second column component of the second component and placing the third detail page in a stack above the second detail page, and causing the first application to display the first home page and the third detail page in the column; and receiving a return operation of the user based on the third detail page, deleting the third detail page in the second column component of the second component, and causing the first application to display the first home page and the second detail page in the column.

[0027] In some possible implementation manners of the first aspect, the method further includes: receiving a user operation of jumping from the first home page to a third detail page of the first home page, deleting the second detail page in the second column component of the second component, and adding the third detail page, so that the first application splits the display to display the first home page and the third detail page; receiving a return operation of the user based on the third detail page, deleting the third detail page in the second column component of the second component, so that the first application displays the first home page in full interface, or displaying prompt information of exiting the first application.

[0028] It can be understood that in the first application, the user can perform multi-level detail page jumping, that is, continuously jumping from the first detail page to the third detail page, and in each time of jumping, the first application can determine whether to delete the page added in the corresponding component based on the split position corresponding to the user operation.

[0029] In some possible implementation manners of the first aspect, the method further includes: receiving a user operation of jumping to a full-screen page, adding the full-screen page in the second column component of the first component, so that the first application displays the full-screen page in full interface; wherein the first home page and the second home page correspond to a first page type, the detail page of the second home page corresponds to a second page type, and the full-screen page corresponds to a third page type.

[0030] It can be understood that each page in the first application can have a page type, so that the first application can determine a display manner of displaying each page according to the page type of each page.

[0031] In a second aspect, an embodiment of the present application provides a display method, which includes: receiving a first application start, displaying a first home page of the first application; receiving a user operation of jumping from the first home page to a second home page of the first application, displaying the second home page in full interface; receiving a user operation of jumping from the second home page to a detail page of the second home page, splitting the display to display the second home page and the detail page of the second home page.

[0032] In some possible implementation manners of the second aspect, the method further includes: in the case of displaying the first home page of the first application, receiving a user operation of jumping from the first home page to a first detail page of the first home page, splitting the display to display the first home page and the first detail page.

[0033] In some possible implementation manners of the second aspect, the method further includes: receiving a first application start, splitting the display to display a first home page and a first detail page of the first home page of the first application.

[0034] In some possible implementation manners of the second aspect, the method further includes: receiving a user operation of jumping from the first detail page to a second detail page of the first home page, splitting the display to display the first home page and the second detail page; receiving a return operation of the user based on the second detail page, splitting the display to display the first home page and the first detail page.

[0035] In some possible implementation manners of the second aspect, the method further includes: receiving a user operation of jumping from the first homepage to a second detail page of the first homepage, displaying the first homepage and the second detail page in the split view; receiving a return operation of the user based on the second detail page, displaying the first homepage in the full view, or displaying prompt information of exiting the first application.

[0036] In some possible implementation manners of the second aspect, the method further includes: receiving a user operation of jumping from the second detail page to a third detail page of the first homepage, displaying the first homepage and the third detail page in the split view; receiving a return operation of the user based on the third detail page, displaying the first homepage and the second detail page in the split view.

[0037] In some possible implementation manners of the second aspect, the method further includes: receiving a user operation of jumping from the first homepage to a third detail page of the first homepage, displaying the first homepage and the third detail page in the split view; receiving a return operation of the user based on the third detail page, displaying the first homepage in the full view, or displaying prompt information of exiting the first application.

[0038] In some possible implementation manners of the second aspect, the method further includes: receiving a user operation of jumping to a full-screen page, displaying the full-screen page in the full view, wherein the first homepage and the second homepage correspond to a first page type, the detail page of the second homepage corresponds to a second page type, and the full-screen page corresponds to a third page type.

[0039] In a third aspect, an electronic device is provided, including: a memory configured to store one or more programs; and a processor configured to execute the one or more programs to cause the electronic device to implement the display method in the first aspect.

[0040] In a fourth aspect, a computer-readable storage medium is provided, including one or more computer programs, and the one or more computer programs, when executed on an electronic device, cause the electronic device to implement the display method in the first aspect.

[0041] In a fifth aspect, a computer program product is provided, and the computer program product, when executed on an electronic device, causes the electronic device to implement the display method in the first aspect.

[0042] In a sixth aspect, a chip is provided, including a memory configured to store instructions executed by one or more processors of an electronic device, and the one or more processors configured to implement the display method in the first aspect.

[0043] It can be understood that the technical effects of the second aspect to the sixth aspect can refer to the description of the first aspect, and will not be repeated here. Attached Figure Description

[0044] Figure 1a shows a schematic diagram of an application interface in a mobile phone 10 according to some embodiments of this application;

[0045] Figure 1b shows a schematic diagram of the application interface in mobile phone 10 according to some embodiments of this application;

[0046] Figure 1c shows a schematic diagram of the application interface in mobile phone 10 according to some embodiments of this application;

[0047] Figure 2a shows a schematic diagram of an application interface in a tablet computer 20 according to some embodiments of this application;

[0048] Figure 2b shows a schematic diagram of the application interface in the tablet computer 20 according to some embodiments of this application;

[0049] Figure 2c shows a schematic diagram of the application interface in the tablet computer 20 according to some embodiments of this application;

[0050] Figure 3 illustrates the basic structure of a navigation component according to some embodiments of this application;

[0051] Figure 4a shows a schematic diagram of the application interface in the tablet computer 20 according to some embodiments of this application;

[0052] Figure 4b shows a schematic diagram of the application interface in the tablet computer 20 according to some embodiments of this application;

[0053] Figure 4c shows a schematic diagram of the application interface in the tablet computer 20 according to some embodiments of this application;

[0054] Figure 5 illustrates a scenario of application interface transition in a tablet computer 20 according to some embodiments of this application;

[0055] Figure 6a shows a schematic diagram of the configuration of the navigation component in a jump scenario according to some embodiments of this application;

[0056] Figure 6b illustrates a second configuration diagram of the navigation component in a jump scenario, according to some embodiments of this application.

[0057] Figure 6c shows a schematic diagram of the configuration of the navigation component in a jump scenario, according to some embodiments of this application;

[0058] Figure 7 illustrates a second schematic diagram of a jump scenario in the application interface according to some embodiments of this application;

[0059] Figure 8 illustrates a flowchart of a display method according to some embodiments of this application;

[0060] FIG. 9a shows a configuration diagram of NavPathStack in an external navigation component in a jump scenario, according to some embodiments of the present application;

[0061] FIG. 9b shows a configuration diagram of NavPathStack in an external navigation component in a jump scenario, according to some embodiments of the present application;

[0062] FIG. 9c shows a configuration diagram of NavPathStack in an external navigation component in a jump scenario, according to some embodiments of the present application;

[0063] FIG. 9d shows a configuration diagram of NavPathStack in an external navigation component in a jump scenario, according to some embodiments of the present application;

[0064] FIG. 9e shows a configuration diagram of NavPathStack in an external navigation component in a jump scenario, according to some embodiments of the present application;

[0065] FIG. 9f shows a configuration diagram of NavPathStack in an external navigation component in a jump scenario, according to some embodiments of the present application;

[0066] FIG. 10 shows a structural diagram of an electronic device 200, according to some embodiments of the present application;

[0067] FIG. 11 shows a structural diagram of an electronic device 300, according to some embodiments of the present application;

[0068] FIG. 12 shows a software structure block diagram of an electronic device 200, according to some embodiments of the present application. DETAILED DESCRIPTION

[0069] The illustrative embodiments of the present application include, but are not limited to, a display method, an electronic device, a medium, a program product, and a chip.

[0070] It can be understood that the execution subject of the display method in the embodiments of the present application is a client. The client in the embodiments of the present application can refer to an application software (application, APP). The application software can run on an electronic device to provide relevant application services for users. Alternatively, the client in the embodiments of the present application can also refer to an electronic device. Hereinafter, the client is taken as an example of an electronic device.

[0071] It can be understood that the electronic device of the embodiments of the present application can include, but is not limited to, a smart phone (including a folding screen phone), a netbook, a tablet computer, a personal computer (PC), a palm computer, a vehicle-mounted device, a wearable device (such as a smart watch, a smart bracelet, smart glasses, etc.), a smart television, a personal digital assistant (PDA), a portable multimedia player (PMP), a projection device, a smart screen device, an augmented reality (AR) / virtual reality (VR) device, a mixed reality (MR) device, a television set, or a body sensing game machine in a human-computer interaction scene, and other electronic devices with a display screen. The specific functions and structures of the electronic device are not limited in the present application.

[0072] Firstly, the words involved in the embodiments of the present application are explained. It can be understood that the explanation is for a clearer understanding of the embodiments of the present application, and does not necessarily constitute a limitation on the embodiments of the present application.

[0073] Interface: can refer to the application interface of the application software, the size of the application interface can be less than or equal to the display size of the display screen of the electronic device on which the application software is installed. When the size of the application interface is the same as the display size of the electronic device, it means that the electronic device displays the application software in full screen. When the size of the application interface is less than the display size of the electronic device, the display screen of the electronic device can include other interfaces in addition to the application interface of the application software, such as the application interface of other application software, or the desktop of the electronic device, which means that the electronic device does not display the application software in full screen. It can be understood that, for the convenience of explanation, the display screen of the electronic device in each drawing of the present application is taken as an example, which is the application interface of the application software.

[0074] One or more pages (for example, two pages) can be displayed in the same interface. The full interface display described in the embodiments of the present application refers to that one interface displays only one page. The column display described in the embodiments of the present application refers to that two pages are displayed in one interface. The column can include left and right column forms, top and bottom column forms, which are not limited in the present application. For the convenience of explanation, the left and right column forms are taken as examples in each drawing of the present application.

[0075] Activity: When an electronic device starts an application for the first time, the electronic device creates a task stack or an activity stack for the application, and the task stack is used to place Activity. When placing Activity, the task stack places Activity in order, and the interface / window corresponding to the uppermost Activity of the task stack is usually visible to the user. Each Activity corresponds to at least one interface. The more Activities corresponding to an application, the more computing resources and storage resources of the electronic device consumed by the application.

[0076] Home page and detail page: The home page and the detail page are two different types of pages. The detail page of the home page can be displayed by operating the home page.

[0077] In some embodiments, the home page of an application can include a home page of the application, and the home page is used to display main function modules of the application, so as to enable the user to understand the main functions of the application. The home page can provide an entry (such as the aforementioned jump control) to a page corresponding to each function module, and the user can experience the services provided by the application in the page of each function module.

[0078] In some embodiments, the home page of an application can have multiple home pages, and the multiple home pages can correspond to different application services. Different home pages are used to display function modules related to different application services, and different home pages can provide an entry to a detail page corresponding to each service.

[0079] For example, in a video playing application, a home page, a home page of TV series, a home page of movies, a home page of variety shows, and the like can be included, and the home pages correspond to different video type playing services. In the home page, an entry to the home page of TV series, the home page of movies, and the home page of variety shows can be provided, and in the home page of TV series, an entry to multiple TV series detail pages corresponding to different TV series can be provided.

[0080] For example, in an e-commerce application, a home page, a live broadcast home page, a shopping cart home page, and the like can be included, and the home pages correspond to different services. In the home page, an entry to multiple product detail pages corresponding to different products can be provided.

[0081] It can be understood that the home page and the detail page correspond to different page types. Different page types can correspond to different display modes. For example, the home page corresponds to a first page type, and the detail page corresponds to a second page type. The first page type can correspond to a full interface display mode or a column display mode. The second page type can correspond to a column display mode.

[0082] Full-screen page: In some embodiments, the application can also include a full-screen page, which can correspond to a third page type, and the third page type corresponds to a full-interface display mode, that is, the full-screen page is not displayed in a column with other pages. For example, the start page / login page / advertising page of the application can be a full-screen page.

[0083] The technical solutions of the present application will be described below with reference to the accompanying drawings.

[0084] Taking application A as an example, the display mode of application A in different electronic devices is introduced. Among them, FIGS. 1a-1c show the scenario that the mobile phone 10 displays only one page of application A at a time.

[0085] Currently, for the same application, the display of each home page in the application needs to be completed by the corresponding Activity in the application task stack. In some embodiments, when the application needs to display multiple home pages in sequence, the mobile phone 10 needs to create multiple Activities in the task stack in sequence, and the multiple Activities are in a stacked form, and the Activity of the currently displayed home page is located at the top of the application task stack. The display of the detail page of each home page in the application can be completed in the Activity corresponding to the home page, so there is no need to create a new Activity. The page type of the home page / detail page can be customized.

[0086] Specifically, FIG. 1a shows the scenario that application A displays a single home page when starting. Referring to FIG. 1a, after the mobile phone 10 receives the operation of the user starting application A, it starts application A and creates a task stack of application A. It places Activity1 corresponding to the first page (home page A1) of application A in the task stack, and displays interface 101 based on Activity1. Interface 101 displays the home page A1 of application A in full screen, and the home page A1 includes a jump control 1011 of the home page A2 and a jump control 1012 of the detail page A11. Activity1 can include the task of drawing the home page A1 in interface 101.

[0087] As shown in FIG. 1b, the mobile phone 10 receives the click operation of the user on the jump control 1011 in interface 101, adds Activity2 in the task stack, and places Activity2 on the upper layer of Activity1 in a stacked manner, and then displays interface 102 based on Activity2. Interface 102 displays the home page A2 of application A in full screen. Activity2 can include the task of drawing the home page A2 in interface 102, and since Activity2 is located at the top layer of the task stack, the home page A2 is in a visible state.

[0088] As shown in FIG. 1c, the detail page A11 is a detail page of the home page A1. The mobile phone 10 receives a click operation of the user on the jump control 1012 in the interface 101, updates the Activity 1 in the task stack, for example, adds a task of drawing the detail page A11, and displays the interface 101' based on the updated Activity 1. The interface 101' displays the detail page A11 in full screen. Since the detail page A11 and the home page A1 belong to the same Activity 1, the drawing of the detail page A11 in the interface 101' can be completed in the Activity 1, and therefore no new Activity is added in the task stack.

[0089] The scenarios of the tablet 20 displaying one or more pages are described below in combination with FIG. 2a and FIG. 2b. The application A can be displayed in columns in the tablet 20. For example, if the application A needs to be displayed in two columns on the tablet 20, the tablet 20 can place two Activities corresponding to the two home pages in the task stack in parallel, so that the two home pages are displayed in two columns on the interface of the tablet 20. However, this requires that the two pages belong to different Activities, for example, the home page A1 belonging to Activity 1 and the home page A2 belonging to Activity 2 can be displayed simultaneously, and the detail page A11 belonging to Activity 1 and the home page A2 belonging to Activity 2 can also be displayed simultaneously. For two pages under the same Activity, the tablet 20 cannot display them in columns, for example, the home page A1 and the detail page A11 under Activity 1 cannot be displayed in columns.

[0090] Specifically, referring to FIG. 2a, the tablet 20 receives an operation of starting the application A in a landscape state, starts the application A, and creates a task stack of the application A. The tablet 20 places the Activity 1 of the home page A1 of the application A in the task stack, and displays the interface 201 based on the Activity 1. The interface 201 displays the home page A1 of the application A in full screen. The home page A1 includes a jump control 2011 of the home page A2 and a jump control 2012 of the detail page A11.

[0091] In combination with FIG. 2b, the tablet 20 receives a click operation of the user on the jump control 2011 in the interface 201, adds the Activity 2 in the task stack, places the Activity 2 in parallel with the Activity 1, and displays the interface 202 based on the Activity 1 and the Activity 2. The interface 202 displays the home page A1 and the home page A2 in two columns, for example, displays the home page A1 in the left column 202a and displays the home page A2 in the right column 202b.

[0092] With reference to FIGS. 2b and 2c, the tablet 20 receives a user click operation on the jump control 2012 in the left column 202a of the interface 202, updates the Activity 1 in the task stack, for example, adds a task of the drawing detail page A11, and displays the interface 203 based on the updated Activity 1 and the Activity 2. The interface 203 displays the detail page A11 and the home page A2 in the columns, that is, the left column of the tablet 20 displays the page from the home page A1 to the detail page A11, but the right column displays the home page A2 unchanged.

[0093] In another column display scenario, the tablet 20 can use a navigation (Navigation) component to implement the column display of the home page and the detail page. In the navigation component, a fixed view (NavBar) and a page stack container (NavPathStack) are used to implement the column display. However, when the column display is implemented based on the navigation component, the left column of the tablet 20 can only fixedly display one page, and only the right column can respond to the user operation to display the page corresponding to the user operation.

[0094] FIG. 3 shows a basic structure of a navigation component. As shown in FIG. 3, the navigation component includes a fixed view (NavBar) on the left and a page stack container (NavPathStack) on the right. By adding the home page in the left NavBar and adding the detail pages of the home page in the right page stack container NavPathStack, the column display of the home page and the detail page can be implemented. In addition, the page stack container NavPathStack on the right of the navigation component can stack the multiple detail pages of the home page, and the topmost detail page can be displayed simultaneously with the home page. For example, the topmost detail page 2 in FIG. 3 can be displayed simultaneously with the home page.

[0095] Another scenario in which the tablet 20 displays multiple pages will be described below with reference to FIGS. 4a to 4c. It should be noted that in this scenario, the home page A1 and the home page A2 of the application A correspond to the same Activity.

[0096] With reference to FIGS. 2a and 4a, the application A in the tablet 20 can use the navigation component to implement the column display. The tablet 20 receives a user click operation on the jump control 2012 in the interface 201, adds the home page A1 in the NavBar of the navigation component, adds the detail page A11 in the NavPathStack, and displays the interface 201’ based on the left column displaying the home page A1 and the right column displaying the detail page A11.

[0097] However, after using the navigation component, only the homepage A1 in the left column can be fixedly displayed, and all subsequent opened new pages can only appear in the right column. For example, as shown in FIGS. 4a and 4b, the tablet 20 receives a user click operation on the jump control 2011 in the left column 201a of the interface 201', adds the homepage A2 in the NavPathStack of the navigation component, and places the homepage A2 on the upper layer of the detail page A11, and displays the interface 202' in a manner that the homepage A1 is displayed in the left column and the homepage A2 is displayed in the right column. That is, in response to the user operation of jumping from the homepage A1 to the homepage A2, the homepage A1 displayed in the left column of the tablet 20 is fixedly unchanged, and the page displayed in the right column jumps from the detail page A11 to the homepage A2.

[0098] As shown in FIGS. 4b and 4c, if the homepage A2 contains the jump control 2021 of the detail page A21, the tablet 20 receives a user click operation on the jump control 2021 in the interface 202', continues to add the detail page A21 in the NavPathStack of the navigation component, and places the detail page A21 on the upper layer of the homepage A2, and displays the interface 203' in a manner that the homepage A1 is displayed in the left column and the detail page A21 is displayed in the right column. That is, in response to the user operation of jumping from the homepage A2 to the detail page A21, the homepage A1 displayed in the left column of the tablet 20 is fixedly unchanged, and the page displayed in the right column jumps from the detail page A11 to the homepage A2.

[0099] It can be seen that in the current split-column display scheme based on the navigation component, only the right column can respond to user operations and display different pages. The left column can only display fixed pages, resulting in that the left column displays single content and cannot adapt to changes in user browsing requirements for different pages. For example, in the page jump scenario shown in FIGS. 4b to 4c, the user may want the display effect of the interface 203' to be that the homepage A2 is displayed in the left column and the detail page A21 is displayed in the right column. Therefore, the current split-column display method in the application cannot well meet the actual browsing requirements of users, and the user experience needs to be improved.

[0100] It can be seen that for the navigation component, the left fixed view NavBar cannot change the display content in response to user operations, and the right page stack container NavPathStack can change the display content in response to user operations. Based on this, the display method is provided in the embodiments of the present application. In the display method, the display content of the fixed view NavBar of the navigation component is hidden, and the page stack container NavPathStack on the right is used for column display. Since the page stack container NavPathStack has the function of changing the display content in response to user operations, from the display interface, the display content in the left and right columns displayed by using the page stack container NavPathStack can respond to user operations and change the display content.

[0101] Specifically, in some embodiments, the original navigation component (hereinafter referred to as an external navigation component) responsible for the left fixed display of the fixed view NavBar can be set to be hidden. And the internal navigation component corresponding to different home pages is placed in the page stack container NavPathStack responsible for the right display. That is, the internal navigation component including the NavBar and the NavPathStack is embedded in the page stack container NavPathStack of the external navigation component, wherein one internal navigation component corresponds to one home page, the corresponding home page is displayed by the NavBar of the internal navigation component, and the detail page corresponding to the home page is displayed by the NavPathStack of the internal navigation component.

[0102] It can be understood that the internal navigation component includes the NavBar and the NavPathStack, and the full-screen and column display can be switched by adjusting the column mode / stack mode of the internal navigation component. For example, in the stack mode, the page at the top of the stack in the internal NavPathStack is displayed in full screen. In the column mode, the internal NavBar and the pages in the internal NavPathStack are displayed in columns.

[0103] For example, FIG. 5 shows a page jump scenario of an application A in a tablet computer 20, and FIGS. 6a-6c show configuration diagrams of the navigation component corresponding to the application A in the page jump scenario.

[0104] In combination with FIGS. 5 and 6a, the tablet computer 20 receives the start of the application A, creates an external navigation component (Navigation1) of the application A, sets the NavBar of the external navigation component to be hidden, so that the NavBar of the external navigation component is shown in a dashed box in FIG. 6a, and creates an internal navigation component (Navigation2-1) in the NavPathStack of the external navigation component, and places a home page A1 in the NavBar of the internal navigation component (Navigation2-1). In this way, the tablet computer 20 can display the home page A1 in full screen.

[0105] As shown in FIGS. 5 and 6b, the tablet 20 receives a user operation of jumping from the homepage A1 to the homepage A2, creates an internal navigation component (Navigation2-2) in the NavPathStack of the external navigation component, stacks the internal navigation component (Navigation2-2) on the upper layer of the internal navigation component (Navigation2-1), and places the homepage A2 in the NavBar of the internal navigation component (Navigation2-2), so that the tablet 20 can display the homepage A2 in full screen.

[0106] As shown in FIGS. 5 and 6c, the tablet 20 receives a user operation of jumping from the homepage A2 to the detail page A21 of the homepage A2, places the detail page A21 in the NavPathStack of the internal navigation component (Navigation2-2), so that the tablet 20 can display the homepage A2 and the detail page A21 in columns.

[0107] Compared with the scenarios shown in FIGS. 4b and 4c, the display method provided in the embodiments of the present application can change the display content of the left column in the application interface in response to a user operation, so that the column display effect is more in line with the actual needs of the user.

[0108] The display method provided in the embodiments of the present application will be described below with reference to the accompanying drawings.

[0109] The display method provided in the embodiments of the present application is suitable for interface display in an application, and can realize column display of the same application interface, including: displaying different homepages of the application in columns in the same application interface, and displaying a homepage and a detail page of the homepage of the application in columns in the same application interface.

[0110] FIG. 7 shows a scenario of page jumping of the application A. It should be noted that FIG. 7 only shows the interface schematic diagram of the application A, and the display screen of the electronic device on which the application A is installed can only include the interface of the application A, or can include other display elements (for example, the interface of other applications different from the application A, or the desktop of the electronic device, etc.) in addition to the interface of the application A. Moreover, each interface in FIG. 7 can jump in the direction shown by the solid arrow.

[0111] As shown in FIG. 7, the application A can include the homepage A1 and the homepage A2 corresponding to the first page type, the detail pages A11, A12, A13 and A21 corresponding to the second page type, and the full-screen page A3 corresponding to the third page type, wherein the detail pages A11, A12 and A13 are detail pages of the homepage A1, and the detail page A21 is a detail page of the homepage A2.

[0112] In the interface 701 of the application A, the full interface displays the homepage A1. The following introduces several user operation paths based on the interface 701:

[0113] Exemplarily, in the first user operation path:

[0114] In response to the user operation of jumping from the homepage A1 in the interface 701 to the detail page A11, the application A can display the interface 702 in which the homepage A1 and the detail page A11 are displayed in columns.

[0115] In response to the user operation of jumping from the detail page A11 in the interface 702 to the detail page A12, the application A can display the interface 703 in which the homepage A1 and the detail page A12 are displayed in columns; in some embodiments, the detail page A12 can be placed in a stack with the detail page A11, and the detail page A11 is in an invisible state; in response to the back operation triggered by the user in the detail page A12, the application A can return to the interface 702 from the interface 703.

[0116] In response to the user operation of jumping from the homepage A1 in the interface 703 to the detail page A13, the application A can display the interface 704 in which the homepage A1 and the detail page A13 are displayed in columns; in some embodiments, the detail page A12 and the detail page A11 can be cleared, so that in response to the back operation triggered by the user in the detail page A13, the application A does not display the interface 703, but displays the interface 701 or displays the prompt information of exiting the application A.

[0117] In response to the user operation of jumping from the homepage A1 or the detail page A13 in the interface 704 to the full-screen page A3, the application A can display the interface 705 in which the full-screen page A3 is displayed in the full interface.

[0118] Exemplarily, in the second user operation path:

[0119] In response to the user operation of jumping from the homepage A1 in the interface 701 to the homepage A2, the application A can display the interface 706 in which the homepage A2 is displayed in the full interface. In some embodiments, the homepage A2 can be placed in a stack with the homepage A1, and the homepage A1 is in an invisible state; in response to the back operation triggered by the user in the homepage A2, the application A can return to the interface 701 from the interface 706.

[0120] Exemplarily, in the third user operation path:

[0121] In response to a user operation of jumping from the homepage A1 or the detail page A11 in the interface 702 to the homepage A2, the application A can display the interface 707 in which the homepage A2 is displayed in a full interface; in some embodiments, the homepage A2 can be placed in a stack with the homepage A1 and the detail page A11 displayed in a split column, and the homepage A1 and the detail page A11 are both in an invisible state; in response to a back operation triggered by the user in the homepage A2, the application A can return from the interface 707 to the interface 702, or return from the interface 707 to the interface 701.

[0122] In response to a user operation of jumping from the homepage A2 in the interface 707 to the detail page A21, the application A can display the interface 708 in which the homepage A2 and the detail page A21 are displayed in a split column; in some embodiments, the homepage A2 and the detail page A21 can be placed in a stack with the homepage A1 and the detail page A11, and the homepage A1 and the detail page A11 are both in an invisible state; in response to a back operation triggered by the user in the detail page A21, the application A can return from the interface 708 to the interface 707.

[0123] In the above various user operation paths, the application A can display different pages in a full interface or a split column in response to a user jump operation on different pages, and can change the homepage displayed in the left split column. In this way, when the user browses the content of the detail page in the right split column, the homepage corresponding to the detail page is displayed in the left split column, so that the application service displayed in the interface as a whole is relatively unified, and the user can conveniently switch to other detail pages under the homepage in the left split column.

[0124] FIG. 8 shows a flow diagram of the display method in the embodiments of the present application. The execution subject of the display method in the embodiments of the present application can be an electronic device, for example, the tablet computer 20. As shown in FIG. 8, the display method can include:

[0125] S801: receiving a first application start, and creating a display component of the first application, wherein the display component includes a first component, the first component includes a first column component and a second column component, the first column component is in a hidden state, and the second column component includes a second component, the second component includes a first column component and a second column component.

[0126] In some embodiments, the electronic device receives a user operation of starting the first application, starts the first application, and creates a display component of the first application. The display component can refer to a component capable of realizing split column display of an application interface, for example, the navigation component described above.

[0127] It can be understood that the split column of the application interface includes but is not limited to split column forms such as left-right split column and top-bottom split column. In the embodiments of the present application, the display method of the present application is introduced by taking the left-right split column as an example.

[0128] In some embodiments, the navigation component includes an external navigation component and at least one internal navigation component, wherein the external navigation component includes a fixed view NavBar (hereinafter referred to as an external NavBar) responsible for left column display and a page stack container NavPathStack (hereinafter referred to as an external NavPathStack) responsible for right column display. The internal navigation component also includes a fixed view NavBar (hereinafter referred to as an internal NavBar) responsible for left column display and a page stack container NavPathStack (hereinafter referred to as an internal NavPathStack) responsible for right column display.

[0129] Therefore, the first component described above can refer to the external navigation component, the first column component of the first component can refer to the external NavBar, and the second column component of the first component can refer to the external NavPathStack.

[0130] In some embodiments, the electronic device creates an external navigation component, and sets the external NavBar to be hidden, and creates a first internal navigation component in the external NavPathStack, wherein the first internal navigation component includes a first internal NavBar and a first internal NavPathStack.

[0131] Therefore, the second component described above can refer to the first internal navigation component, the first column component of the second component can refer to the first internal NavBar, and the second column component of the second component can refer to the first internal NavPathStack.

[0132] S802: Add a first home page in the first column component of the second component, so that the first application full interface displays the first home page.

[0133] In some embodiments, after the electronic device receives a user operation of starting the first application, creates an external navigation component and creates a first internal navigation component in the external NavPathStack, places a first home page in the first internal NavBar, displays a first interface of the first application based on the first internal navigation component, and the first interface includes a full interface display of the first home page.

[0134] For example, in the above embodiment, as shown in FIG. 6a, the tablet 20 receives a user operation of starting the application A (an example of the first application), and creates an external navigation component (Navigation 1), in which a first internal navigation component (Navigation 2-1) is created in the NavPathStack of the external navigation component (Navigation 1). Further, the tablet 20 adds the home page A1 (an example of the first home page) in the NavBar of the first internal navigation component (Navigation 2-1). For details, refer to the above description, which will not be repeated here. Accordingly, the tablet 20 can display an interface 701 (an example of the first interface) as shown in FIG. 7, in which the home page A1 is displayed in the full interface.

[0135] In some embodiments, after the electronic device receives a user operation of starting the first application, creates the external navigation component and the first internal navigation component in the external NavPathStack, places the first home page in the first internal NavBar, and places the first detail page of the first home page in the first internal NavPathStack. In this way, the electronic device can display the first home page and the first detail page in a column in the first interface. For example, as shown in FIG. 7, the tablet 20 can receive a user operation of starting the application A, and display an interface 702 (another example of the first interface) as shown in FIG. 7, in which the home page A1 and the detail page A11 (an example of the first detail page) of the home page A1 are displayed in a column in the full interface.

[0136] It can be understood that the first home page can be provided with an entry (for example, a jump control) of another page (for example, the first detail page / second detail page of the first home page, the second home page), and the electronic device can receive a jump operation triggered by the user in the first home page, determine the page type of the page to be jumped (hereinafter referred to as the jump page), update the external NavPathStack based on the page type of the jump page, and display the second interface based on the updated external NavPathStack.

[0137] In some embodiments, the developer of the application can specify the corresponding page type (hereinafter referred to as the specified page type) for the page provided by the application. Corresponding to the electronic device receiving the corresponding specified page type of the jump page, the specified page type can be determined as the page type of the jump page. Corresponding to the electronic device not receiving the corresponding specified page type of the jump page, the dynamic page type of the jump page can be obtained, and the dynamic page type can be determined as the page type of the jump page.

[0138] The dynamic page type of the jump page can be variable, for example, each time a user operation of jumping to the jump page is received, the dynamic page type of the jump page is randomly determined to be any page type. Alternatively, each time a user operation of jumping to the jump page is received, the dynamic page type of the jump page is determined based on at least one of the page type of the trigger page corresponding to the user operation, the display mode of the trigger page, and the column position corresponding to the user operation.

[0139] For example, the electronic device determines that the page type of the trigger page is the first page type, and the display mode of the trigger page is split-column display, and the column position corresponding to the user operation is the left column. The dynamic page type of the jump page is determined to be the second page type.

[0140] For example, the electronic device determines that the page type of the trigger page is the first page type, and the display mode of the trigger page is split-column display. The dynamic page type of the jump page is determined to be any one of the first page type and the second page type.

[0141] For example, the electronic device determines that the page type of the trigger page is the first page type, and the display mode of the trigger page is split-column display. The dynamic page type of the jump page is determined to be any one of the first page type and the second page type.

[0142] For example, the electronic device determines that the page type of the trigger page is the second page type, and the dynamic page type of the jump page is determined to be the second page type. In this way, the electronic device can replace the trigger page with the second page only in the right column, and the content displayed in the left column remains unchanged.

[0143] For example, the electronic device determines that the display mode of the trigger page is full-interface display, and the dynamic page type of the jump page is determined to be the first page type.

[0144] In some embodiments, the dynamic page type can also be fixed, for example, after the dynamic page type of the jump page is determined based on the first user operation of jumping to the jump page, the dynamic page type of the jump page is no longer changed.

[0145] It should be noted that the specific way of determining the dynamic page type of the jump page is not limited in the present application.

[0146] Hereinafter, the electronic device receives a user operation of jumping to a jump page with a corresponding specified page type (first page type / second page type / third page type) as an example for further description.

[0147] In some embodiments, the electronic device can receive a user operation of jumping from a first home page to a first detail page. The second interface is displayed based on the first internal navigation component, and the second interface includes the first home page and the first detail page displayed in split columns.

[0148] Specifically, the electronic device can add the first detail page to the first internal NavPathStack corresponding to the first home page, and then display the second interface based on that the first internal NavBar of the first internal navigation component includes the first home page and the first internal NavPathStack includes the first detail page.

[0149] Exemplarily, corresponding to the first user operation path shown in FIG. 7, the tablet 20 receives a user operation of clicking the jump control (not shown in the figure) of the detail page A11 in the interface 701, determines to jump from the home page A1 to the detail page A11, and adds the detail page A11 to the first internal NavPathStack; at this time, the first internal NavBar of the first internal navigation component includes the home page A1, and the first internal NavPathStack includes the detail page A11; in this way, the tablet 20 displays the interface 702 (an example of the second interface), and the interface 702 displays the home page A1 and the detail page A11 in a split manner.

[0150] In some embodiments, the electronic device can receive a user operation of jumping to a second detail page of the first home page, and display a third interface based on the first internal navigation component, the third interface including the first home page and the second detail page displayed in a split manner.

[0151] Specifically, the electronic device receives a user operation of jumping to a second detail page of the first home page in a case where the first home page and the first detail page are displayed in a split manner in the second interface, adds the second detail page to the first internal NavPathStack corresponding to the first home page, and thus displays the first home page and the second detail page in a split manner in the third interface. The user operation of jumping to the second detail page of the first home page includes a user operation of jumping from the first home page to the second detail page, and / or a user operation of jumping from the first detail page to the second detail page.

[0152] Exemplarily, corresponding to the first user operation path shown in FIG. 7, the tablet 20 receives a user operation of jumping to the detail page A12 (an example of the second detail page) in a case where the interface 702 is displayed, and displays the interface 703 (an example of the third interface), in which the home page A1 and the detail page A12 are displayed in a split manner.

[0153] In some embodiments, an entry (for example, a jump control) of the second detail page can be provided in the first home page and / or the first detail page, the electronic device can receive a user operation of jumping to the second detail page, determine whether to jump from the first home page to the second detail page or to jump from the first detail page to the second detail page based on a split position corresponding to the user operation, and determine whether to clear a history detail page in the first internal NavPathStack, the history detail page including the first detail page.

[0154] Exemplarily, the electronic device receives a user operation corresponding to a left split position, determines to jump from the first main page to the second detail page, and determines to clear the first detail page in the first internal NavPathStack.

[0155] Corresponding to the electronic device determining to clear the first detail page in the first internal NavPathStack, receiving a user return operation based on the second detail page in the third interface, deleting the second detail page in the first internal NavPathStack, and displaying the second interface, the second interface displays the first main page and the first detail page in the split.

[0156] Exemplarily, the electronic device receives a user operation corresponding to a left split position, determines to jump from the first main page to the second detail page, and determines to clear the first detail page in the first internal NavPathStack.

[0157] Corresponding to the electronic device determining to clear the first detail page in the first internal NavPathStack, receiving a user return operation based on the second detail page in the third interface, deleting the second detail page in the first internal NavPathStack, and displaying the second interface, the second interface displays the first main page and the first detail page in the split.

[0158] It should be noted that in other embodiments, the electronic device can also receive a user operation corresponding to a left split position, determine not to clear the historical detail page in the first internal NavPathStack; receive a user operation corresponding to a right split position, and determine to clear the historical detail page in the first internal NavPathStack.

[0159] In some embodiments, the electronic device can receive a user operation of jumping to a third detail page of the first main page, display a fourth interface based on the first internal navigation component, and the fourth interface includes the first main page and the third detail page displayed in the split.

[0160] Specifically, the electronic device receives a user operation of jumping to the third detail page of the first home page in the case that the first home page and the second detail page are displayed in the third interface, adds the third detail page in the first internal NavPathStack corresponding to the first home page, and thus displays the first home page and the third detail page in the fourth interface. The user operation of jumping to the third detail page of the first home page includes a user operation of jumping from the first home page to the third detail page and / or a user operation of jumping from the second detail page to the third detail page.

[0161] Exemplarily, corresponding to the first user operation path shown in FIG. 7, in the case that the home page A1 and the detail page A12 are displayed in the interface 703, the tablet 20 receives a user operation of jumping from the home page A1 to the detail page A13, adds the detail page A13 (an example of the third detail page) in the first internal NavPathStack, and displays the interface 704 (an example of the fourth interface), in which the home page A1 and the detail page A13 are displayed in the split screen.

[0162] In some embodiments, an entry (for example, a jump control) of the third detail page can be provided in the first home page and / or the second detail page. The electronic device can receive a user operation of jumping to the third detail page, determine whether to jump from the first home page to the third detail page or to jump from the second detail page to the third detail page based on the split screen position corresponding to the user operation, and determine whether to clear the historical detail pages in the first internal NavPathStack, the historical detail pages including the first detail page and the second detail page.

[0163] Exemplarily, the electronic device receives the split screen position corresponding to the user operation as the right split screen, determines to jump from the second detail page to the third detail page, and determines not to clear the first detail page and the second detail page in the first internal NavPathStack, and directly stacks the third detail page above the second detail page.

[0164] Corresponding to the determination of the electronic device that the first detail page and the second detail page in the first internal NavPathStack are not cleared, the electronic device receives a user return operation based on the third detail page in the fourth interface, deletes the third detail page in the first internal NavPathStack, and displays the third interface, in which the first home page and the second detail page are displayed in the split screen.

[0165] Exemplarily, the electronic device receives a user operation corresponding to a left-column position, determines to jump from the first homepage to the third detail page, determines to clear the first detail page and the second detail page in the first internal NavPathStack, and adds the third detail page. For example, corresponding to the scenario of the first user operation path shown in FIG. 7, when the tablet 20 displays the interface 703, a user operation of jumping from the homepage Al to the detail page A13 is received, it is determined that the user operation corresponds to a left-column position, and the detail page Al 1 and the detail page A12 are cleared.

[0166] Corresponding to the electronic device determining to clear the first detail page and the second detail page in the first internal NavPathStack, receiving a user return operation based on the third detail page in the fourth interface, displaying the first interface, and displaying the first homepage in the full interface in the first interface. For example, corresponding to the scenario of the first user operation path shown in FIG. 7, in response to a user return operation based on the detail page A13 in the interface 704, the tablet 20 can return from the interface 704 to the interface 701.

[0167] Alternatively, corresponding to the electronic device determining to clear the first detail page and the second detail page in the first internal NavPathStack, receiving a user return operation based on the third detail page in the fourth interface, and displaying prompt information for exiting the application. Since only one homepage and one detail page are left, in response to the user return operation, the electronic device can return to a state of displaying the homepage in the full interface, or display prompt information to the user to avoid blanking in the right column after the detail page is cleared.

[0168] It can be understood that in some embodiments, the first internal NavPathStack can include M historical detail pages, M can be an integer greater than or equal to 1, and the historical detail pages are placed in the first internal NavPathStack in turn based on the user operation corresponding to the right-column position in response to the electronic device jumping to each historical detail page. The electronic device can detect a user operation of jumping from the first homepage to any detail page of the first homepage, determine whether to clear N historical detail pages in the first internal NavPathStack based on the column position corresponding to the user operation, and N can be an integer greater than or equal to 1 and less than or equal to M.

[0169] In this way, by detecting the column position corresponding to the user operation and triggering the right-column display page update in the display page of the left column, the internal NavPathStack corresponding to the display page of the left column can be actively cleaned up, avoiding the infinite stacking of the right stack and causing performance loss.

[0170] It should be noted that in other embodiments, the electronic device can also add the full-screen page corresponding to the third page type to the external NavPathStack in response to receiving a user operation of jumping to the full-screen page, and place the full-screen page stack on the upper layer of the first internal navigation component corresponding to the first home page; the electronic device can display the full-screen page based on the top full interface of the external NavPathStack. Wherein, the user operation of jumping to the full-screen page corresponding to the third page type includes the user operation of jumping from the first home page to the full-screen page, and / or the user operation of jumping from any detail page of the first home page to the full-screen page.

[0171] Exemplarily, for the scenario corresponding to the first user operation path shown in FIG. 7, in the interface 704, the tablet computer 20 receives a user operation of jumping to the full-screen page A3, places the full-screen page A3 on the top of the external NavPathStack, and displays the interface 705, in which the full-screen page A3 is displayed in the full interface.

[0172] In some embodiments, the electronic device can perform step S803 when receiving a user operation of triggering a jump from the first home page to the second home page corresponding to the first page type.

[0173] S803: receiving a user operation of jumping from the first home page to the second home page of the first application, creating a third component in the second column component of the first component, wherein the third component includes the first column component and the second column component.

[0174] In some embodiments, the electronic device receives a user operation of jumping from the first home page to the second home page, creates a second internal navigation component corresponding to the second home page in the external NavPathStack, and places the second internal navigation component on the upper layer of the first internal navigation component, wherein the second internal navigation component includes a second internal NavBar and a second internal NavPathStack.

[0175] Therefore, the above-mentioned third component can refer to the second internal navigation component, the first column component of the third component can refer to the second internal NavBar, and the second column component of the third component can refer to the second internal NavPathStack.

[0176] S804: adding the second home page in the first column component of the third component, so that the first application displays the second home page in the full interface.

[0177] In some embodiments, the electronic device receives a user operation of jumping from the first home page to the second home page, places the second home page in the second internal NavBar after creating the second internal navigation component in the external NavPathStack, displays the second interface of the first application based on the second internal navigation component, and the second interface includes the second home page displayed in the full interface.

[0178] Exemplarily, a scenario corresponding to the second user operation path shown in FIG. 7: the tablet 20 receives a user click on the jump control (not shown in the figure) of the home page A2 (an example of the second home page) in the interface 701, and determines to jump from the home page Al to the home page A2; in combination with FIG. 6b, the tablet 20 creates a second internal navigation component (Navigation2-2) corresponding to the second page in the external NavPathStack, places the home page A2 in the second internal NavBar, and the second internal navigation component is located at the uppermost layer of the external NavPathStack. In this way, the tablet 20 can display the interface 706 (another example of the second interface) as shown in FIG. 7, in which the home page A2 is displayed in the full interface.

[0179] It can be understood that in some embodiments, the electronic device can receive a user operation of jumping to the second home page in the case of displaying the first home page and the first detail page in the split column, create a second internal navigation component corresponding to the second home page in the external NavPathStack, and place the second internal navigation component in the upper layer of the first internal navigation component corresponding to the first home page; add the second home page in the second internal NavBar. In this way, the electronic device can also display the second home page in the full interface.

[0180] Exemplarily, a scenario corresponding to the third user operation path shown in FIG. 7: in the case that the tablet 20 displays the interface 702, a user operation of jumping to the home page A2 is received, and the interface 707 is displayed, in which the home page A2 is displayed in the full interface. In some embodiments, the tablet 20 receives a user return operation based on the interface 707, and the tablet 20 can delete the second internal navigation component in the external NavPathStack, and display the interface 702 or the interface 701 again based on the first internal navigation component.

[0181] S805: receiving a user operation of jumping from the second home page to the detail page of the second home page, adding the detail page of the second home page in the second column component of the third component, so that the first application displays the second home page and the detail page of the second home page in the split column.

[0182] In some embodiments, the electronic device can receive a user operation of jumping from the second home page to a detail page (hereinafter referred to as a fourth detail page) of the second home page, add the fourth detail page to the second internal NavPathStack corresponding to the second home page, and then display the second home page and the fourth detail page in a split view based on the second internal NavBar of the second internal navigation component including the second home page and the second internal NavPathStack including the fourth detail page. It can be understood that the specific steps of jumping from the second home page to the detail page of the second home page can refer to the related description of jumping from the first home page to the detail page of the first home page, which will not be described here again.

[0183] Exemplarily, for the scenario corresponding to the third user operation path shown in FIG. 7, the tablet 20 receives a user operation of jumping from the home page A2 to a detail page A21 (an example of the fourth detail page) of the home page A2, and in combination with FIG. 6c, places the detail page A21 in the NavPathStack of the second internal navigation component (Navigation2-2), and displays an interface 708 as shown in FIG. 7, in which the home page A2 and the detail page A21 are displayed in a split view.

[0184] It should be noted that in other embodiments of the present application, the electronic device can also receive a user operation of starting the first application, start the first application, create an external navigation component of the first application, set the external NavBar to be hidden, place a full-screen page in the external NavPathStack, and display the full-screen page in a full view based on the external NavPathStack. Exemplarily, as shown in FIG. 7, the tablet 20 can receive a user operation of clicking to start the application A, and directly display an interface 705 as shown in FIG. 7, in which the full-screen page A3 is displayed in a full view.

[0185] As described above, after the electronic device receives the operation of starting the first application, the full-screen page can be displayed in a full view. Accordingly, in some embodiments, the electronic device can receive a user operation of jumping from the full-screen page to a first home page corresponding to a first page type, create a first internal navigation component corresponding to the first home page in the external NavPathStack, and stack the first internal navigation component above the full-screen page; the electronic device can add the first home page to the NavBar of the first internal navigation component, and then display the first home page in a full view based on the first internal navigation component. Alternatively, in some embodiments, the electronic device receives a user operation of jumping from the full-screen page to another full-screen page corresponding to a third page type, adds the other full-screen page to the external NavPathStack, and stacks the other full-screen page above the previous full-screen page; in this way, the electronic device can display the other full-screen page in a full view.

[0186] FIGS. 9a-9f show the structure of the NavPathStack of the external navigation component (Navigation 1) corresponding to application A in different page jump scenarios of application A in an electronic device.

[0187] As shown in FIG. 9a, the electronic device receives a user start operation of application A, creates an external navigation component (Navigation 1), and in the initial stage of starting, the external NavPathStack of application A is empty. The electronic device can create a first internal navigation component (Navigation 2-1) in the external NavPathStack, place the home page A1 of application A into the first internal NavBar, and adjust the display mode of the first internal navigation component to the stacking mode. Accordingly, the electronic device can display the home page A1 located at the top of the external NavPathStack in the full interface. For example, the interface 701 shown in FIG. 7.

[0188] As shown in FIG. 9b, the electronic device receives a user operation of jumping from the home page A1 to the detail page A11 of the home page A1, and the electronic device can determine that the top of the external NavPathStack is the home page A1, can add the detail page A11 in the first internal NavPathStack corresponding to the home page A1, and switch the first internal navigation component from the stacking mode to the split-column mode. Accordingly, the electronic device can display the home page A1 and the detail page A11 in the split-column mode, for example, the interface 702 shown in FIG. 7. When receiving a user return operation (for example, an operation of closing the detail page A11), the electronic device determines that the first internal NavPathStack is empty, and then the first internal navigation component is automatically switched from the split-column mode to the stacking mode, and the full interface display of the home page A1 is restored, for example, from the interface 702 in FIG. 7 to the interface 701.

[0189] As shown in FIG. 9c, in the case that the home page A1 and the detail page A11 are displayed in the split-column mode in the electronic device, the user jumps to the home page A2, and the electronic device can create a second internal navigation component (Navigation 2-2) for the home page A2, and place the home page A2 into the second internal NavBar. Navigation 2-1 and Navigation 2-2 are both in the external NavPathStack, and Navigation 2-2 covers Navigation 2-1. Therefore, the electronic device displays the home page A2 located at the top of the external NavPathStack in the full interface. For example, the interface 707 shown in FIG. 7.

[0190] As shown in FIG. 9d, on the basis of that the electronic device displays the home page A2 in full interface, the electronic device receives an operation of the user jumping to the detail page A21, adds the detail page A21 to the NavPathStack of the second internal navigation component located at the top layer of the external NavPathStack, and switches the second internal navigation component from the stacking mode to the split mode. Correspondingly, the electronic device can display the home page A2 and the detail page A21 in split mode, for example, the interface 708 shown in FIG. 7.

[0191] As shown in FIG. 9e, in the case that the electronic device displays the home page A1 and the detail page A11 in split mode, when the electronic device receives an operation of the user jumping to the full-screen page A3, it is determined that the page type of the full-screen page is the third page type, and the full-screen page A3 can be placed in the external NavPathStack and does not participate in the split of other pages. The electronic device displays the full-screen page A3 located at the top layer of the external NavPathStack in full interface. For example, the interface 705 shown in FIG. 7.

[0192] As shown in FIG. 9f, in the case that the electronic device displays the home page A1 and the detail page A11 in split mode, the electronic device can receive an operation of the user jumping to the detail page A12 of the home page A1, and determine whether to empty the first internal NavPathStack corresponding to the home page A1 in combination with the split position corresponding to the operation (for example, the split position of the user click operation) or the page type of the trigger page triggering the jump to the detail page A12. Then place the detail page A12 in the emptied first internal NavPathStack, or place the detail page A12 at the top of the unemptied first internal NavPathStack. Correspondingly, the display interface of the electronic device can refer to the interface 703 shown in FIG. 7.

[0193] For example, corresponding to the electronic device determining that the split position of the user click operation is the left split column, it is determined to empty the first internal NavPathStack corresponding to the home page A1; corresponding to the electronic device determining that the split position of the user click operation is the right split column, it is determined not to empty the first internal NavPathStack corresponding to the home page A1. Illustratively, the electronic device can detect the user click event by means of a click detection module, and if the last click event corresponds to the left split column, set the Focus variable to Left; if the last click event corresponds to the right split column, set the Focus variable to Right; the electronic device can determine whether to empty the NavPathStack in the internal navigation component located at the top of the external NavPathStack according to the value of the Focus variable, for example, Focus==Left, then determine to empty; Focus==Right, then determine not to empty.

[0194] To sum up, the display method of the embodiments of the present application can freely customize the scheme of the home page, the detail page and the full-screen page through the two-layer navigation component nesting mode, realize the flexible column effect, and display different home pages in the left column, aiming at the problem that the original navigation component can only display the fixed page in the left column.

[0195] In addition, the display method of the embodiments of the present application can realize the column display of different pages of the same application in one Activity, that is, one window based on the above navigation component. Compared with the column display scheme of different pages of the same application based on two Activities, the display method can reduce the loss of the memory of the electronic device and improve the running performance of the electronic device.

[0196] In addition, in some embodiments of the present application, the user operation can include the click (such as single click, double click, etc.) operation / long press operation / slide operation / drag operation / suspension gesture operation of the user on the touch screen by the finger. In another embodiment of the present application, the user operation can include the frame selection operation / long press operation / click (such as single click, double click, etc.) operation / slide operation / drag operation of the user on the touch screen by using a stylus, a touch pen, a touch ball and other touch auxiliary tools. Alternatively, the user operation can also be a voice command, and the embodiments of the present application are not limited specifically.

[0197] The embodiments of the present application also provide a program product, which can enable the electronic device to implement the display method provided by the above-mentioned embodiments when executed on the electronic device.

[0198] The embodiments of the present application also provide a readable storage medium, which stores one or more programs / instructions, and the one or more programs / instructions enable the electronic device to implement the display method provided by the above-mentioned embodiments when executed by the electronic device.

[0199] The embodiments of the present application provide a chip, which includes a memory for storing instructions executed by one or more processors of an electronic device, and one or more processors for executing the display method of the above-mentioned embodiments of the present application.

[0200] Further, FIG. 10 shows a structural schematic diagram of an electronic device 200 according to some embodiments of the present application.

[0201] As shown in FIG. 10, the electronic device 200 can include a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 120, a wireless communication module 260, an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, a headset jack 270D, a sensor module 280, a key 290, a motor 291, an indicator 292, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc. The sensor module 280 can include a pressure sensor 280A, a gyro sensor 280B, a barometric pressure sensor 280C, a magnetic sensor 280D, an acceleration sensor 280E, a distance sensor 280F, a proximity light sensor 280G, a fingerprint sensor 280H, a temperature sensor 280J, a touch sensor 280K, an ambient light sensor 280L, a bone conduction sensor 280M, etc.

[0202] The processor 210 can include one or more processing units, for example: the processor 210 can include a central processing unit (CPU), an AP, a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a microcontroller unit (MCU), a video codec, a digital signal processor (DSP), a baseband processor, a neural-network processing unit (NPU), a field programmable gate array (FPGA), etc. In some embodiments, different processing units can be independent devices, or can be integrated in one or more processors.

[0203] In some embodiments, the processor 210 can be configured to execute one or more programs / instructions corresponding to the display method provided in the above embodiments.

[0204] The charging management module 240 is configured to receive charging input from a charger. The charging management module 240 can also supply power to the electronic device through the power management module 241 while charging the battery 242.

[0205] The power management module 241 is configured to connect the battery 242 and the charging management module 240 to the processor 210. The power management module 241 receives input from the battery 242 and / or the charging management module 240 to supply power to the processor 210, the internal memory 221, the display screen 294, the camera 293, the wireless communication module 260, and the like.

[0206] The wireless communication function of the electronic device 200 can be implemented by the antenna 1, the antenna 2, the mobile communication module 250, the wireless communication module 260, the modem processor, the baseband processor, and the like.

[0207] The antenna 1 and the antenna 2 are configured to transmit and receive electromagnetic wave signals.

[0208] The mobile communication module 250 can provide a solution for wireless communication including 2G / 3G / 4G / 5G and the like applied to the electronic device 200. The mobile communication module 250 can include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), and the like. The mobile communication module 250 can receive electromagnetic waves from the antenna 1, and perform filtering, amplification, and the like on the received electromagnetic waves, and transfer the processed signals to the modem processor for demodulation. The mobile communication module 250 can also amplify signals modulated by the modem processor, and radiate the signals as electromagnetic waves through the antenna 1. In some embodiments, at least part of the functions of the mobile communication module 250 can be implemented in the processor 210. In some embodiments, at least part of the functions of the mobile communication module 250 can be implemented in the same device as at least part of the processor 210.

[0209] The wireless communication module 260 can provide a solution for wireless communication including wireless local area networks (WLAN) (e.g., wireless fidelity network), bluetooth (BT), global navigation satellite system (GNSS), near field communication (NFC), infrared (IR) technology, and the like, applied to the electronic device 200. The wireless communication module 260 can be one or more devices that integrate at least one communication processing module. The wireless communication module 260 receives electromagnetic waves via the antenna 2, performs frequency modulation and filtering on the electromagnetic wave signals, and transmits the processed signals to the processor 210. The wireless communication module 260 can also receive signals to be transmitted from the processor 210, perform frequency modulation and amplification on the signals, and radiate the signals as electromagnetic waves through the antenna 2.

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

[0211] The display 294 is used to display images.

[0212] The camera 293 is used to capture still images or videos.

[0213] The external memory interface 220 can be used to connect an external memory card. The external memory card communicates with the processor 210 through the external memory interface 220 to implement a data storage function. For example, application data of an application program is saved in the external memory card.

[0214] The internal memory 221 can be used to store one or more programs and corresponding data. The internal memory 221 can include a program storage area and a data storage area. In some embodiments, the program storage area can store an operating system, an application program required by at least one function, etc., such as the program / instructions corresponding to the display method provided in each of the foregoing embodiments. The data storage area can store data created during use of the electronic device 200, such as application data of an application program. In addition, the internal memory 221 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage, etc. The processor 210 executes various function applications of the electronic device 200 by running one or more programs stored in the internal memory 221 and / or one or more programs stored in a memory disposed in the processor 210.

[0215] The electronic device 200 can implement an audio function through an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, an earphone interface 270D, and an application processor, etc. For example, music playing, etc.

[0216] The audio module 270 is used to convert digital audio information into an analog audio signal output, and is also used to convert an analog audio input into a digital audio signal. The audio module 270 can also be used to encode and decode audio signals.

[0217] The speaker 270A, also known as a "loudspeaker", is used to convert an audio electrical signal into a sound signal.

[0218] The receiver 270B, also known as a "earpiece", is used to convert an audio electrical signal into a sound signal.

[0219] Microphone 270C, also called "microphone", "microphone", is used to convert sound signals into electrical signals.

[0220] Earphone interface 270D is used to connect wired earphones.

[0221] Pressure sensor 280A is used to sense pressure signals, which can be converted into electrical signals. In some embodiments, pressure sensor 280A can be provided on display screen 294. There are many types of pressure sensors 280A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. Capacitive pressure sensors can include at least two parallel plates with conductive material. When a force is applied to pressure sensor 280A, the capacitance between the electrodes changes. Electronic device 200 determines the intensity of the pressure according to the change in capacitance. When a touch operation is applied to display screen 294, electronic device 200 detects the intensity of the touch operation according to pressure sensor 280A. Electronic device 200 can also calculate the position of the touch according to the detection signal of pressure sensor 280A.

[0222] Barometric pressure sensor 280C can be used to detect the barometric pressure of the geographic location where electronic device 200 is located.

[0223] Acceleration sensor 280E can detect the acceleration of electronic device 200 in various directions (usually three axes). When electronic device 200 is stationary, it can detect the magnitude and direction of gravity. It can also be used to identify the posture of electronic device, applied to landscape / portrait screen switching, pedometer, etc.

[0224] Ambient light sensor 280L is used to sense ambient light intensity. Electronic device 200 can adjust the brightness of display screen 294 according to the sensed ambient light intensity. Ambient light sensor 280L can also be used to automatically adjust the white balance when taking pictures. Ambient light sensor 280L can also work with proximity light sensor 280G to detect whether electronic device 200 is in a pocket to prevent accidental touch.

[0225] Fingerprint sensor 280H is used to collect fingerprints. Electronic device 200 can use the collected fingerprint characteristics to implement fingerprint unlocking, access application lock, fingerprint shooting, fingerprint answering calls, etc.

[0226] Touch sensor 280K, also referred to as "touch device". Touch sensor 280K can be disposed on display screen 294, and touch sensor 280K and display screen 294 form a touch screen, also referred to as "touch panel". Touch sensor 280K is configured to detect a touch operation applied thereon or in the vicinity thereof. Touch sensor 280K can transmit the received touch operation to the application processor to determine the touch event type. Visual output related to the touch operation can be provided through display screen 294. In some other embodiments, touch sensor 280K can also be disposed on the surface of electronic device 200, which is different from the position where display screen 294 is disposed.

[0227] In some embodiments, electronic device 200 can interact with the user based on the data collected by touch sensor 280K to determine the column position corresponding to the user operation.

[0228] Keys 290 include power-on key, volume key, and the like. Keys 290 can be mechanical keys. They can also be touch keys. Electronic device 200 can receive key input and generate key signal input related to user settings and function control of electronic device 200. In some embodiments, electronic device 200 can display a screen-off interface or a lock screen interface based on the user operation on keys 290. In some embodiments, electronic device 200 can determine whether to enter a charging screen-off state based on the user operation on keys 290 and the charging state of power management module 241.

[0229] Motor 291 can generate a vibration prompt. Indicator 292 can be an indicator light, which can be used to indicate the charging state, power change, and can also be used to indicate messages, notifications, and the like.

[0230] SIM card interface 295 is configured to connect a SIM card or an eSIM.

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

[0232] FIG. 11 is a structural schematic diagram of another electronic device 300 according to an embodiment of the present application.

[0233] As shown in FIG. 11, electronic device 300 includes processor 310, memory 320, and transceiver 330. Processor 310, memory 320, and transceiver 330 are communicatively connected. It should be understood that the number of processors, memories, and transceivers in electronic device 300 is not limited in the present application.

[0234] The processor 310 can include one or more single-core or multi-core processors. In some embodiments, the processor 310 can include a central processing unit (CPU), an AP, a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a microcontroller unit (MCU), a video codec, a digital signal processor (DSP), a baseband processor, a neural-network processing unit (NPU), a field programmable gate array (FPGA), or the like. The processor 310 can be configured to perform the display method provided by the embodiments of the application.

[0235] The memory 320 can include a high-speed random access memory, and can further include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage, or the like. The memory 320 stores executable program codes, and has instructions for performing the display method of the embodiments of the application.

[0236] The transceiver 330 can provide a radio interface for the electronic device 300, and enable communication between the electronic device 300 and other devices or communication networks.

[0237] The software system of the electronic device can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. The embodiments of the application take the Android system with a layered architecture as an example to exemplarily illustrate the software structure of the electronic device.

[0238] FIG. 12 is a software structure block diagram of the electronic device 200 according to an embodiment of the application.

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

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

[0241] As shown in FIG. 12, the application package can include applications such as camera, gallery, calendar, call, map, navigation, e-commerce, Bluetooth, music, video, short message, etc. In an embodiment of the present application, the applications displayed in the column can include the above-mentioned camera, gallery, calendar, call, map, navigation, e-commerce, Bluetooth, music, video, short message, etc.

[0242] The application framework layer provides application programming interfaces (APIs) and programming frameworks for the applications of the application layer. The application framework layer includes some pre-defined functions. The application framework layer can include a window manager, an activity manager, a view system, etc.

[0243] The window manager is used to manage window programs, such as the creation of windows, the start of windows, the deletion of windows, the management of the size and hierarchy of windows, etc.

[0244] The activity manager is used to be responsible for managing Activity, being responsible for the start, switching, scheduling of navigation components, and the management and scheduling of applications, etc.

[0245] The content provider is used to store and obtain data, and make the data accessible to applications. The data can include videos, images, audios, dialed and received calls, browsing history and bookmarks, phone books, etc.

[0246] The view system is used to build the display interface of an application. The view system includes visual controls, such as a text box (TextBox) control, a list (List) control, a grid (Grid) control, a button (Button) control, and an embeddable Web browser control. The display interface can be composed of one or more views.

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

[0248] 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. For example, the notification manager is used to notify the completion of downloading, message reminders, etc. The notification manager can also be a notification in the form of a chart or a scroll bar text appearing in the top status bar of the system, such as a notification of an application running in the background, and can also be a notification in the form of a dialog window appearing on the screen. For example, the text information is prompted in the status bar, a prompt sound is emitted, the electronic device vibrates, the indicator light flashes, etc.

[0249] The Android Runtime includes a core library and a virtual machine. The Android runtime is responsible for scheduling and managing the Android system.

[0250] The core library contains two parts: one part is the function function that the java language needs to call, and the other part is the core library of Android.

[0251] 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 perform the management of the object life cycle, the management of the stack, the management of the thread, the management of the security and the exception, and the garbage collection and the like.

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

[0253] The surface manager is used for managing the display subsystem, and provides a plurality of applications with the fusion of 2D and 3D layers.

[0254] The media library supports 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: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG and the like.

[0255] The three-dimensional graphics processing library is used for realizing three-dimensional graphics drawing, image rendering, synthesis, and layer processing and the like.

[0256] The 2D graphics engine is a drawing engine for 2D drawing.

[0257] The kernel layer is a layer between hardware and software. The kernel layer at least contains a display driver, a camera driver, an audio driver, and a sensor driver.

[0258] It should be understood that, in the embodiments of the present application, "or" describes the association relationship of the associated objects, and indicates that there can be two kinds of relationships, for example, A or B, which can represent the case where A exists alone, the case where B exists alone, and A and B can be singular or plural.

[0259] It should be understood that, in the embodiments of the present application, the term "connection" describes the connection relationship of two objects, and can represent two kinds of connection relationship, for example, A and B are connected, which can represent the two cases that A is directly connected with B and A is connected with B through C.

[0260] It should be understood that in the embodiments of the present application, "for example", "in some embodiments", "in another embodiment", "in another embodiment", "exemplarily" and the like are used to represent an example, illustration or description. Any embodiment or design scheme described as "example" in the present application should not be interpreted as more preferred or more advantageous than other embodiments or design schemes. Rather, the use of the word "example" is intended to present the concept in a specific manner.

[0261] It should be understood that the terms "first", "second" and the like used in the embodiments of the present application are only used for the purpose of distinguishing description, and cannot be understood as indicating or implying relative importance, nor can be understood as indicating or implying sequence. Equal to involved in the embodiments of the present application can be used with greater than, which is applicable to the technical scheme adopted when greater than, and can also be used with less than, which is applicable to the technical scheme adopted when less than, it should be noted that when equal to is used with greater than, it is not used with less than; when equal to is used with less than, it is not used with greater than.

[0262] In the drawings, some structural or method features can be shown in specific arrangements and / or orders. However, it should be understood that such specific arrangements and / or orders can not be required. Instead, these features can be arranged in a different manner and / or order than those shown in the illustrative figures, in some embodiments. Additionally, the inclusion of a structural or method feature in a particular figure does not imply that such feature is required in all embodiments, and in some embodiments, the feature can not be included, or can be combined with other features in an alternative manner.

[0263] It should be understood that in the examples and descriptions of the present patent, the relationship terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between the entities or operations. Moreover, the term "comprising" or any other variant thereof is intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements not only includes those elements, but also includes other elements not explicitly listed or inherent to such process, method, article or device. Without more limitation, the element defined by the statement "comprising one" does not exclude the presence of additional identical elements in the process, method, article or device including the element.

Claims

1. A display method characterized by comprising: The method comprises: receiving a first application start, creating a display component of the first application, wherein the display component comprises a first component, the first component comprises a first column component and a second column component, the first column component is in a hidden state, the second column component comprises a second component, the second component comprises a first column component and a second column component; adding a first home page in the first column component of the second component of the second component, so that the first application displays the first home page in full interface; receiving a user operation of jumping from the first home page to a second home page of the first application, creating a third component in the second column component of the first component, the third component comprises a first column component and a second column component; adding the second home page in the first column component of the third component, so that the first application displays the second home page in full interface; receiving a user operation of jumping from the second home page to a detail page of the second home page, adding the detail page of the second home page in the second column component of the third component, so that the first application displays the second home page and the detail page of the second home page in a column.

2. The display method according to claim 1, wherein The method further comprises: receiving a user operation of jumping from the first home page to a first detail page of the first home page, adding the first detail page in the second column component of the second component, so that the first application displays the first home page and the first detail page in a column.

3. The display method according to claim 1, wherein After the receiving a first application start, creating a display component of the first application, the method comprises: adding a first home page in the first column component of the second component, and adding a first detail page of the first home page in the second column component of the second component, so that the first application displays the first home page and the first detail page in a column.

4. The display method according to claim 2 or 3, wherein The method further comprises: receiving a user operation of jumping to a second detail page of the first home page, adding the second detail page in the second column component of the second component, so that the first application displays the first home page and the second detail page in a column.

5. The display method according to claim 4, wherein The method further comprises: corresponding to the determination that the user operation of jumping to the second detail page of the first home page corresponds to a first column position, determining to jump from the first detail page to the second detail page of the first home page.

6. The display method according to claim 5, wherein The method further comprises: corresponding to the determination that the user operation of jumping to the second detail page of the first home page corresponds to a second column position, determining to jump from the first home page to the second detail page of the first home page; wherein the second column position and the first column position correspond to different columns of the first application.

7. The display method according to claim 5, wherein The adding the second detail page in the second column component of the second component comprises: adding the second detail page in the second column component of the second component, and placing the second detail page in a stack above the first detail page; The method further comprises: receiving a user return operation based on the second detail page, deleting the second detail page in the second column component of the second component, so that the first application displays the first home page and the first detail page in a column.

8. The display method according to claim 6, wherein The adding the second detail page in the second column component of the second component comprises: delete the first detail page in the second column component of the second component and add the second detail page; the method further comprises: receiving a user return operation based on the second detail page, deleting the second detail page in the second column component of the second component, so that the first application full interface displays the first home page, or displaying prompt information for exiting the first application.

9. The display method according to claim 7, wherein the method further comprises: receiving a user operation of jumping from the second detail page to a third detail page of the first home page, adding the third detail page in the second column component of the second component, and stacking the third detail page on the upper layer of the second detail page, so that the first application column displays the first home page and the third detail page; receiving a user return operation based on the third detail page, deleting the third detail page in the second column component of the second component, so that the first application column displays the first home page and the second detail page.

10. The display method according to claim 8, wherein the method further comprises: receiving a user operation of jumping from the first home page to a third detail page of the first home page, deleting the second detail page in the second column component of the second component, and adding the third detail page, so that the first application column displays the first home page and the third detail page; receiving a user return operation based on the third detail page, deleting the third detail page in the second column component of the second component, so that the first application full interface displays the first home page, or displaying prompt information for exiting the first application.

11. The display method according to any one of claims 2, 3, 5-10, wherein, the method further comprises: receiving a user operation of jumping to a full screen page, adding the full screen page in the second column component of the first component, so that the first application full interface displays the full screen page; wherein the first home page, the second home page correspond to a first page type, the detail page of the second home page corresponds to a second page type, and the full screen page corresponds to a third page type.

12. A display method characterized by comprising: the method comprises: receiving a first application start, displaying a first home page of the first application; receiving a user operation of jumping from the first home page to a second home page of the first application, full interface displaying the second home page; receiving a user operation of jumping from the second home page to a detail page of the second home page, column displaying the second home page and the detail page of the second home page.

13. The display method according to claim 12, wherein the method further comprises: in the case of displaying the first home page of the first application, receiving a user operation of jumping from the first home page to a first detail page of the first home page, column displaying the first home page and the first detail page.

14. The display method according to claim 12, wherein the method further comprises: receiving a first application start, column displaying the first home page and the first detail page of the first home page of the first application.

15. The display method according to claim 13 or 14, wherein the method further comprises: receiving a user operation of jumping from the first detail page to a second detail page of the first home page, column displaying the first home page and the second detail page; receiving a user return operation based on the second detail page, column displaying the first home page and the first detail page.

16. The display method according to claim 13 or 14, wherein the method further comprises: receiving a user operation of jumping from the first homepage to a second detail page of the first homepage, and displaying the first homepage and the second detail page in a split view; receiving a user return operation based on the second detail page, and displaying the first homepage in a full view, or displaying prompt information of exiting the first application.

17. The display method according to claim 15, wherein The method further includes: receiving a user operation of jumping from the second detail page to a third detail page of the first homepage, and displaying the first homepage and the third detail page in a split view; receiving a user return operation based on the third detail page, and displaying the first homepage and the second detail page in a split view.

18. The display method according to claim 16, wherein The method further includes: receiving a user operation of jumping from the first homepage to a third detail page of the first homepage, and displaying the first homepage and the third detail page in a split view; receiving a user return operation based on the third detail page, and displaying the first homepage in a full view, or displaying prompt information of exiting the first application.

19. The display method according to any one of claims 12 to 14, 17, 18, wherein, The method further includes: receiving a user operation of jumping to a full screen page, and displaying the full screen page in a full view, wherein the first homepage and the second homepage correspond to a first page type, the detail pages of the second homepage correspond to a second page type, and the full screen page corresponds to a third page type.

20. An electronic device, comprising: The method includes: a memory configured to store one or more programs; a processor configured to execute the one or more programs to cause the electronic device to implement the display method of any one of claims 1-19.

21. A computer-readable storage medium, characterized in that, The computer readable storage medium includes one or more computer programs, which, when executed on an electronic device, cause the electronic device to implement the display method of any one of claims 1-19.

22. A computer program product, characterised in that, The computer program product, when executed on an electronic device, causes the electronic device to implement the display method of any one of claims 1-19.

23. A chip, characterized by The chip includes a memory configured to store instructions executed by one or more processors of an electronic device, and the one or more processors configured to execute the display method of any one of claims 1-19.

Images