Split-screen display method and device, equipment, storage medium and program product

Through the split-screen display method, the unique identifier of the target operation page is obtained, the guidance and operation pages are displayed in two display areas respectively, and the user's operations is responded to the user's operation, which solves the problem of users frequently switching pages in complex business scenarios and improves the user experience.

CN119311181AActive Publication Date: 2025-01-14INDUSTRIAL AND COMMERCIAL BANK OF CHINA
View PDF 4 Cites 0 Cited by

Patent Information

Application Number
CN202311540391.1
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2023-11-17
Publication Date
2025-01-14
Estimated Expiration
2043-11-17

AI Technical Summary

Technical Problem

In complex business scenarios, users need to frequently switch pages during operation, which will affect the user experience.

Method used

Through the split-screen display method, the unique identification of the target operation page is obtained, the guidance page and the operation page are determined, and the guidance page and the operation page are displayed in two display areas respectively. In response to click and slide operations, the pages in the display area are synchronized, and the guidance page and the operation page are quickly linked.

Benefits of technology

Improve user experience, reduce frequent page switching, and achieve quick correspondence between guide pages and operation pages.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119311181A_ABST
    Figure CN119311181A_ABST
Patent Text Reader

Abstract

The invention provides a split-screen display method, relates to the technical field of Internet, and can be applied to the technical field of finance. The method comprises the steps of obtaining a unique identifier of a target operation page in response to a split-screen display instruction; determining a guide page corresponding to the target operation page according to the unique identifier of the target operation page; respectively displaying the guide page and the target operation page in a first display area and a second display area; in response to a click operation instruction of a first display area, obtaining a display title of a guide page in the first display area; and displaying a target component in the second display area according to the display title. The invention further provides a split-screen display device, equipment, a storage medium and a program product.
Need to check novelty before this filing date? Find Prior Art

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, device, equipment, storage medium, and program product. Background Art

[0002] Currently, when a new function is added to an application, there will be a corresponding operation guide article to guide users on how to use the new function. In some complex business scenarios, due to the long business process, users may need to read the guide page while operating, and need to switch pages frequently. However, frequent page switching seriously affects 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 the 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] Determine a guidance page corresponding to the target operation page according to the unique identifier of the target operation page;

[0008] Displaying the guidance 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 guide 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 identifier for each operation page;

[0016] Generating a second identifier for each component in the operation page;

[0017] generating a guide page corresponding to each operation page according to the first identifier; and

[0018] A display title in the guidance page is generated according to the second identifier.

[0019] According to an embodiment of the present disclosure, the method further includes:

[0020] In response to a sliding operation instruction in any display area, a page in another display area is synchronously slid.

[0021] According to an embodiment of the present disclosure, in response to a sliding operation instruction of any display area, synchronously sliding a page of another display area includes:

[0022] In response to a sliding operation instruction of the first display area, determining a display title range of the first display area;

[0023] Determining a display component range of a second display area according to the display title range; and

[0024] An operation page of the second display area is displayed according to a display component range of the second display area.

[0025] According to an embodiment of the present disclosure, in response to a sliding operation instruction of any display area, synchronously sliding a page of another display area also includes:

[0026] In response to a sliding operation instruction of the second display area, determining a display component range of the second display area;

[0027] Determining a display title range of the first display area according to the display component range; and

[0028] A guide page of the first display area is displayed according to a display title range of the first display area.

[0029] According to an embodiment of the present disclosure, the first display area and the second display area are distributed up and down or left and right.

[0030] A second aspect of the present disclosure provides a split-screen display device, the device comprising:

[0031] A first acquisition module, configured to acquire a unique identifier of a target operation page in response to a split-screen display instruction;

[0032] A determination module, configured to determine a guidance page corresponding to the target operation page according to the unique identifier of the target operation page;

[0033] A first display module, used to display the guidance page and the target operation page in a first display area and a second display area respectively;

[0034] A second acquisition module, configured to acquire a display title of a guide page in the first display area in response to a click operation instruction in the first display area; and

[0035] The second display module is used to display the 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 includes: a first determination submodule and a first display submodule.

[0037] A first determining submodule, configured to determine a target component in a second display area according to an identifier of a display title of a guide page in the first display area; and

[0038] The first display submodule is used to display the target component in the second display area.

[0039] According to an embodiment of the present disclosure, the device further includes: a first generating module, a second generating module, a third generating module and a fourth generating module.

[0040] A first generating module, used to generate a first identifier for each operation page;

[0041] A second generating module, used to generate a second identifier for a component in each operation page;

[0042] A third generating module, configured to generate a guide page corresponding to each operation page according to the first identifier; and

[0043] The fourth generating module is used to generate a display title in the guidance page according to the second identifier.

[0044] According to an embodiment of the present disclosure, the device further includes: a synchronous sliding module.

