Display method and device

Abstract

The invention discloses a display method and device.The method comprises the steps that first operation of a user acting on a target component area is obtained; wherein the target component area represents an area, used for displaying at least two first page entries, in a first display window of the target application; based on the first operation, determining at least two first target page entries from the at least two first page entries, and generating a second display window comprising at least two split-screen windows, so as to display a first page corresponding to the corresponding first target page entry in each split-screen window.

Description

Technical Field

[0001] The present application relates to, but is not limited to, the field of computer technology, and in particular to a display method and device. Background Art

[0002] Currently, browsers or other applications installed in electronic devices generally support opening multiple pages. For example, a user can open multiple tabs in a browser to handle different tasks.

[0003] However, during the application interaction, users need to frequently switch between multiple pages to view the information displayed in different pages, which makes the user operation complicated. Therefore, during the application operation, how to improve the efficiency of users viewing multiple pages has become an urgent problem to be solved. Summary of the invention

[0004] In view of this, the present application at least provides a display method and device.

[0005] The technical solution of this application is implemented as follows:

[0006] In one aspect, the present application provides a display method, comprising:

[0007] Acquire a first operation performed by a user on a target component area; wherein the target component area represents an area in a first display window of a target application for displaying at least two first page entrances;

[0008] Based on the first operation, at least two first target page entries are determined from at least two first page entries, and a second display window including at least two split-screen windows is generated to display the first page corresponding to the corresponding first target page entry in each split-screen window.

[0009] In some embodiments, the target component area includes at least one of a navigation component area and a label component area in the first display window;

[0010] The first display window is used to display the target component area and a page corresponding to one of the at least two first page entries.

[0011] In some embodiments, the first page entry represents a preview page of the corresponding first page;

[0012] The target component area represents an area in the first display window for displaying at least two preview pages.

[0013] In some embodiments, based on the first operation, determining at least two first target page entries from the at least two first page entries includes one of the following:

[0014] If the first operation represents an operation performed by the user on a blank position in the target component area, each first page entry is determined as a first target page entry based on the first operation;

[0015] If the first operation represents an operation performed by the user on at least two second page entries, each second page entry is determined as a first target page entry based on the first operation; wherein the at least two first page entries include at least two second page entries.

[0016] In some embodiments, the second display window includes a first control key;

[0017] The method further includes:

[0018] In response to a user triggering operation on the first control key, a first split screen window is generated in the second display window; wherein at least one third page entry is displayed in the first split screen window; each third page entry corresponds to a page entry of the at least two first page entries other than the at least two first target page entries;

[0019] In response to a trigger operation of the user on at least one third page entry, determining a second target page entry from the at least one third page entry;

[0020] The second page corresponding to the second target page entrance is displayed in the first split-screen window.

[0021] In some embodiments, generating a second display window including at least two split-screen windows to display a first page corresponding to a corresponding first target page entry in each split-screen window includes:

[0022] determining page types of at least two first pages;

[0023] When the page types of at least two first pages are the same, generating at least two split-screen windows with the same area;

[0024] In a case where the page types of at least two first pages are different, determining the area size of the split-screen window corresponding to each first page based on the page types of the at least two first pages;

[0025] When the page type of the first page is a text type, the first page is switched to a mobile phone browsing mode.

[0026] In some embodiments, the method further comprises at least one of the following:

[0027] Acquire a third operation performed by the user on the second display window; and exit the second display window in response to the third operation;

[0028] The second display window includes a third control key; in response to a trigger operation of the user on the third control key, the second display window is exited.

[0029] In some embodiments, after exiting the second display window, the method further includes:

[0030] Based on the user's interactive behavior in the second display window, updating the first display window;

[0031] The updated first display window is displayed.

[0032] In some embodiments, the third operation represents an expand-out gesture performed by the user on different split-screen windows of the second display window;

[0033] In response to the third operation, exiting the second display window includes:

[0034] In response to a pinch-out gesture performed by the user on a different split-screen window in the second display window, exiting the second display window.

[0035] On the other hand, the present application provides a display device, comprising: a display screen and a processor; wherein:

[0036] A display screen, used to display a display window corresponding to the target application;

[0037] A processor is used to obtain a first operation performed by a user on a target component area; wherein the target component area represents a first display window of a target application and is used to display at least two first page entries; each first page entry corresponds to a first page opened in the target application; based on the first operation, at least two first target page entries are determined from the at least two first page entries, and a second display window including at least two split-screen windows is generated to display the first page corresponding to the corresponding first target page window in each split-screen window.

[0038] It should be understood that the above general description and the following detailed description are merely exemplary and explanatory, and are not intended to limit the technical solutions of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0039] The drawings herein are incorporated into the specification and constitute a part of the specification. These drawings illustrate embodiments consistent with the present application and are used together with the specification to illustrate the technical solution of the present application.

[0040] Figure 1 A schematic diagram of an implementation flow of a display method provided in this application;

[0041] Figure 2 A schematic diagram of a display window according to an embodiment of a display method provided by the present application;

[0042] Figure 3 A schematic diagram of another display window according to an embodiment of the display method provided by the present application;

[0043] Figure 4 A schematic diagram of another display window according to an embodiment of the display method provided by the present application;

[0044] Figure 5 A schematic diagram of another display window according to an embodiment of the display method provided by the present application;

[0045] Figure 6 A schematic diagram of the composition structure of a display device provided in this application. DETAILED DESCRIPTION

[0046] In order to make the purpose, technical solutions and advantages of the present application clearer, the technical solutions of the present application are further elaborated in detail below in conjunction with the drawings and embodiments. The described embodiments should not be regarded as limiting the present application. All other embodiments obtained by ordinary technicians in the field without making creative work are within the scope of protection of the present application.

