Split-screen display method, device, equipment, storage medium and program product
Through the split-screen display method, the operation page and the guidance page are displayed in two areas respectively, and slide synchronously in response to user operations, which solves the problem of users frequently switching pages in complex business scenarios and improves the user experience.
Patent Information
- Application Number
- CN202311540391.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2023-11-17
- Publication Date
- 2025-10-10
- Estimated Expiration
- 2043-11-17
AI Technical Summary
In applications, users need to frequently switch pages when operating complex business scenarios, which affects the user experience.
Through the split-screen display method, the unique identifier of the target operation page is obtained, the corresponding guidance page is determined, and it is displayed in two display areas respectively. The pages are slid synchronously in response to click or sliding operations to achieve rapid correspondence between the guidance page and the operation page.
It improves the fluency and efficiency of user operations, reduces the frequency of page switching, and enhances user experience.
Smart Images

Figure CN119311181B_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of Internet technology, specifically to the field of application programs, and more specifically to a split-screen display method, apparatus, device, storage medium, and program product. Background Art
[0002] Currently, when new features are added to an application, corresponding guides are provided to guide users on how to use the new features. In some complex business scenarios, due to lengthy workflows, users may need to read guides while performing operations, requiring frequent page switching. However, frequent page switching significantly impacts the user experience.
[0003] It should be noted that the information disclosed in the above background technology section is only used to enhance the understanding of the background of the present disclosure, and therefore may include information that does not constitute prior art known to ordinary technicians in the field. Summary of the Invention
[0004] In view of the above problems, the present disclosure provides a split-screen display method, apparatus, device, storage medium and program product for improving user experience.
[0005] According to a first aspect of the present disclosure, a split-screen display method is provided, the method comprising:
[0006] In response to the split-screen display instruction, obtaining a unique identifier of a target operation page;
[0007] Determining a guide page corresponding to the target operation page according to the unique identifier of the target operation page;
[0008] Displaying the guide page and the target operation page in a first display area and a second display area respectively;
[0009] In response to a click operation instruction in the first display area, obtaining a display title of a guidance page in the first display area; and
[0010] The target component is displayed in the second display area according to the display title.
[0011] According to an embodiment of the present disclosure, displaying a target component in the second display area according to the display title includes:
[0012] Determining a target component in the second display area according to an identifier of a display title of a guide page in the first display area; and
[0013] The target component is displayed in the second display area.
[0014] According to an embodiment of the present disclosure, before obtaining the unique identifier of the target operation page, the method further includes:
[0015] generating a first identification for each operation page;
[0016] generating a second identification for each component in the operation page;
[0017] generating a guide page corresponding to each operation page according to the first identification; and
[0018] generating a display title in the guide page according to the second identification.
[0019] According to an embodiment of the present disclosure, the method further comprises:
[0020] synchronously sliding a page of another display region in response to a sliding operation instruction of any display region.
[0021] According to an embodiment of the present disclosure, the synchronously sliding a page of another display region in response to a sliding operation instruction of any display region comprises:
[0022] determining a display title range of the first display region in response to a sliding operation instruction of the first display region;
[0023] determining a display component range of the second display region according to the display title range; and
[0024] displaying an operation page of the second display region according to the display component range of the second display region.
[0025] According to an embodiment of the present disclosure, the synchronously sliding a page of another display region in response to a sliding operation instruction of any display region further comprises:
[0026] determining a display component range of the second display region in response to a sliding operation instruction of the second display region;
[0027] determining a display title range of the first display region according to the display component range; and
[0028] displaying a guide page of the first display region according to the display title range of the first display region.
[0029] According to an embodiment of the present disclosure, the first display region and the second display region are distributed in an up-down manner or a left-right manner.
[0030] A second aspect of the present disclosure provides a split-screen display device, the device comprising:
[0031] a first obtaining module configured to obtain a target operation page unique identification in response to a split-screen display instruction;
[0032] determining a guide page corresponding to the target operation page according to the unique identifier of the target operation page;
[0033] The first display module is configured to display the guide page and the target operation page in a first display area and a second display area, respectively.
[0034] The second acquisition module is configured to acquire a display title of the guide page in the first display area in response to a click operation instruction of the first display area; and
[0035] The second display module is configured to display a target component in the second display area according to the display title.
[0036] According to an embodiment of the present disclosure, the second display module comprises a first determination submodule and a first display submodule.
[0037] The first determination submodule is configured to determine the target component in the second display area according to an identifier of the display title of the guide page in the first display area; and
[0038] The first display submodule is configured to display the target component in the second display area.
[0039] According to an embodiment of the present disclosure, the apparatus further comprises a first generation module, a second generation module, a third generation module and a fourth generation module.
[0040] The first generation module is configured to generate a first identifier for each operation page.
[0041] The second generation module is configured to generate a second identifier for a component in each operation page.
[0042] The third generation module is configured to generate a guide page corresponding to each operation page according to the first identifier; and
[0043] The fourth generation module is configured to generate a display title in the guide page according to the second identifier.
[0044] According to an embodiment of the present disclosure, the apparatus further comprises a synchronous sliding module.
[0045] The synchronous sliding module is configured to synchronously slide a page of another display area in response to a sliding operation instruction of any display area.
[0046] According to an embodiment of the present disclosure, the synchronous sliding module comprises a second determination submodule, a third determination submodule and a second display submodule.
[0047] The second determination submodule is configured to determine a display title range of the first display area in response to a sliding operation instruction of the first display area.
[0048] A third determining submodule is configured to determine a display component range of the second display area according to the display title range; and
[0049] The second display submodule is configured to display an operation page of the second display area according to a display component range of the second display area.
[0050] According to an embodiment of the present disclosure, the synchronous sliding module further includes: a fourth determining submodule, a fifth determining submodule and a third display submodule.
[0051] A fourth determining submodule, configured to determine a display component range of the second display area in response to a sliding operation instruction of the second display area;
[0052] A fifth determining submodule, configured to determine a display title range of the first display area according to the display component range; and
[0053] The third display submodule is configured to display a guide page of the first display area according to a display title range of the first display area.
[0054] The third aspect of the present disclosure provides an electronic device, comprising: one or more processors; and a memory for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors execute the above-mentioned split-screen display method.
[0055] A fourth aspect of the present disclosure further provides a computer-readable storage medium having executable instructions stored thereon, which, when executed by a processor, causes the processor to execute the above-mentioned split-screen display method.
[0056] A fifth aspect of the present disclosure further provides a computer program product, including a computer program, which implements the above-mentioned split-screen display method when executed by a processor.
[0057] A split-screen display method provided by an embodiment of the present disclosure responds to a split-screen display instruction, determines the guidance page corresponding to the current operation page according to the unique identifier of the target operation page, and displays the guidance page and the operation page in the first display area and the second display area respectively. The pages of the first display area and the second display area can be scrolled synchronously. In response to a click operation instruction of the first display area, the component of the second display area is quickly determined according to the content displayed in the first display area, and the component is displayed in the second display area. By associating the guidance page and the operation page, the guidance page and the operation page can be quickly corresponded, thereby improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS
[0058] The above contents and other objects, features and advantages of the present disclosure will become more apparent through the following description of the embodiments of the present disclosure with reference to the accompanying drawings, in which:
[0059] Figure 1 A diagram schematically illustrates an application scenario of the split-screen display method, apparatus, device, storage medium, and program product according to an embodiment of the present disclosure;
[0060] Figure 2 A flowchart of a method for generating an instruction page according to an operation page provided in accordance with another embodiment of the present disclosure is schematically shown;
[0061] Figure 3a One of the schematic diagrams of the guidance page and the operation page is schematically shown;
[0062] Figure 3b The second schematic diagram of the guide page and the operation page is schematically shown;
[0063] Figure 3c The third schematic diagram of the guidance page and the operation page is schematically shown;
[0064] Figure 4 A flowchart of a split-screen display method provided according to an embodiment of the present disclosure is schematically shown;
[0065] Figure 5 A flowchart of a split-screen display method provided according to another embodiment of the present disclosure is schematically shown;
[0066] Figure 6 A flowchart of a split-screen display method according to another embodiment of the present disclosure is schematically shown;
[0067] Figure 7 A flowchart of a split-screen display method according to another embodiment of the present disclosure is schematically shown;
[0068] Figure 8 A structural block diagram of a split-screen display device according to an embodiment of the present disclosure is schematically shown; and
[0069] Figure 9 A block diagram of an electronic device suitable for implementing a split-screen display method according to an embodiment of the present disclosure is schematically shown. DETAILED DESCRIPTION
[0070] Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. It should be understood, however, that the description is merely exemplary and is intended to provide a thorough and complete description of various embodiments of the present disclosure as understood by those skilled in the art. In the following detailed description of the embodiments of the present disclosure, numerous specific details are set forth in order to provide a thorough understanding of the embodiments of the present disclosure. However, it will be apparent to one skilled in the art that the embodiments of the present disclosure can be practiced without these specific details. In other instances, well-known structures and functions have been omitted or simply referenced in order not to obscure the concepts of the present disclosure.
[0071] The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the present disclosure. As used herein, the term "includes" and tautological expressions thereof, such as "including", means the inclusion of the stated features, steps, operations, and / or elements but not to the exclusion of one or more other features, steps, operations, and / or elements.
[0072] All terms used herein (including technical and scientific terms) have the same meaning as commonly understood by one of ordinary skill in the art, unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning that is consistent with the context of the specification, and should not be interpreted in an idealized or overly formal manner.
[0073] In the case of using expressions similar to "at least one of A, B, and C, etc.", it should generally be interpreted to include any of one, all, or a combination thereof. In other words, the expression "at least one of A, B, and C, etc." should be interpreted to include one of A, B, or C; a combination of at least two of A, B, and C; or all of A, B, and C.
[0074] Based on the above technical problems, embodiments of the present disclosure provide a split-screen display method, which includes: in response to a split-screen display instruction, obtaining a target operation page unique identifier; determining a guide page corresponding to the target operation page according to the target operation page unique identifier; displaying the guide page and the target operation page in a first display area and a second display area, respectively; in response to a click operation instruction of the first display area, obtaining a display title of the guide page in the first display area; and displaying a target component in the second display area according to the display title.
[0075] Figure 1 An application scenario diagram of a split-screen display method, apparatus, device, storage medium, and program product according to embodiments of the present disclosure is schematically shown.
[0076] As Figure 1As shown, the application scenario 100 according to this embodiment may include a recommended scenario for a test case. A network 104 is used as a medium for providing a communication link between terminal devices 101, 102, 103 and a server 105. The network 104 may include various connection types, such as wired or wireless communication links or fiber optic cables.
[0077] Users can use terminal devices 101, 102, and 103 to interact with server 105 via network 104 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 101, 102, and 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only as examples).
[0078] The terminal devices 101 , 102 , and 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, and desktop computers.
[0079] The server 105 may be an application server, which may execute the split-screen display method provided by the embodiment of the present disclosure, and in response to a split-screen instruction initiated by the user through the terminal devices 101, 102, and 103, divide the screen into a first display area and a second display area, and obtain a guidance page corresponding to the operation page according to the unique identifier of the operation page, and display the guidance page and the target operation page in the first display area and the second display area respectively; in response to a click operation instruction in the first display area, obtain a display title of the guidance page in the first display area; and display the target component in the second display area according to the display title.
[0080] It should be noted that the split-screen display method provided in the embodiment of the present disclosure can generally be executed by the server 105. Accordingly, the split-screen display device provided in the embodiment of the present disclosure can generally be set in the server 105. The split-screen display method provided in the embodiment of the present disclosure can also be executed by a server or server cluster that is different from the server 105 and can communicate with the terminal devices 101, 102, 103 and / or the server 105. Accordingly, the split-screen display device provided in the embodiment of the present disclosure can also be set in a server or server cluster that is different from the server 105 and can communicate with the terminal devices 101, 102, 103 and / or the server 105.
[0081] It should be understood that Figure 1 The number of terminal devices, networks and servers in the embodiment is merely illustrative. Any number of terminal devices, networks and servers may be provided as required.
[0082] It should be noted that the split-screen display method and device determined in the embodiments of the present disclosure can be used in the field of application technology, the field of financial technology, and any field other than the financial field. The application field of the split-screen display method and device determined in the embodiments of the present disclosure is not limited.
[0083] The following will be based on Figure 1 The application scenario described by Figures 2 to 7 The split-screen display method of an embodiment of the present disclosure is described in detail.
[0084] In order to better understand the split-screen display method provided by the embodiment of the present disclosure, first Figure 2 、 Figures 3a to 3c The application development framework in the embodiment of the present disclosure is introduced, specifically the generation process of the guidance page and the correspondence between the operation page and the guidance page in the application. Figure 2 A flowchart of a method for generating an instruction page based on an operation page according to another embodiment of the present disclosure is schematically shown. Figure 3a One of the diagrams of the guide page and the operation page is schematically shown. Figure 3b The second schematic diagram of the guidance page and the operation page is shown schematically. Figure 3c The third schematic diagram of the guide page and the operation page is shown schematically. Figure 2 As shown, it includes operations S310 to S340.
[0085] In operation S310 , a first identifier is generated for each operation page.
[0086] In operation S320 , a second identifier is generated for each component in the operation page.
[0087] In operation S330, a guide page corresponding to each operation page is generated according to the first identifier.
[0088] In operation S340, a display title in the guide page is generated according to the second identifier.
[0089] In an example, Figure 3a As shown, in the disclosed embodiment, the operation layer during the application development phase is consistent with a commonly used development framework. A presentation layer architecture is introduced to the currently commonly used operation pages, and the presentation layer pages and operation layer pages are mapped via unique identifiers. Specifically, each operation page generates a unique ID, i.e., a first identifier. The presentation layer also generates a presentation layer guide page based on the first identifier. When there are multiple operation layer pages, multiple unique IDs are generated, each ID uniquely corresponding to an operation layer guide page. At the same time, the presentation layer also generates a corresponding presentation layer page based on each ID.
[0090] In an example, Figure 3bAs shown, each component in the operation layer will generate a unique corresponding relationship based on the first identifier, that is, generate a second identifier. For example, the first identifier generated for operation layer page 1 is action1. The operation layer page has 4 components (name, age, gender, occupation). Then, corresponding action1-1, aciton1-2, action1-3, and action1-4 are generated, corresponding to the 4 components respectively. The presentation layer framework will also generate a unique presentation layer page based on action1. The presentation layer page will generate corresponding titles based on action1-1, aciton1-2, action1-3, and action1-4, corresponding to each component of the operation layer.
[0091] In an example, a business scenario often has multiple operation-layer pages. Taking mobile banking transfer business as an example, from the scenario dimension, the operation-layer pages are as follows: 1) Home page, click Transfer and Remittance 2) Select Domestic Remittance 3) Fill in the payee, amount and other information 4) Enter the payment password to complete the remittance. In this scenario, 4 unique IDs, action1, action2, action3, and action4, will be generated corresponding to 4 scenarios. Each unique ID will generate a display-layer page. For operation layer 3, there are 8 components, including recipient name, recipient card number, recipient bank, remittance amount, remittance time, payment card number, postscript, and next button. Then 8 corresponding IDs will be generated, namely action3-1, action3-2, action3-3, action3-4, action3-5, action3-6, action3-7, and action3-8, corresponding to 8 components respectively. When displayed in the display layer, the 8 IDs correspond to 8 titles respectively.
[0092] In one example, in order to respond to the user's split-screen instructions more quickly and improve the user experience, the guide page corresponding to each operation page and the association between the operation page component and the guide page display title can be pre-generated and stored in the background database.
[0093] Figure 4 The following schematically shows a flow chart of a split-screen display method provided according to an embodiment of the present disclosure. Figure 4 As shown, the split-screen display method of this embodiment includes operations S210 to S250, and the method can be executed by a server or other computing devices.
[0094] In operation S210 , in response to a split-screen display instruction, a unique identifier of a target operation page is acquired.
[0095] In operation S220, a guidance page corresponding to the target operation page is determined according to the unique identifier of the target operation page.
[0096] In one example, a split-screen display command can be initiated by the user or triggered by a specific event monitored by the backend. For example, if a guide article exists on the currently displayed page, the app will prompt whether to display both the presentation layer and the operation layer simultaneously. Upon receiving the split-screen display command, the unique identifier (i.e., unique ID) of the target operation page is determined. The target operation page's unique ID is used to search the database for the corresponding guide page for the current operation page.
[0097] In operation S230 , the guide page and the target operation page are displayed in a first display area and a second display area, respectively.
[0098] According to an embodiment of the present disclosure, the first display area and the second display area are distributed vertically or horizontally.
[0099] In one example, the guidance page and the target operation page are displayed in the first display area and the second display area respectively, wherein the first display area is the display layer and the second display area is the operation layer. The user can complete the corresponding operation on the operation page by browsing the guidance page without frequently switching pages. It should be noted that the first display area and the second display area can be distributed according to the user's usage habits and user configuration, and the two layers can be distributed up and down or left and right. Generally, according to the operation habits, the top and left are the display layer (first display area), and the bottom and right are the operation layer (second display area).
[0100] In operation S240, in response to a click operation instruction in the first display area, a display title of a guide page in the first display area is acquired.
[0101] In operation S250, a target component is displayed in the second display area according to the display title.
[0102] In one example, in order to better serve as a guide, the present embodiment associates the guide page with the operation page, and the display title of the guide page and the display component in the operation page are matched one-to-one through the aforementioned unique identifier. When the user clicks or slides in the first display area, the background obtains the current display title of the guide page in the first display area, and determines the component to be displayed in the second display area as the target component based on the display title and the identifier. For example, if the guide page instructs you to enter an ID number, the target component corresponding to the ID number display title is determined to be the ID number input field, and the operation page will automatically anchor to the field where the ID number is entered.
[0103] A split-screen display method provided by an embodiment of the present disclosure responds to a split-screen display instruction, determines the guidance page corresponding to the current operation page according to the unique identifier of the target operation page, and displays the guidance page and the operation page in the first display area and the second display area respectively. The pages of the first display area and the second display area can be scrolled synchronously. In response to a click operation instruction of the first display area, the component of the second display area is quickly determined according to the content displayed in the first display area, and the component is displayed in the second display area. By associating the guidance page and the operation page, the guidance page and the operation page can be quickly corresponded, thereby improving the user experience.
[0104] Figure 5 The following schematically shows a flow chart of a split-screen display method according to another embodiment of the present disclosure. Figure 6 The following schematically shows a flow chart of a split-screen display method according to another embodiment of the present disclosure. Figure 7 The flowchart of the split-screen display method provided according to another embodiment of the present disclosure is schematically shown. Figure 5 As shown, it includes operations S410 to S470.
[0105] In operation S410 , in response to a split-screen display instruction, a unique identifier of a target operation page is acquired.
[0106] In operation S420, a guidance page corresponding to the target operation page is determined according to the unique identifier of the target operation page.
[0107] In operation S430, the guide page and the target operation page are displayed in a first display area and a second display area, respectively.
[0108] In one example, the technical solutions and principles of operations S410 to S430 can be found in Figure 4 Operations S210 to S230 are not described in detail here.
[0109] In operation S440, in response to a click operation instruction in the first display area, a display title of a guide page in the first display area is acquired.
[0110] In operation S450, a target component in the second display area is determined according to an identifier of a display title of a guide page in the first display area.
[0111] In operation S460, the target component is displayed in the second display area.
[0112] In one example, to quickly associate a guide article with an operation page, keywords in the guide article and keywords on the operation page are mapped one-to-one. In response to a click instruction in the first display area, the display title of the guide page in the first display area is obtained. Based on the identifier of the display title of the guide page in the first display area, the target component in the second display area is determined. The target component is displayed in the second display area. If the guide article instructs you to enter your ID number, the operation page will be anchored to the field where the ID number is entered.
[0113] In operation S470 , in response to a sliding operation instruction of any display area, a page of another display area is synchronously slid.
[0114] In one possible implementation, Figure 6 As shown, operation S470 includes operations S510 to S530.
[0115] In operation S510, in response to a sliding operation instruction of a first display area, a display title range of the first display area is determined.
[0116] In operation S520, a display component range of the second display area is determined according to the display title range.
[0117] In operation S530, an operation page of the second display area is displayed according to a display component range of the second display area.
[0118] In another possible implementation, Figure 7 As shown, operation S470 includes operations S610 to S630.
[0119] In operation S610, in response to a sliding operation instruction of a second display area, a display component range of the second display area is determined;
[0120] In operation S620, a display title range of the first display area is determined according to the display component range.
[0121] In operation S630, a guide page of the first display area is displayed according to a display title range of the first display area.
[0122] In one example, when sliding either the display layer or the operation layer, the other layer also slides synchronously accordingly to achieve the correspondence between the guide article and the operation page. When the user slides the first display area, the display title range of the first display area is determined to be action1-1 to action1-15. Based on the display title range, the display component range of the second display area is determined to be action1-1 to action1-15. The operation page of the second display area is displayed according to the display component range of the second display area. Similarly, when the user slides the second display area, the application background determines that the display component range of the second display area is action3-5 to action3-10, and determines that the display title range of the first display area is action3-5 to action3-10 according to the display component range. The display titles corresponding to action3-5 to action3-10 are displayed in the first display area.
[0123] Based on the above split-screen display method, the present disclosure also provides a split-screen display device. Figure 8 The device is described in detail.
[0124] Figure 8 Schematically shows a structural block diagram of a split-screen display device according to an embodiment of the present disclosure. Figure 8 As shown, the split-screen display device 800 of this embodiment includes a first acquisition module 810 , a determination module 820 , a first display module 830 , a second acquisition module 840 and a second display module 850 .
[0125] The first acquisition module 810 is used to obtain the unique identifier of the target operation page in response to the split-screen display instruction. In one embodiment, the first acquisition module 810 can be used to perform the operation S210 described above, which will not be repeated here.
[0126] The determination module 820 is used to determine the guidance page corresponding to the target operation page according to the unique identifier of the target operation page. In one embodiment, the determination module 820 can be used to perform the operation S220 described above, which will not be repeated here.
[0127] The first display module 830 is used to display the guide page and the target operation page in the first display area and the second display area respectively. In one embodiment, the first display module 830 can be used to perform the operation S230 described above, which will not be repeated here.
[0128] The second acquisition module 840 is used to respond to the click operation instruction of the first display area and obtain the display title of the guidance page in the first display area. In one embodiment, the second acquisition module 840 can be used to perform the operation S240 described above, which will not be repeated here.
[0129] The second display module 850 is configured to display the target component in the second display area according to the display title. In an embodiment, the second display module 850 can be configured to perform the operation S250 described above, and details are not repeated here.
[0130] According to an embodiment of the present disclosure, the second display module comprises a first determining sub-module and a first display sub-module.
[0131] The first determining sub-module is configured to determine the target component of the second display area according to the identification of the display title of the guide page in the first display area. In an embodiment, the first determining sub-module can be configured to perform the operation S450 described above, and details are not repeated here.
[0132] The first display sub-module is configured to display the target component in the second display area. In an embodiment, the first display sub-module can be configured to perform the operation S460 described above, and details are not repeated here.
[0133] According to an embodiment of the present disclosure, the apparatus further comprises a first generation module, a second generation module, a third generation module and a fourth generation module.
[0134] The first generation module is configured to generate a first identification for each operation page. In an embodiment, the first generation module can be configured to perform the operation S310 described above, and details are not repeated here.
[0135] The second generation module is configured to generate a second identification for a component in each operation page. In an embodiment, the second generation module can be configured to perform the operation S320 described above, and details are not repeated here.
[0136] The third generation module is configured to generate a guide page corresponding to each operation page according to the first identification. In an embodiment, the third generation module can be configured to perform the operation S330 described above, and details are not repeated here.
[0137] The fourth generation module is configured to generate a display title in the guide page according to the second identification. In an embodiment, the fourth generation module can be configured to perform the operation S340 described above, and details are not repeated here.
[0138] According to an embodiment of the present disclosure, the apparatus further comprises a synchronous sliding module.
[0139] The synchronous sliding module is configured to synchronously slide the page of another display area in response to a sliding operation instruction of any display area. In an embodiment, the synchronous sliding module can be configured to perform the operation S470 described above, and details are not repeated here.
[0140] According to an embodiment of the present disclosure, the synchronous sliding module includes: a second determining submodule, a third determining submodule and a second display submodule.
[0141] The second determining submodule is used to determine the display title range of the first display area in response to the sliding operation instruction of the first display area; in one embodiment, the second determining submodule can be used to perform the operation S510 described above, which will not be repeated here.
[0142] The third determining submodule is used to determine the display component range of the second display area according to the display title range. In one embodiment, the third determining submodule can be used to perform the operation S520 described above, which will not be repeated here.
[0143] The second display submodule is configured to display the operation page of the second display area according to the display component range of the second display area. In one embodiment, the second display submodule can be configured to perform the operation S530 described above, which will not be described in detail here.
[0144] According to an embodiment of the present disclosure, the synchronous sliding module further includes: a fourth determining submodule, a fifth determining submodule and a third display submodule.
[0145] The fourth determining submodule is used to determine the display component range of the second display area in response to the sliding operation instruction of the second display area; in one embodiment, the fourth determining submodule can be used to perform the operation S610 described above, which will not be repeated here.
[0146] The fifth determining submodule is used to determine the display title range of the first display area according to the display component range. In one embodiment, the fifth determining submodule can be used to perform the operation S620 described above, which will not be repeated here.
[0147] The third display submodule is configured to display the guide page of the first display area according to the display title range of the first display area. In one embodiment, the third display submodule can be configured to perform the operation S630 described above, which will not be described in detail here.
[0148] According to an embodiment of the present disclosure, any multiple modules among the first acquisition module 810, the determination module 820, the first display module 830, the second acquisition module 840, and the second display module 850 can be combined into one module for implementation, or any one of the modules can be split into multiple modules. Alternatively, at least part of the functions of one or more of these modules can be combined with at least part of the functions of other modules and implemented in one module. According to an embodiment of the present disclosure, at least one of the first acquisition module 810, the determination module 820, the first display module 830, the second acquisition module 840, and the second display module 850 can be at least partially implemented as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a system on a substrate, a system on a package, an application specific integrated circuit (ASIC), or can be implemented by hardware or firmware such as any other reasonable way of integrating or packaging the circuit, or implemented in any one of the three implementation methods of software, hardware, and firmware, or in an appropriate combination of any of them. Alternatively, at least one of the first acquisition module 810 , the determination module 820 , the first display module 830 , the second acquisition module 840 and the second display module 850 may be at least partially implemented as a computer program module, which may perform corresponding functions when executed.
[0149] Figure 9 A block diagram of an electronic device suitable for implementing a split-screen display method according to an embodiment of the present disclosure is schematically shown.
[0150] like Figure 9 As shown, the electronic device 900 according to an embodiment of the present disclosure includes a processor 901, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 902 or a program loaded from a storage part 908 into a random access memory (RAM) 903. The processor 901 may, for example, include a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or a related chipset and / or a dedicated microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 901 may also include an onboard memory for caching purposes. The processor 901 may include a single processing unit or multiple processing units for performing different actions of the method flow according to an embodiment of the present disclosure.
[0151] Various programs and data required for the operation of the electronic device 900 are stored in the RAM 903. The processor 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. The processor 901 executes the various operations of the method flow according to the embodiment of the present disclosure by executing the programs in the ROM 902 and / or the RAM 903. It should be noted that the programs may also be stored in one or more memories other than the ROM 902 and the RAM 903. The processor 901 may also execute the various operations of the method flow according to the embodiment of the present disclosure by executing the programs stored in the one or more memories.
[0152] According to an embodiment of the present disclosure, the electronic device 900 may further include an input / output (I / O) interface 905, which is also connected to the bus 904. The electronic device 900 may further include one or more of the following components connected to the I / O interface 905: an input portion 906 including a keyboard, a mouse, etc.; an output portion 907 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker; a storage portion 908 including a hard disk, etc.; and a communication portion 909 including a network interface card such as a LAN card or a modem. The communication portion 909 performs communication processing via a network such as the Internet. A drive 910 is also connected to the I / O interface 905 as needed. A removable medium 911, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed in the drive 910 as needed, so that a computer program read therefrom can be installed into the storage portion 908 as needed.
[0153] The present disclosure also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments, or may exist independently and not be incorporated into the device / apparatus / system. The computer-readable storage medium carries one or more programs, and when executed, implements the split-screen display method according to the embodiments of the present disclosure.
[0154] According to an embodiment of the present disclosure, a computer-readable storage medium may be a non-volatile computer-readable storage medium, for example, it may include but is not limited to: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, apparatus, or device. For example, according to an embodiment of the present disclosure, a computer-readable storage medium may include the ROM 902 and / or RAM 903 described above and / or one or more memories other than ROM 902 and RAM 903.
[0155] The embodiments of the present disclosure also include a computer program product, which includes a computer program containing program code for executing the method shown in the flowchart. When the computer program product is run in a computer system, the program code is used to enable the computer system to implement the split-screen display method provided by the embodiments of the present disclosure.
[0156] The computer program executes the above functions defined in the system / device of the embodiment of the present disclosure when the processor 901 executes the computer program. According to the embodiment of the present disclosure, the system, device, module, unit, etc. described above can be implemented by a computer program module.
[0157] In one embodiment, the computer program may be stored on a tangible storage medium such as an optical storage device or a magnetic storage device. In another embodiment, the computer program may be transmitted and distributed in the form of a signal on a network medium, downloaded and installed via the communication portion 909, and / or installed from a removable medium 911. The program code contained in the computer program may be transmitted using any appropriate network medium, including but not limited to wireless, wired, or any suitable combination thereof.
[0158] In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 909, and / or installed from a removable medium 911. When the computer program is executed by the processor 901, the above-described functions defined in the system of the embodiment of the present disclosure are performed. According to the embodiment of the present disclosure, the systems, devices, means, modules, units, etc. described above can be implemented by computer program modules.
[0159] According to an embodiment of the present disclosure, the program code for executing the computer program provided by the embodiment of the present disclosure can be written in any combination of one or more programming languages. Specifically, these computer programs can be implemented using high-level procedural and / or object-oriented programming languages, and / or assembly / machine languages. Programming languages include, but are not limited to, languages such as Java, C++, python, "C" or similar programming languages. The program code can be executed entirely on the user computing device, partially on the user device, partially on a remote computing device, or entirely on a remote computing device or server. In cases involving a remote computing device, the remote computing device can be connected to the user computing device through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computing device (for example, using an Internet service provider to connect via the Internet).
[0160] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the above-mentioned module, program segment, or a part of code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flowchart, and the combination of boxes in the block diagram or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
[0161] Those skilled in the art will appreciate that the features described in the various embodiments and / or claims of this disclosure may be combined and / or coupled in various ways, even if such combinations and / or couplings are not explicitly described in this disclosure. In particular, the features described in the various embodiments and / or claims of this disclosure may be combined and / or coupled in various ways without departing from the spirit and teachings of this disclosure. All such combinations and / or couplings are intended to fall within the scope of this disclosure.
[0162] The above describes embodiments of the present disclosure. However, these embodiments are merely for illustrative purposes, and are not intended to limit the scope of the present disclosure. Although each embodiment is described above separately, this does not mean that the measures in each embodiment cannot be used advantageously in combination. The scope of the present disclosure is defined by the appended claims and their equivalents. Those skilled in the art can make various substitutions and modifications without departing from the scope of the present disclosure, and these substitutions and modifications should all fall within the scope of the present disclosure.
Claims
1. A split-screen display method, characterized in that: The method comprises: In response to the split-screen display instruction, obtaining a unique identifier of a target operation page; Determining a guide page corresponding to the target operation page according to the unique identifier of the target operation page; Displaying the guide page and the target operation page in a first display area and a second display area respectively; In response to a click operation instruction in the first display area, obtaining a display title of a guidance page in the first display area; and The target component is displayed in the second display area according to the display title.
2. The method according to claim 1, characterized in that The displaying of the target component in the second display area according to the display title includes: Determining a target component in the second display area according to an identifier of a display title of a guide page in the first display area; and The target component is displayed in the second display area.
3. The method according to claim 1, characterized in that Before obtaining the unique identifier of the target operation page, it also includes: generating a first identifier for each operation page; Generate a second identifier for each component in the operation page; generating a guide page corresponding to each operation page according to the first identifier; and A display title in the guidance page is generated according to the second identifier.
4. The method according to claim 3, characterized in that The method further comprises: In response to a sliding operation instruction in any display area, a page in another display area is synchronously slid.
5. The method according to claim 4, characterized in that The step of synchronously sliding a page of another display area in response to a sliding operation instruction of any display area includes: In response to a sliding operation instruction of the first display area, determining a display title range of the first display area; Determining a display component range of the second display area according to the display title range; and An operation page of the second display area is displayed according to a display component range of the second display area.
6. The method according to claim 4, characterized in that The step of synchronously sliding a page of another display area in response to a sliding operation instruction of any display area further includes: In response to a sliding operation instruction of the second display area, determining a display component range of the second display area; Determining a display title range of the first display area according to the display component range; and A guide page of the first display area is displayed according to a display title range of the first display area.
7. The method according to any one of claims 1 to 6, characterized in that The first display area and the second display area are distributed vertically or horizontally.
8. A split-screen display device, characterized in that: The device comprises: A first acquisition module is configured to acquire a unique identifier of a target operation page in response to a split-screen display instruction; A determination module, configured to determine a guide page corresponding to the target operation page according to the unique identifier of the target operation page; A first display module, configured to display the guide page and the target operation page in a first display area and a second display area, respectively; A second acquisition module is configured to acquire a display title of a guidance page in the first display area in response to a click operation instruction in the first display area; and The second display module is configured to display the target component in the second display area according to the display title.
9. An electronic device comprising: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors are enabled to execute the method according to any one of claims 1 to 7.
10. A computer-readable storage medium having executable instructions stored thereon, wherein when the instructions are executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 7.
Citation Information
Patent Citations
Split-screen processing method and device for terminal equipment
CN107241495A
Page content split-screen display method and device and multi-page display method and device
CN114924683A