[0045] The synchronous sliding module is used to respond to the sliding operation instruction of any display area and synchronously slide the page of another display area.

[0046] 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.

[0047] A second determining submodule, 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 used to determine the display component range of the second display area according to the display title range; and

[0049] The second display submodule is used to display the operation page of the second display area according to the 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] The fourth aspect of the present disclosure also 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] The fifth aspect of the present disclosure also 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 a guide page corresponding to the current operation page according to a unique identifier of the target operation page, and displays the guide page and the operation page in a first display area and a 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, quickly determines a component of the second display area according to the content displayed in the first display area, and displays the component in the second display area; by associating the guide page and the operation page, quick correspondence between the guide page and the operation page is achieved, thereby improving 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 schematic diagram showing an application scenario of a 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 indication page according to an operation page provided according to 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 guidance 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 provided according to another embodiment of the present disclosure is schematically shown;

[0067] Figure 7 A flowchart of a split-screen display method provided 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] Fig. 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. However, it should be understood that these descriptions are exemplary only and are not intended to limit the scope of the present disclosure. In the following detailed description, for ease of explanation, many specific details are set forth to provide a comprehensive understanding of the embodiments of the present disclosure. However, it is apparent that one or more embodiments may also be implemented without these specific details. In addition, in the following description, descriptions of known structures and technologies are omitted to avoid unnecessary confusion of the concepts of the present disclosure.

[0071] The terms used herein are only for describing specific embodiments and are not intended to limit the present disclosure. The terms "comprise", "include", etc. used herein indicate the existence of the features, steps, operations and / or components, but do not exclude the existence or addition of one or more other features, steps, operations or components.

[0072] All terms (including technical and scientific terms) used herein have the meanings commonly understood by those skilled in the art, unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning consistent with the context of this specification, and should not be interpreted in an idealized or overly rigid manner.

[0073] When using expressions such as "at least one of A, B, and C, etc.", they should generally be interpreted according to the meaning of the expression commonly understood by those skilled in the art (for example, "a system having at least one of A, B, and C" should include but is not limited to a system having A alone, B alone, C alone, A and B, A and C, B and C, and / or A, B, C, etc.).

[0074] Based on the above technical problems, an embodiment of the present disclosure provides a split-screen display method, the method comprising: in response to a split-screen display instruction, obtaining a unique identifier of a target operation page; determining a guidance page corresponding to the target operation page according to the unique identifier of the target operation page; displaying the guidance 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 the guidance page in the first display area; and displaying the 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 an embodiment of the present disclosure is schematically shown.

[0076] like Figure 1As shown, the application scenario 100 according to this embodiment may include a recommended scenario of a test case. The network 104 is used to provide a medium for a communication link between the terminal devices 101, 102, 103 and the server 105. The network 104 may include various connection types, such as wired, wireless communication links or optical fiber cables, etc.

[0077] Users can use terminal devices 101, 102, 103 to interact with server 105 through network 104 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 101, 102, 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only 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 in the embodiment of the present disclosure, and in response to a split-screen instruction initiated by a user through the terminal devices 101, 102, 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 a 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 only for illustration. Any number of terminal devices, networks and servers may be provided according to the implementation requirements.

[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, in the field of financial technology, and in 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 Figure 2 to Figure 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, firstly Figure 2 , Figure 3a to Figure 3c The application development framework in the embodiment of the present disclosure is introduced, and the generation process of the guidance page and the corresponding relationship between the operation page and the guidance page in the application are specifically introduced. Figure 2 A flowchart of a method for generating an instruction page according to an operation page provided according to another embodiment of the present disclosure is schematically shown. Figure 3a One of the schematic diagrams of the guidance page and the operation page is schematically shown. Figure 3b The second schematic diagram of the guidance page and the operation page is schematically shown. Figure 3c The third schematic diagram of the guidance page and the operation page is shown schematically. Figure 2 As shown, operation S310 to operation S340 are included.

[0085] In operation S310 , a first identifier is generated for each operation page.

[0086] In operation S320, a second identifier is generated for the component in each 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 embodiment of the present disclosure, the operation layer in the application development stage is consistent with the commonly used development framework, and a display layer architecture is introduced into the currently commonly used operation page, and the display layer page and the operation layer page correspond to each other through a unique identifier. Specifically, each operation page will generate a unique id, that is, a first identifier, and the display layer will also generate a display layer guide page according to the first identifier. When there are multiple operation layer pages, multiple unique ids will be generated, and each id uniquely corresponds to an operation layer guide page. At the same time, the display layer will also generate a corresponding display layer page according to each id.

[0090] In an example, Figure 3bAs shown, each component in the operation layer will generate a unique corresponding relationship according to the first identifier, that is, generate a second identifier. For example, the operation layer page 1, the first identifier generated is action1, and the operation layer page has 4 components (name, age, gender, occupation), then the corresponding action1-1, aciton1-2, action1-3, action1-4 are generated, corresponding to the 4 components respectively, and the display layer framework will also generate a unique display layer page according to action1, and the display layer page will generate corresponding titles according to action1-1, aciton1-2, action1-3, action1-4, corresponding to each component of the operation layer.

[0091] In an example, a business scenario often has multiple operation layer pages. Taking the mobile banking transfer business as an example, from the scenario dimension, the operation layer pages are as follows: 1) Home page, click on transfer 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: recipient name, recipient card number, recipient bank, remittance amount, remittance time, payment card number, remarks, 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, which correspond 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, the split-screen display instruction can be initiated by the user, or it can be triggered by a specific event monitored by the background. For example, if there is a guide article on the current display page, the application will prompt whether to display the display layer and the operation layer at the same time. After receiving the split-screen display instruction, the unique identifier of the target operation page, that is, the unique ID, is determined. The guide page corresponding to the current operation page is searched in the database through the unique identifier of the target operation page.