[0047] In the following description, reference is made to “some embodiments”, which describe a subset of all possible embodiments, but it will be understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0048] The terms "first / second / third" involved are merely used to distinguish similar objects and do not represent a specific ordering of the objects. It is understandable that "first / second / third" can be interchanged with a specific order or sequence where permitted so that the embodiments of the present application described herein can be implemented in an order other than that illustrated or described herein.

[0049] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing this application and are not intended to limit this application.

[0050] The present application provides a display method, which can be executed by a processor of an electronic device. The electronic device may refer to a server, a laptop, a tablet computer, a desktop computer, a smart TV, a set-top box, a mobile device (such as a mobile phone, a portable video player, a personal digital assistant, a dedicated messaging device, a portable gaming device), or other device with display processing capabilities.

[0051] Figure 1 A schematic diagram of the implementation process of a display method provided in this application, such as Figure 1As shown, the method includes the following steps S101 to S102:

[0052] Step S101, obtaining a first operation performed by a user on a target component area; wherein the target component area represents an area in a first display window of a target application, which is used to display at least two first page entrances.

[0053] Here, the target application is an application installed in the electronic device that supports opening multiple pages simultaneously. For example, the target application may be a browser, office software, or other application programs for realizing corresponding functions.

[0054] The first display window is the current display window of the target application.

[0055] In some embodiments, the first display window includes at least one component area, wherein each component area includes a plurality of components for implementing similar functions.

[0056] For example, when the target application includes a tab bar, the tab bar includes at least two tabs, and each tab corresponds to a tab page. Thus, when the user performs the first operation on the tab bar, the tab bar can be used as the target component area, and the at least two tabs displayed in the tab bar can be used as at least two first page entries.

[0057] For another example, when the target application includes a navigation bar, the navigation bar includes controls that can be linked to at least two pages of the target application. Thus, when the user performs a first operation on the navigation bar, the navigation bar can be used as the target component area, and the at least two controls in the navigation bar can be used as at least two first page entrances.

[0058] For another example, when the target application includes a page preview area, the page preview area includes preview pages of at least two pages, and the corresponding page can be opened through the preview page. In this way, when the user performs the first operation on the page preview area, the page preview area can be used as the target component area, and the at least two preview pages in the page preview area can be used as at least two first page entrances.

[0059] In some embodiments, the first page entry may be a page entry corresponding to a page that has been opened in the target application. For example, when the target application is a browser, the first page entry may be a tag corresponding to a tab that has been opened in the browser.

[0060] In some embodiments, the first page entry may be a page entry displayed in the target application that can open a corresponding page, that is, the page corresponding to the first page entry may be a page that has been opened or has not yet been opened. For example, when the target component area is a navigation bar in the target application, the first page entry is a control in the navigation bar, and the page corresponding to the control may be a page that has been opened or a page that has not yet been opened.

[0061] The first operation represents an operation for triggering the target application to perform split-screen execution.

[0062] In some embodiments, the first operation may be a pre-set gesture operation. Thus, for example, when the display screen of the electronic device executing the display method is a touch screen, the touch screen may be used to detect the user's gesture operation on the target component area; for another example, when the electronic device includes a camera, the camera may be used to capture the user's hand image, thereby identifying the user's gesture operation on the target component area.

[0063] In some embodiments, the first operation may be a voice operation. In this way, the microphone of the electronic device may be used to collect the user's voice information, and then a voice recognition algorithm may be used to recognize the voice operation instructions for the target component area in the voice information.

[0064] In some embodiments, the first operation may be a click operation, a long press operation, a sliding operation, a frame selection operation, etc. performed by a user using a mouse, keyboard, touchpad or other input device. In this way, by detecting the click or track information of the input device, the click, long press, sliding or frame selection operation of the user on the target component area can be determined.

[0065] Step S102, based on the first operation, determine at least two first target page entries from the at least two first page entries, and generate a second display window including at least two split-screen windows to display the first page corresponding to the corresponding first target page entry in each split-screen window.

[0066] In some embodiments, based on the type of the first operation, an identification method for identifying at least two first target page entries from the first operation is determined.

[0067] For example, when the type of the first operation is a gesture type, at least two first target page entrances are determined based on the position of the gesture operation acting on the target component area;

[0068] For another example, when the type of the first operation is a voice type, at least two first target page entrances are determined based on the recognition result of the user's voice information;

[0069] For another example, when the type of the first operation is a click operation type performed by the user using an input device, at least two first target page entrances are determined based on the click position of the click operation;

[0070] For another example, when the type of the first operation is a sliding operation type performed by the user using an input device, at least two first target page entrances are determined based on a sliding track of the sliding operation;

[0071] For another example, when the type of the first operation is a box selection operation type performed by the user using an input device, at least two first target page entrances are determined based on the box selection range of the box selection operation.

[0072] In some embodiments, a second display window including at least two split-screen windows is generated, and the generated second display window is displayed superimposed on top of the first display window.

[0073] In some embodiments, a second display window including at least two split-screen windows is generated, and the first display window is exited, and only the second display window is retained and displayed in the target application.

[0074] In some embodiments, the second display window is displayed in an area of ​​the display screen of the electronic device that is used to display the output target application.

[0075] In some embodiments, the second display window is output in full screen display using the display screen of the electronic device.

[0076] By generating a second display window including at least two split-screen windows, the first page corresponding to each first target page entry is displayed in the corresponding split-screen window, respectively, so that the first page corresponding to each first target page entry is simultaneously displayed and output on the electronic device.

[0077] In some embodiments, page contents of at least two first pages displayed in at least two split-screen windows are different.

[0078] In the display method provided by the present application, based on the first operation performed by the user on the target component area, at least two first target page entries are determined from the at least two first page entries in the target component area, and a second display window including at least two split-screen windows is generated to display the first page corresponding to the corresponding first target page entry in each split-screen window. In this way, through the first operation of the user, two first pages can be simultaneously displayed in at least two split-screen windows of the second display window, so that the user can browse the page contents of at least two first pages at the same time, avoiding the complex operations caused by switching back and forth between at least two first pages in the target application, thereby achieving the effect of reducing the complexity of the operation, better assisting the user to improve the work efficiency, learning or entertainment effect, and thus improving the user's experience.

[0079] In some embodiments, the target component area includes at least one of a navigation component area and a label component area in the first display window;

[0080] The first display window is used to display the target component area and a page corresponding to one of the at least two first page entries.

[0081] Here, the navigation component area is an area in the first display window for displaying the navigation component, such as the navigation bar mentioned above. Thus, the first page entry is the navigation control in the navigation component area.

[0082] The label component area is an area in the first display window for displaying labels corresponding to the opened pages, such as the label bar described above. Thus, the first page entry is the label in the label component area.

[0083] In this way, when the target component area includes at least one of the navigation component area and the label component area, the first display window at least includes the target component area and a page corresponding to one of the at least two first page entrances.

[0084] For example, when the target component area is a navigation component area, the navigation component area and a page corresponding to a navigation control in the navigation component area are displayed in the first display window. For example, when the target application is WeChat, a navigation bar is displayed at the bottom of the first display window, and the navigation bar includes a "WeChat" control, a "Contact" control, a "Discover" control, and a "Me" control; at the same time, a page corresponding to one of the controls is displayed, for example, a chat window page corresponding to the "WeChat" control, a contact information page corresponding to the "Contact" control, a discovery page corresponding to the "Discover" control, or a menu page corresponding to the "Me" control.

[0085] For another example, when the target component area is a tab component area, the tab component area and a page corresponding to a tab in the tab component area are displayed in the first display window. For example, when the target application is a browser, the tab component area is displayed at the top or bottom of the first display window, and the tab component area includes tabs corresponding to multiple opened pages; at the same time, a page corresponding to one of the tabs is displayed.

[0086] In this way, in response to the user's first operation, at least two navigation controls are determined from the navigation component area or at least two tags are determined from the tag component area, and a second display window with at least two split screens is generated to display the page corresponding to the corresponding navigation control or the page corresponding to the tag in each split screen. For example, when the target application is WeChat and the target component area is the navigation component area, the chat page corresponding to the "WeChat" control and the discovery page corresponding to the "Discover" control can be displayed simultaneously in the second display window; for another example, when the target application is a browser and the target component area is the tag component area, the pages corresponding to at least two tags can be displayed simultaneously in the second display window.

[0087] In some embodiments, the first page entry represents a preview page of the corresponding first page;

[0088] The target component area represents an area in the first display window for displaying at least two preview pages.

[0089] Here, the preview page refers to a page obtained by simplifying the corresponding first page.

[0090] For example, the content currently displayed in the first page is reduced to generate a preview page; another example, the snapshot image of the first page is used as its corresponding preview page; another example, the content currently displayed in the first page is summarized to generate a preview page; another example, the preview page is generated based on the first content currently displayed in the first page; etc. For example, in the case where the target application is WeChat, when the navigation bar displayed at the bottom of the first display window is a "WeChat" control, multiple rectangular chat window page entries are displayed from the top of the screen to the bottom of the control. In this embodiment, each chat window page entry is a preview interface, which displays the last message record or draft content of the contact (or group chat) corresponding to the user and the chat window. Clicking one of the chat window page entries can fully display the chat, and the fully displayed chat window is the first page. For example, a list of multiple rectangular contacts is displayed from the top of the screen to the bottom of the "contact" control. Each contact displays an avatar and a nickname or notes of the contact. Clicking each contact can display the contact details page. In this embodiment, each contact is a preview page, and the contact details page is the first page.

[0091] In this way, in response to a trigger operation on a preview page, a page corresponding to the preview page can be entered.

[0092] The area in the first display window for displaying at least two preview pages is used as the target component area. In this way, in response to the user's first operation on the at least two preview pages, at least two target preview pages (i.e., at least two first target page entrances) are determined from the at least two preview pages, and a second display window including at least two split-screen windows is generated, so that a corresponding first page is displayed in each split-screen window.

[0093] In some embodiments, the first display window at least displays a target component area including at least two preview pages.

[0094] In some embodiments, the first display window displays at least a target component area including at least two preview pages, and a page corresponding to one of the at least two preview pages.

[0095] In the above embodiment, the target component area may include at least one of a navigation component area, a label component area and a preview page area containing at least two preview pages in the first display window, which allows the user to display multiple types of pages in split screens through simple operations, so as to simultaneously browse and / or edit information distributed on multiple pages, thereby improving the user's work efficiency, learning effect and usage experience.

[0096] In some embodiments, the determining of at least two first target page entries from the at least two first page entries based on the first operation in the above step S102 may be implemented as one of the following steps S1021 to S1022:

[0097] Step S1021: if the first operation represents an operation performed by the user on a blank position in the target component area, based on the first operation, each of the first page entries is determined as a first target page entry;

[0098] Step S1022: If the first operation represents an operation performed by the user on at least two second page entries, based on the first operation, each of the second page entries is determined as a first target page entry; wherein the at least two first page entries include the at least two second page entries.