[0097] In operation S230, the guide page and the target operation page are displayed in the first display area and the second display area, respectively.

[0098] According to an embodiment of the present disclosure, the first display area and the second display area are distributed up and down or left and right.

[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. This allows users to complete corresponding operations 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 user usage habits and user configuration, and the two layers can also be distributed up and down or left and right. Generally, according to operating 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 guidance page and the operation page are associated in the embodiment of the present disclosure, and the display title of the guidance page and the display component in the operation page are matched one by 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 guidance 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 guidance page instructs you to enter an ID number, it is determined that the target component corresponding to the ID number display title is 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 a guide page corresponding to the current operation page according to a unique identifier of the target operation page, and displays the guide page and the operation page in a first display area and a 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, quickly determines a component of the second display area according to the content displayed in the first display area, and displays the component in the second display area; by associating the guide page and the operation page, quick correspondence between the guide page and the operation page is achieved, thereby improving user experience.

[0104] Figure 5 The following schematically shows a flow chart of a split-screen display method provided according to another embodiment of the present disclosure. Figure 6 A flowchart of a split-screen display method provided according to another embodiment of the present disclosure is schematically shown. 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, operation S410 to operation S470 are included.

[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 the first display area and the 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 of 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, in order to quickly match the guidance article with the operation page, the keywords of the guidance article and the keywords of the operation page are matched one by one, and in response to the click operation instruction in the first display area, the display title of the guidance page in the first display area is obtained. The target component of the second display area is determined according to the identifier of the display title of the guidance page in the first display area. The target component is displayed in the second display area. If the guidance article instructs to enter the ID number, the operation page will be anchored to the column 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] At operation S610, in response to a sliding operation instruction of a second display area, determining a display component range of the second display area;

[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 either the display layer or the operation layer is slid, the other layer is also slid 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. According to 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 The structure block diagram of a split-screen display device according to an embodiment of the present disclosure is schematically shown. 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 respond to the split-screen display instruction and acquire the unique identifier of the target operation page. 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 described in detail here.

[0128] The second acquisition module 840 is used to respond to the click operation instruction of the first display area and acquire 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 used to display the target component in the second display area according to the display title. In one embodiment, the second display module 850 can be used to perform the operation S250 described above, which will not be described in detail here.

[0130] According to an embodiment of the present disclosure, the second display module includes: a first determination submodule and a first display submodule.

[0131] The first determination submodule is used to determine the target component of the second display area according to the identifier of the display title of the guide page in the first display area. In one embodiment, the first determination submodule can be used to perform the operation S450 described above, which will not be repeated here.

[0132] The first display submodule is used to display the target component in the second display area. In one embodiment, the first display submodule can be used to perform the operation S460 described above, which will not be described in detail here.

[0133] According to an embodiment of the present disclosure, the device further includes: a first generating module, a second generating module, a third generating module and a fourth generating module.

[0134] The first generating module is used to generate a first identifier for each operation page. In one embodiment, the first generating module can be used to execute the operation S310 described above, which will not be described in detail here.

[0135] The second generating module is used to generate a second identifier for the component in each operation page. In one embodiment, the second generating module can be used to perform the operation S320 described above, which will not be repeated here.

[0136] The third generating module is used to generate a guidance page corresponding to each operation page according to the first identifier; in one embodiment, the third generating module can be used to execute the operation S330 described above, which will not be repeated here.

[0137] The fourth generating module is used to generate a display title in the guidance page according to the second identifier. In one embodiment, the fourth generating module can be used to perform the operation S340 described above, which will not be described in detail here.

[0138] According to an embodiment of the present disclosure, the device further includes: a synchronous sliding module.

[0139] The synchronous sliding module is used to respond to the sliding operation instruction of any display area and synchronously slide the page of another display area. In one embodiment, the synchronous sliding module can be used to perform the operation S470 described above, which will not be 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 determination 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 determination submodule can be used to execute the operation S510 described above, which will not be repeated here.

[0142] The third determination 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 determination submodule can be used to perform the operation S520 described above, which will not be repeated here.

[0143] The second display submodule is used 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 used to perform the operation S530 described above, which will not be repeated 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 determination 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 determination 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 used 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 used 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 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 combined in 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 any 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 a corresponding function when executed.

[0149] Fig. 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 Fig. 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 include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or a related chipset and / or a special-purpose 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] In RAM 903, various programs and data required for the operation of electronic device 900 are stored. Processor 901, ROM 902 and RAM 903 are connected to each other via bus 904. Processor 901 performs various operations of the method flow according to the embodiment of the present disclosure by executing the program in ROM 902 and / or RAM 903. It should be noted that the program can also be stored in one or more memories other than ROM 902 and RAM 903. Processor 901 can also perform various operations of the method flow according to the embodiment of the present disclosure by executing the program 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, etc.; a storage portion 908 including a hard disk, etc.; and a communication portion 909 including a network interface card such as a LAN card, a modem, etc. The communication portion 909 performs communication processing via a network such as the Internet. A drive 909 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 on the drive 909 as needed, so that a computer program read therefrom is 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 embodiment; or may exist independently without being assembled into the device / apparatus / system. The above computer-readable storage medium carries one or more programs, and when the above one or more programs are executed, the split-screen display method according to the embodiment of the present disclosure is implemented.

[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, 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, which may be used by or in combination with an instruction execution system, an apparatus, or a 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 embodiment of the present disclosure also includes a computer program product, which includes a computer program, and the computer program includes a 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 embodiment of the present disclosure.

[0156] The above functions defined in the system / device of the embodiment of the present disclosure are performed when the computer program is executed by the processor 901. 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 based on a tangible storage medium such as an optical storage device, a magnetic storage device, etc. In another embodiment, the computer program may also be transmitted and distributed in the form of a signal on a network medium, and downloaded and installed through the communication part 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, etc., or any suitable combination of the above.

[0158] In such an embodiment, the computer program can be downloaded and installed from the network through the communication part 909, and / or installed from the removable medium 911. When the computer program is executed by the processor 901, the above functions defined in the system of the embodiment of the present disclosure are performed. According to the embodiment of the present disclosure, the system, device, means, module, unit, etc. described above can be implemented by a computer program module.

[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 computing programs can be implemented using high-level process and / or object-oriented programming languages, and / or assembly / machine languages. Programming languages ​​include, but are not limited to, Java, C++, python, "C" language or similar programming languages. The program code can be executed entirely on the user computing device, partially on the user device, partially on the remote computing device, or entirely on the remote computing device or server. In the case of 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 through the Internet).

[0160] The flow charts and block diagrams in the accompanying drawings illustrate the possible 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 flow chart or block diagram can represent a module, a program segment, or a part of a code, and the above-mentioned module, program segment, or a part of a code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order from the order 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 flow chart, and the combination of the boxes in the block diagram or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0161] It will be appreciated by those skilled in the art that the features described in the various embodiments and / or claims of the present disclosure may be combined and / or combined in a variety of ways, even if such combinations and / or combinations are not explicitly described in the present disclosure. In particular, the features described in the various embodiments and / or claims of the present disclosure may be combined and / or combined in a variety of ways without departing from the spirit and teachings of the present disclosure. All of these combinations and / or combinations fall within the scope of the present disclosure.

[0162] The embodiments of the present disclosure are described above. However, these embodiments are only for illustrative purposes and are not intended to limit the scope of the present disclosure. Although the embodiments are described above separately, this does not mean that the measures in the various embodiments cannot be used in combination to advantage. The scope of the present disclosure is defined by the attached claims and their equivalents. Without departing from the scope of the present disclosure, those skilled in the art may make a variety of substitutions and modifications, which 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; Determine a guidance page corresponding to the target operation page according to the unique identifier of the target operation page; Displaying the guidance 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 guide 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 comprises: 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; Generating 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 responding to a sliding operation instruction of any display area and synchronously sliding a page of another 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 a 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 responding to a sliding operation instruction of any display area and synchronously sliding a page of another display area also 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, 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 guidance page corresponding to the target operation page according to the unique identifier of the target operation page; A first display module, used to display the guidance page and the target operation page in a first display area and a second display area respectively; A second acquisition module, configured to acquire a display title of a guide page in the first display area in response to a click operation instruction in the first display area; and The second display module is used 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, which, when executed by a processor, causes the processor to execute 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

  • Interface operation method and device, electronic equipment and storage medium

    CN110147192A

  • Page content split-screen display method and device and multi-page display method and device

    CN114924683A

  • Page display method and apparatus

    WO2022228403A1