[0099] Here, when the first operation is a gesture operation performed by the user on the target component area, or an input operation performed by the user on the target component area through an input device, at least two first target page entries are determined from at least two first page entries according to the position pointed to by the first operation.

[0100] In the case where the first operation is a gesture operation, in some embodiments, the first operation can be a preset gesture performed by the user on a blank position in the target component area or on at least two second page entrances, for example, a pinch-in or pinch-out gesture of the user on a blank position or at least two second page entrances, or a floating gesture performed above or near the target component area displayed on the screen of the electronic device.

[0101] In the case where the first operation is an input operation performed by the user using an input device, in some embodiments, the first operation can be a click operation, a long press operation, a sliding operation, a box selection operation, etc. performed by the user using a mouse or a touchpad on a blank position in the target component area or at least two second page entries.

[0102] In this way, in response to the operation position corresponding to the first operation, at least two first target page entries can be determined. That is, when the operation position of the first operation is a blank position in the target component area, each first page entry in the target component area is determined as a first target page entry; when the operation position of the first operation is at least two second page entries among at least two first page entries, it indicates that the user desires to perform split-screen display for the pages corresponding to the at least two second page entries, and therefore, the two second page entries are determined as at least two first target page entries.

[0103] In some embodiments, the second display window includes a first control key.

[0104] Here, the first control key represents a function key in the second display window for adding a split-screen window.

[0105] In some embodiments, the first control key can be set at the top, left side, right side or any other position of each split-screen window in the second display window for easy user identification.

[0106] In some embodiments, the first control key can be set on the left side, right side or any other position in the second display window that is easy for the user to identify, and is independent of each split-screen window.

[0107] Thus, the display method provided by the present application further includes the following steps S103 to S105:

[0108] Step S103, in response to the user's triggering operation on the first control key, generating a first split-screen window in the second display window; wherein, at least one third page entry is displayed in the first split-screen window; each of the third page entry corresponds to a page entry among the at least two first page entries except the at least two first target page entries.

[0109] Here, the first split-screen window is a newly generated split-screen window based on the user's triggering operation on the first control key, and the display position of the first split-screen window is related to the position of the corresponding first control key.

[0110] For example, if the first control key is set on the right side of a displayed specified split-screen window, the first split-screen window will be displayed in the right area of ​​the specified split-screen window; accordingly, if the first control key is set on the left side of the specified split-screen window, the first split-screen window will be displayed in the left area of ​​the specified split-screen window.

[0111] For another example, if the first control key is independent of the split-screen window displayed in the second display window and is displayed on the right side of the second display window, the first split-screen window will be displayed in the rightmost area of ​​the second display window; correspondingly, if the first control key is independent of the split-screen window displayed in the second display window and is displayed on the left side of the second display window, the first split-screen window will be displayed in the leftmost area of ​​the second display window.

[0112] Here, after the first split-screen window is generated, at least one third page entry is displayed in the first split-screen window, and the third page entry is a page entry other than at least two first target page entries among the at least two first page entries in the target component area.

[0113] By displaying at least one third page entry in the first split-screen window, the user can be prompted with a page that is not currently displayed.

[0114] Step S104: in response to a trigger operation of the user on the at least one third page entry, determining a second target page entry from the at least one third page entry.

[0115] Here, the triggering operation of the user on at least one third page entrance refers to the selection operation of the user on at least one third page.

[0116] For example, the user determines the second target page entry from at least one third page entry through a gesture operation, a click operation, a slide operation, a long press operation, or a frame selection operation implemented using an input device.

[0117] Step S105: displaying a second page corresponding to the second target page entrance in the first split-screen window.

[0118] Here, the second page corresponding to the second target page entrance is displayed in the first split-screen window so that the user can browse and / or edit the first page corresponding to at least two first target page entrances and the second page corresponding to the second target page entrance.

[0119] In some embodiments, in response to a user triggering operation on the at least one third page entry, at least two second target page entries are determined from the at least one third page entry. In this way, at least one second split-screen window is generated in the second display window to display the second pages corresponding to the at least two second target page entries using the first split-screen window and the at least one second split-screen window.

[0120] In some embodiments, the first split-screen window also includes a page address input bar and / or a search bar, so that the user can enter a new address in the page address input bar and open a new page, or use the search bar to search and open a new file.

[0121] In the above embodiment, after split screen is performed based on the user's first operation and a second display window is generated, a first control key is provided in the second display window so that the user can continue to perform the split screen operation based on the first control key to browse and / or edit more page contents at the same time, thereby improving the flexibility of the split screen operation.

[0122] In some embodiments, the generating of the second display window including at least two split-screen windows in the above step S102, so as to display the first page corresponding to the corresponding first target page entrance in each of the split-screen windows, can be implemented as the following steps S1023 to S1026:

[0123] Step S1023: determine the page types of at least two first pages.

[0124] Here, the page type refers to the main type of page content displayed on the first page.

[0125] For example, when the page content displayed on the first page is mainly text information, and the proportion of picture or video information is relatively low, the page type of the first page is determined to be text type, such as pages corresponding to blog websites, literary works websites, news information websites, etc.

[0126] For example, when the page content displayed on the first page is mainly picture information, the page type of the first page is determined to be a picture type, for example, pages corresponding to various picture search websites.

[0127] For another example, when the page content displayed on the first page is mainly video information, the page type of the first page is determined to be a video type, for example, pages corresponding to various video websites.

[0128] Step S1024: When the page types of the at least two first pages are the same, generate at least two split-screen windows with the same area.

[0129] Here, for at least two pages of the first page that have the same page type, split-screen windows with the same area are generated for them.

[0130] For example, when at least two first pages are both text-type, picture-type or video-type pages, split-screen windows with the same area are generated for the at least two first pages.

[0131] Step S1025, when the page types of the at least two first pages are different, determine the area size of the split-screen window corresponding to each of the first pages based on the page types of the at least two first pages.

[0132] Here, considering that different types of information are displayed in different types of pages, different types of information occupy different areas in the page while ensuring the display effect. Therefore, split-screen windows with different areas are generated for different page types.

[0133] For example, in a case where the at least two first pages include a text type page and a picture type page, the area of ​​the split screen window generated for the text type page is smaller than the area of ​​the split screen window generated for the picture type page;

[0134] For another example, when the at least two first pages include a picture type page and a video type page, the area of ​​the split screen window generated for the picture type page is smaller than the area of ​​the split screen window generated for the video type page.

[0135] Step S1026: When the page type of the first page is a text type, the first page is switched to a mobile phone browsing mode.

[0136] Here, when the page type of the first page is text type and the first page is in computer browsing mode, the first page can be switched from computer browsing mode to mobile browsing mode, thereby deleting blank space, advertisements or other information that the user does not care about in the first page. In this way, a smaller split screen area can be allocated to the first page while keeping the font size unchanged.

[0137] For example, when the target application is a browser and the website corresponding to the first page is a website that supports user agent (UA) switching, the first page can be switched from a computer browsing mode to a mobile phone browsing mode.

[0138] In the above embodiment, the area size of the split-screen window allocated to each first page is determined based on the page type of at least two first pages, so that reasonable application of the electronic device display screen can be achieved while ensuring the display effect of each first page.

[0139] In some embodiments, the display method provided by the present application also includes: in response to a second operation performed by the user on the second display window, adjusting the size of at least one of the split-screen windows.

[0140] Here, the second operation refers to a zoom-in or zoom-out operation performed by the user on at least one split-screen window.

[0141] In some embodiments, the second operation may be a gesture operation, a voice operation, or a click operation, a long press operation, a sliding operation, a box selection operation, etc. performed by a user using an input device.

[0142] In some embodiments, the split-screen window corresponding to the second operation and the operation type (ie, a zoom-out operation or a zoom-in operation) are identified to perform the zoom-out operation or the zoom-in operation on the allocated window corresponding to the second operation.

[0143] In some embodiments, the display method provided by the present application also includes: adjusting the size of at least two of the split-screen windows in response to a control operation of a user on a second control key in the second display window.

[0144] Here, a second control key is set in the second display window so as to adjust the size of the corresponding split-screen window using the second control key.

[0145] In some embodiments, the control operation on the second control key may include an operation in which the user long presses the second control key and slides left or right or up or down.

[0146] In some embodiments, the second control key is arranged between two adjacent split-screen windows. Thus, in response to the user's control operation on the second control key, the sizes of the two adjacent split-screen windows can be adjusted.

[0147] In some embodiments, the second control key is set between two adjacent split-screen windows. In this way, in response to a user pressing and holding the second control key and sliding it to the right, the size of the split-screen window to the right of the second control key can be reduced, while the size of the split-screen window to the left of the second control key can be enlarged; correspondingly, in response to a user pressing and holding the second control key and sliding it to the left, the size of the split-screen window to the left of the second control key can be reduced, while the size of the split-screen window to the right of the second control key can be enlarged.

[0148] In some embodiments, the second control key may also be set between two split-screen windows that are adjacent to each other vertically or diagonally.

[0149] In some embodiments, after generating the second display window, the display method provided by the present application further includes at least one of the following steps S106 to S107:

[0150] Step S106, obtaining a third operation performed by the user on the second display window; and exiting the second display window in response to the third operation.

[0151] Here, the third operation refers to an operation corresponding to the first operation and used to trigger the target application to exit the split screen.

[0152] Thus, in some embodiments, the third operation may be a pre-set gesture operation. Thus, for example, when the display screen of the electronic device is a touch screen, the touch screen may be used to detect the gesture operation of the user acting on the second display window; for another example, when the electronic device includes a camera, the camera may be used to capture the user's hand image, thereby identifying the gesture operation of the user acting on the second display window.

[0153] In some embodiments, the third operation may be a voice operation. In this way, the microphone device of the electronic device is used to collect the user's voice information, and then the voice recognition algorithm is used to recognize the voice operation instruction for the second display window in the voice information.

[0154] In some embodiments, the third operation may be a click operation, a long press operation, a sliding operation, a frame selection operation, etc. performed by the user using an input device. In this way, by detecting the click or track information of the input device, the click, long press, sliding or frame selection operation performed by the user on the second display window can be determined.

[0155] In this way, in response to the third operation, the target application is controlled to exit the second display window.

[0156] Step S107: the second display window includes a third control key; in response to a triggering operation of the user on the third control key, the second display window is exited.

[0157] Here, a third control key is set in the second display window, so as to use the third control key to exit the split screen mode.

[0158] In some embodiments, the third control key may be disposed at the top, left side, right side, or any other position of the second display window that is easy for the user to identify.

[0159] In this way, in response to the triggering operation of the third control key, the second display window is exited.

[0160] In some embodiments, in response to a user's operation of exiting the second display window, a first display window corresponding to the output target application is displayed.

[0161] In some embodiments, in response to the user exiting the second display window and specifying an operation on a split-screen window within the second display window, the second display window is exited, and a page within the split-screen window specified by the user is displayed and output.

[0162] In some embodiments, after exiting the second display window, the method provided by the present application further includes the following steps S108 to S109:

[0163] Step S108, updating the first display window based on the user's interactive behavior in the second display window;

[0164] Step S109: displaying the updated first display window.

[0165] Here, the user's interactive behavior in the second display window refers to the user's operating behavior in the second display window. In some embodiments, the user's interactive behavior may include a user's scrolling operation, editing operation, setting operation of page controls, etc. for at least two second pages.

[0166] In this way, when the second display window is a window superimposed and displayed on an upper layer of the first display window, the page content and the setting status of the page controls in the first display window are updated based on the user's interactive behavior in the second display window.

[0167] In some embodiments, the page in the first display window can be updated in real time based on the user's interactive behavior in the second display window; in response to the operation of exiting the second display window, the page content and / or the setting status of the page controls in the second display window can be obtained, and the page in the first display window can be updated based on the page content and / or the setting status of the page controls in the second display window.

[0168] In this way, the updated first display window is displayed, so that the content displayed in the updated first display window can reflect the interactive behavior of the user in the second display window.

[0169] In some embodiments, the third operation represents an expand-out gesture performed by a user on different split-screen windows of the second display window;

[0170] Thus, in response to the third operation in the above step S106, exiting the second display window can be implemented as the following steps S1061:

[0171] In response to an expand-out gesture performed by the user on different split-screen windows in the second display window, exiting the second display window.

[0172] Here, the expand-out gesture may be a two-finger expand-out gesture or a multi-finger expand-out gesture performed by the user.

[0173] In this way, in response to the outward gesture performed by the user on different split-screen windows in the second display window, the second display window is exited, and the original first display window, the first display window updated based on the user's interactive behavior in the second display window, or a first page specified by the user under the second display window is displayed.

[0174] In the above embodiment, an expand gesture is used to exit the second display window, that is, to exit the split-screen mode, so that the switching method between the split-screen mode and the non-split-screen mode is simple and efficient, easy for users to remember, and can improve the user experience and satisfaction.

[0175] Next, combine Figure 2 , Figure 3 , Figure 4 and Figure 5 An application embodiment of the present application is described, wherein the target application is a browser, the first operation is a two-finger pinch gesture performed by the user on the tab component area of ​​the browser, and the third operation is a two-finger expand gesture performed by the user in the split-screen mode.

[0176] like Figure 2 As shown, in the single-screen mode, the browser displays a first display window 200 .

[0177] The first display window 200 displays a label component area 210. Two labels are displayed in the label component area 210, namely, label 211 corresponding to the "zhihu" page and label 212 corresponding to the "bilibili" page. Label 212 is shaded, indicating that the page corresponding to label 212 is in the lower layer and is not displayed; the page corresponding to label 211 is in the upper layer and is displayed in the first display window 200.

[0178] In the first display window 200, the "Zhihu" page corresponding to the tag 211 is displayed below the tag component area 210. The "Zhihu" page includes a navigation bar 220 and a content area 230. The content area 230 displays the title 231 and the body 232 of the currently opened Zhihu article.

[0179] like Figure 2 As shown, the thumb and index finger of the user's hand 240 perform a pinch gesture on the tab 211 and the tab 212 along the directions indicated by the arrows in the figure, respectively, so that the browser performs a split-screen operation.

[0180] In response to the user's two-finger pinch gesture operation, the browser is split-screen operated to obtain Figure 3 The second display window 300 is shown.

[0181] like Figure 3As shown, two split-screen windows are displayed in the second display window 300, namely split-screen window 310 and split-screen window 320; wherein, split-screen window 310 is used to display the "Zhihu" page, and split-screen window 320 is used to display the "Bilibili" page.

[0182] In the split-screen window 310, there are displayed a navigation bar 311 of the "Zhihu" page and a content area 312 for displaying the Zhihu article currently being read; wherein, the content area 312 displays a title 313 and a main text 314, and as the user scrolls the page, a picture 315 of the Zhihu article currently being read is displayed in the main text 314.

[0183] In the split-screen window 320 , a navigation bar 321 of the “bilibili” page, an area 322 for displaying multiple video categories, and a content area 323 are displayed, and a video preview interface 324 is displayed in the content area 323 .

[0184] At the same time, since the "Zhihu" page is a page with text as the main content, and the "Bilibili" page is a page with video as the main content, in split-screen mode, the area of ​​the split-screen window 310 allocated to the "Zhihu" page is smaller than the area of ​​the split-screen window 320 allocated to the "Bilibili" page; at the same time, the "Zhihu" page is switched to mobile browsing mode, that is, the blank space on both sides of the content area 312 is deleted, so that the title 313 and the text 314 occupy a larger proportion in the content area 312.

[0185] At the same time, the split screen window 310 and the split screen window 320 are respectively provided with an indication icon 316 and an indication icon 325 to prompt the user to exit the split screen function by using an outward gesture.

[0186] A control 330 is provided between the split-screen window 310 and the split-screen window 320 , so that the user can adjust the size of the split-screen window 310 and the split-screen window 320 by sliding to adjust the position of the control 330 .

[0187] like Figure 4 As shown, in the second display window 400, based on the indication icon 410 and the indication icon 420, the thumb and index finger of the user's hand 430 perform an outward gesture on the two split-screen windows along the arrow direction in the figure, so that the browser exits the split-screen mode and displays the third display window 500, as shown in FIG. Figure 5 shown.

[0188] like Figure 5As shown, after exiting the split-screen mode, in the label component area 510 of the third display window 500, the label 511 and the label 512 before the split-screen are displayed; in the content area 520 of the third display window 500, in response to the user's scrolling operation on the "Zhihu" page in the split-screen mode, the scrolling result of the main text content is updated to the third display window 500, and the updated main text content is displayed in the content area 520, that is, the main text 521, which includes the article picture 522.

[0189] It can be seen from the above embodiments that in the display method provided by the present application, users can use gesture operations to realize the split-screen display of multiple split-screen windows in the same application, so that users can browse and / or edit multiple page contents at the same time, thereby improving work efficiency, learning effects and experience effects; at the same time, because the gestures for executing and exiting split screens are simple and easy to remember, the efficiency of split screens and exiting split screens can be further improved, and the complexity of user operations can be reduced.

[0190] Based on the above embodiments, the present application provides a display device. Figure 6 As shown, the display device 600 includes: a display screen 610 and a processor 620, wherein:

[0191] The display screen 610 is used to display a display window corresponding to the target application;

[0192] The processor 620 is used to obtain a first operation performed by a user on a target component area; wherein the target component area represents a first display window of a target application, and is used to display at least two first page entries; each of the first page entries corresponds to a first page opened in the target application; based on the first operation, at least two first target page entries are determined from the at least two first page entries, and a second display window including at least two split-screen windows is generated to display the first page corresponding to the corresponding first target page window in each of the split-screen windows.

[0193] In some embodiments, the target component area includes at least one of a navigation component area and a label component area in the first display window;

[0194] The first display window is used to display the target component area and a page corresponding to one of the at least two first page entries.

[0195] In some embodiments, the first page entry represents a preview page of the corresponding first page;

[0196] The target component area represents an area in the first display window for displaying at least two preview pages.

[0197] In some embodiments, the processor 620 is configured to perform one of the following:

[0198] If the first operation represents an operation performed by a user on a blank position in the target component area, each of the first page entries is determined as a first target page entry based on the first operation;

[0199] If the first operation represents an operation performed by a user on at least two second page entries, each of the second page entries is determined as a first target page entry based on the first operation; wherein the at least two first page entries include the at least two second page entries.

[0200] In some embodiments, the second display window includes a first control key;

[0201] The processor 620 is further configured to:

[0202] In response to a user's triggering operation on the first control key, a first split screen window is generated in the second display window; wherein at least one third page entry is displayed in the first split screen window; each of the third page entries corresponds to a page entry of the at least two first page entries other than the at least two first target page entries;

[0203] In response to a trigger operation of the user on the at least one third page entry, determining a second target page entry from the at least one third page entry;

[0204] The second page corresponding to the second target page entrance is displayed in the first split-screen window.

[0205] In some embodiments, the processor 620 is configured to:

[0206] determining page types of at least two first pages;

[0207] In a case where the page types of the at least two first pages are the same, generating at least two split-screen windows with the same area;

[0208] In a case where the page types of the at least two first pages are different, determining the area size of the split-screen window corresponding to each of the first pages based on the page type of the at least two first pages;

[0209] When the page type of the first page is a text type, the first page is switched to a mobile phone browsing mode.

[0210] In some embodiments, the processor 620 is further configured to perform at least one of the following:

[0211] Acquire a third operation performed by a user on the second display window; and exit the second display window in response to the third operation;

[0212] The second display window includes a third control key; in response to a triggering operation of the user on the third control key, the second display window is exited.

[0213] In some embodiments, after exiting the second display window, the processor 620 is further configured to:

[0214] Based on the user's interactive behavior in the second display window, updating the first display window;

[0215] The updated first display window is displayed.

[0216] In some embodiments, the third operation represents an expand-out gesture performed by a user on different split-screen windows of the second display window;

[0217] The processor exits the second display window in response to an expand gesture performed by a user on different split-screen windows in the second display window.

[0218] The description of the above device embodiment is similar to the description of the above method embodiment, and has similar beneficial effects as the method embodiment. In some embodiments, the functions or components of the device provided by the embodiments of the present disclosure can be used to execute the method described in the above method embodiment. For technical details not disclosed in the device embodiment of the present application, please refer to the description of the method embodiment of the present application for understanding.

[0219] It should be noted that in the embodiment of the present application, if the above-mentioned display method is implemented in the form of a software function module and sold or used as an independent product, it can also be stored in a computer-readable storage medium. Based on such an understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the relevant technology can be embodied in the form of a software product, which is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the methods described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a U disk, a mobile hard disk, a read-only memory (ROM), a disk or an optical disk. In this way, the embodiment of the present application is not limited to any specific hardware, software or firmware, or any combination of hardware, software, and firmware.

[0220] An embodiment of the present application provides a computer device, including a memory and a processor, wherein the memory stores a computer program that can be run on the processor, and when the processor executes the program, some or all of the steps in the above method are implemented.

[0221] The embodiment of the present application provides a computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, some or all of the steps in the above method are implemented. The computer-readable storage medium can be transient or non-transient.

[0222] An embodiment of the present application provides a computer program, including a computer-readable code. When the computer-readable code is run in a computer device, a processor in the computer device executes some or all of the steps for implementing the above method.

[0223] The embodiment of the present application provides a computer program product, which includes a non-transitory computer-readable storage medium storing a computer program, and when the computer program is read and executed by a computer, some or all of the steps in the above method are implemented. The computer program product can be implemented specifically by hardware, software or a combination thereof. In some embodiments, the computer program product is specifically embodied as a computer storage medium, and in other embodiments, the computer program product is specifically embodied as a software product, such as a software development kit (SDK) and the like.

[0224] It should be noted here that the description of the various embodiments above tends to emphasize the differences between the various embodiments, and the same or similar aspects can be referenced to each other. The description of the above device, storage medium, computer program and computer program product embodiments is similar to the description of the above method embodiment, and has similar beneficial effects as the method embodiment. For technical details not disclosed in the embodiments of the device, storage medium, computer program and computer program product of this application, please refer to the description of the method embodiment of this application for understanding.

[0225] It should be understood that "one embodiment" or "an embodiment" mentioned throughout the specification means that specific features, structures or characteristics related to the embodiment are included in at least one embodiment of the present application. Therefore, "in one embodiment" or "in an embodiment" appearing throughout the specification does not necessarily refer to the same embodiment. In addition, these specific features, structures or characteristics can be combined in one or more embodiments in any suitable manner. It should be understood that in various embodiments of the present application, the size of the serial number of each step / process mentioned above does not mean the order of execution, and the execution order of each step / process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiment of the present application. The serial numbers of the embodiments of the present application mentioned above are for description only and do not represent the advantages and disadvantages of the embodiments.

[0226] It should be noted that, in this article, the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the sentence "comprises a ..." does not exclude the existence of other identical elements in the process, method, article or device including the element.

[0227] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. The device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as: multiple units or components can be combined, or can be integrated into another system, or some features can be ignored or not executed. In addition, the coupling, direct coupling, or communication connection between the components shown or discussed can be through some interfaces, and the indirect coupling or communication connection of the devices or units can be electrical, mechanical or other forms.

[0228] The units described above as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units; they may be located in one place or distributed on multiple network units; some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0229] In addition, all functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may be a separate unit, or two or more units may be integrated into one unit; the above-mentioned integrated units may be implemented in the form of hardware or in the form of hardware plus software functional units.

[0230] A person skilled in the art can understand that all or part of the steps of implementing the above method embodiment can be completed by hardware related to program instructions, and the aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it executes the steps of the above method embodiment; and the aforementioned storage medium includes: mobile storage devices, read-only memories (ROM), magnetic disks or optical disks, etc., various media that can store program codes.

[0231] Alternatively, if the above-mentioned integrated unit of the present application is implemented in the form of a software function module and sold or used as an independent product, it can also be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application can essentially or in other words, the part that contributes to the relevant technology can be embodied in the form of a software product, which is stored in a storage medium and includes a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the methods described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as mobile storage devices, ROMs, magnetic disks, or optical disks.

[0232] The above is only an implementation method of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application.

Claims

1. A display method, comprising: Acquire a first operation performed by a user on a target component area; wherein the target component area represents an area in a first display window of a target application for displaying at least two first page entrances; Based on the first operation, at least two first target page entries are determined from the at least two first page entries, and a second display window including at least two split-screen windows is generated to display the first page corresponding to the corresponding first target page entry in each split-screen window.

2. The method according to claim 1, wherein: The target component area includes at least one of a navigation component area and a label component area in the first display window; The first display window is used to display the target component area and a page corresponding to one of the at least two first page entries.

3. The method according to claim 1, wherein: The first page entry represents a preview page of the corresponding first page; The target component area represents an area in the first display window for displaying at least two preview pages.

4. The method according to any one of claims 1 to 3, wherein: The determining, based on the first operation, at least two first target page entries from the at least two first page entries comprises one of the following: If the first operation represents an operation performed by a user on a blank position in the target component area, each of the first page entries is determined as a first target page entry based on the first operation; If the first operation represents an operation performed by a user on at least two second page entries, each of the second page entries is determined as a first target page entry based on the first operation; wherein the at least two first page entries include the at least two second page entries.

5. The method according to any one of claims 1 to 3, wherein: The second display window includes a first control key; The method further comprises: In response to a user's triggering operation on the first control key, a first split screen window is generated in the second display window; wherein at least one third page entry is displayed in the first split screen window; each of the third page entries corresponds to a page entry of the at least two first page entries other than the at least two first target page entries; In response to a trigger operation of the user on the at least one third page entry, determining a second target page entry from the at least one third page entry; The second page corresponding to the second target page entrance is displayed in the first split-screen window.

6. The method according to any one of claims 1 to 3, wherein: The generating of the second display window including at least two split-screen windows to display the first page corresponding to the corresponding first target page entrance in each of the split-screen windows includes: determining page types of at least two first pages; In a case where the page types of the at least two first pages are the same, generating at least two split-screen windows with the same area; In a case where the page types of the at least two first pages are different, determining the area size of the split-screen window corresponding to each of the first pages based on the page type of the at least two first pages; When the page type of the first page is a text type, the first page is switched to a mobile phone browsing mode.

7. The method according to any one of claims 1 to 3, further comprising at least one of the following: Acquire a third operation performed by a user on the second display window; and exit the second display window in response to the third operation; The second display window includes a third control key; in response to a triggering operation of the user on the third control key, the second display window is exited.

8. The method according to claim 7, after exiting the second display window, further comprising: Based on the user's interactive behavior in the second display window, updating the first display window; The updated first display window is displayed.

9. The method according to claim 7, wherein: The third operation represents an expand-out gesture performed by the user on different split-screen windows of the second display window; The step of exiting the second display window in response to the third operation includes: In response to an expand-out gesture performed by the user on different split-screen windows in the second display window, exiting the second display window.

10. A display device, comprising: display and processor; wherein, The display screen is used to display a display window corresponding to the target application; The processor is used to obtain a first operation performed by a user on a target component area; wherein the target component area represents a first display window of a target application, and is used to display at least two first page entries; each of the first page entries corresponds to a first page opened in the target application; based on the first operation, at least two first target page entries are determined from the at least two first page entries, and a second display window including at least two split-screen windows is generated to display the first page corresponding to the corresponding first target page window in each of the split-screen windows.

Images