WO2022222672A1 - Multi-content parallel display method and apparatus, terminal, medium, and program product - Google Patents
Multi-content parallel display method and apparatus, terminal, medium, and program product Download PDFInfo
- Publication number
- WO2022222672A1 WO2022222672A1 PCT/CN2022/082388 CN2022082388W WO2022222672A1 WO 2022222672 A1 WO2022222672 A1 WO 2022222672A1 CN 2022082388 W CN2022082388 W CN 2022082388W WO 2022222672 A1 WO2022222672 A1 WO 2022222672A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- user interface
- instruction
- response
- application
- area
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 70
- 230000004044 response Effects 0.000 claims abstract description 119
- 238000007667 floating Methods 0.000 claims description 14
- 238000006073 displacement reaction Methods 0.000 claims description 13
- 230000002452 interceptive effect Effects 0.000 claims description 11
- 230000001960 triggered effect Effects 0.000 claims description 10
- 238000009877 rendering Methods 0.000 claims description 9
- 238000004590 computer program Methods 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 35
- 230000006870 function Effects 0.000 description 18
- 238000012545 processing Methods 0.000 description 9
- 238000007726 management method Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000002155 anti-virotic effect Effects 0.000 description 1
- 238000013475 authorization Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Definitions
- the embodiments of the present application relate to the field of computer technologies, and in particular, to a method, apparatus, terminal, medium, and program product for displaying multiple contents in parallel.
- the user when a user needs to alternately perform operations on two pages in the same application program, the user needs to switch back and forth between the two pages. For example, if the user uses the first page in the mailbox application in the mobile terminal to reply to the email to recipient A, and the user also needs to use the second page in the mailbox application to reply to the email to recipient B, the user needs to edit a part of the email After the content of the first page, the content displayed on the mobile terminal is switched from the first page to the second page for editing. When the user wants to edit the email in the first page again, the user switches the second page displayed in the mobile terminal to the first page.
- Embodiments of the present application provide a method, apparatus, terminal, medium and program product for displaying multiple contents in parallel.
- the technical solution is as follows:
- a method for displaying multiple contents in parallel comprising:
- the first user interface and the second user interface are respectively displayed in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
- an apparatus for displaying multiple contents in parallel comprising:
- a first display module configured to display the first user interface of the first application
- an information acquisition module configured to acquire page information of the second user interface in the first application in response to a first instruction, the first instruction is when the page entry in the first user interface satisfies a first trigger condition generate;
- an interface generation module configured to render and generate the second user interface according to the page information
- the second display module is configured to display the first user interface and the second user interface respectively in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
- a terminal includes a processor and a memory, the memory stores at least one instruction, and the instruction is loaded and executed by the processor to implement the method as described in the present application
- a method for displaying multiple contents in parallel provided by various aspects.
- a computer-readable storage medium having stored therein at least one instruction, the instruction being loaded and executed by a processor to implement multiple contents as provided in various aspects of the present application Methods of displaying in parallel.
- a computer program product comprising computer instructions stored in a computer-readable storage medium.
- the processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method for displaying multiple contents in parallel provided in various optional implementation manners above.
- FIG. 1 is a structural block diagram of a terminal provided by an exemplary embodiment of the present application.
- FIG. 2 is a flowchart of a method for displaying multiple contents in parallel provided by an exemplary embodiment of the present application
- FIG. 3 is a schematic diagram of a first user interface provided based on the embodiment shown in FIG. 2;
- Fig. 4 is a schematic diagram of another first user interface provided based on the embodiment shown in Fig. 2;
- Fig. 5 is a schematic diagram of another first user interface provided based on the embodiment shown in Fig. 2;
- FIG. 6 is a schematic diagram of a user interface after a page entry provided by the present application is triggered
- FIG. 7 is a schematic diagram of a user interface after a page entry provided by the present application is triggered
- Fig. 8 is a schematic diagram of split-screen display of a first user interface and a second user interface provided based on the embodiment shown in Fig. 2;
- FIG. 9 is a schematic diagram of a split-screen display of another first user interface and a second user interface provided based on the embodiment shown in FIG. 2;
- FIG. 10 is a schematic diagram of a split-screen display of another first user interface and a second user interface provided based on the embodiment shown in FIG. 2;
- FIG. 11 is a schematic diagram of a split-screen display of another first user interface and a second user interface provided based on the embodiment shown in FIG. 2;
- FIG. 12 is a flowchart of a method for displaying multiple contents in parallel provided by another exemplary embodiment of the present application.
- FIG. 13 is a schematic diagram of a scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12;
- FIG. 14 is a schematic diagram of another scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12;
- Fig. 15 is a schematic diagram of a to-be-identified area provided based on the embodiment shown in Fig. 12;
- FIG. 16 is a schematic diagram of another scenario of triggering a second instruction provided based on the embodiment shown in FIG. 12;
- FIG. 17 is a schematic diagram of a multi-content parallel display provided based on the embodiment shown in FIG. 12;
- FIG. 18 is a schematic diagram of displaying multiple contents in parallel in a single application provided by the present application.
- FIG. 19 is a schematic diagram of a browser application displaying multiple search pages in parallel according to an embodiment of the present application.
- 20 is a schematic diagram of a note application that displays multiple notes in parallel according to an embodiment of the present application
- FIG. 21 is a structural block diagram of an apparatus for displaying multiple contents in parallel provided by an exemplary embodiment of the present application.
- a plurality means two or more.
- “And/or”, which describes the association relationship of the associated objects means that there can be three kinds of relationships, for example, A and/or B, which can mean that A exists alone, A and B exist at the same time, and B exists alone.
- the character “/” generally indicates that the associated objects are an "or" relationship.
- the term “if” is optionally construed as “when”, “at”, “in response to determining” or “in response to detecting” depending on the context. Similarly, the phrases “if it is determined" or “if (the stated condition or event) is detected” or “in response to detecting (the stated condition or event)", depending on the context.
- personally identifiable information should follow privacy policies and practices that are recognized as meeting or exceeding industry or government requirements for maintaining user privacy. Specifically, the management and processing of personally identifiable information should clearly indicate to the user the nature of the authorized use to minimize the risk of inadvertent or unauthorized access or use.
- the first application an application with a visual user interface (UI, User Interface) installed in the terminal.
- UI visual user interface
- the first application may include one or more of the following application types.
- Social apps game apps, browser apps, shopping apps, video apps, short video apps, email apps, text editing apps, antivirus apps, weather apps, taxi apps, group purchase apps, food delivery apps, financial management apps, comic apps, or memo apps .
- the first application may be an application supporting a split screen function.
- the developer may set a split-screen function for the first application according to the operating system adapted to the first application.
- the first application may be applied in the mobile terminal.
- the mobile terminal may be at least one of a notch screen terminal, a water drop screen terminal, a folding screen terminal, a scroll screen terminal or a full screen terminal.
- the first user interface is a user interface displayed after the first application is started. It should be noted that, the first user interface may be a main interface displayed after the first application is started, and the first user interface may also be another user interface displayed after the first application is started.
- the second user interface is another user interface other than the first user interface displayed after the first application is started.
- the first user interface and the second user interface may be interactive interfaces that are interactively operable.
- Page entry any control that can be touched in the first user interface.
- the terminal can generate the first instruction.
- the first instruction is sent to the operating system by the first application.
- the page entry can be any controllable component such as buttons, sliders or hyperlinks.
- the first user interface and the second user interface are respectively displayed in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
- the page entry is used to generate corresponding instructions according to the trigger condition, and the page entry supports generating at least two types of instructions, and the method further includes:
- a control list is displayed in the form of a floating window, the control list includes at least one control, and the control is triggered to perform an operation associated with the page entry;
- the second user interface is displayed in full screen.
- acquiring page information of the second user interface in the first application including:
- the operating system In response to the first instruction, the operating system is instructed to obtain page information from a first interface, where the first interface is a system-level data interface written according to a preset specification.
- generating the first instruction in the first application including:
- the response priority in response to the first instruction is the highest priority when the page entry satisfies the first trigger condition, and the page entry is clicked, the page entry is triggered and the first instruction is generated in the first application.
- the first instruction is a long press instruction, and in response to the first instruction, acquiring page information of the second user interface in the first application, including:
- the thumbnail of the page entry is displayed in the form of a float.
- the display screen includes n edges, where n is a positive integer greater than 3, and the method further includes:
- a second instruction is generated, and the edge of the display screen touched by the thumbnail is the first edge
- the first edge is any one of n edges.
- a second instruction is generated, including:
- a second instruction is generated, and the to-be-recognized area package completely covers an area of a physical edge of the display screen;
- a second instruction is generated in response to the thumbnail touching a virtual edge of the display screen, the virtual edge being a virtual line segment in the display screen that maps the physical edge of the display.
- a second instruction is generated, including:
- the second instruction is generated in response to the thumbnail touching the physical edge of the display screen after moving by a displacement of kL.
- a second instruction is generated, including:
- the virtual edges corresponding to each of the n edges are displayed around the touch point of the long press instruction; the distance from the touch point to the virtual edge is less than the second threshold;
- a second instruction is generated in response to the thumbnail touching the virtual edge.
- displaying the first user interface and the second user interface respectively in a split-screen mode including:
- the first user interface and the second user interface are displayed in a left-right split screen mode.
- the page level of the second user interface is the same as the page level of the first user interface, and the page level is used to indicate the level of the user interface in the user interface architecture of the first application.
- displaying the first user interface and the second user interface respectively in a split-screen mode including:
- the first user interface and the second user interface are respectively displayed in a split screen mode.
- displaying the first user interface of the first application including:
- the first user interface is displayed in the third area
- the second user interface is displayed in the fourth area
- the third user interface is displayed in the fifth area.
- the display area of the fourth area is equal to the sum of the areas of the third area and the fifth area.
- the first user interface is displayed in the third area
- the second user interface is displayed in the fourth area
- the third user interface is displayed in the fifth area, including:
- the method for displaying multiple contents in parallel shown in the embodiments of the present application can be applied to a terminal, where the terminal has a display screen and has the function of displaying multiple contents in parallel.
- the terminal may include a mobile phone, a tablet computer, an MP4 player terminal, an MP5 player terminal, a learning machine, a point reader, an electronic paper book, an electronic dictionary or a vehicle-mounted terminal, and the like.
- FIG. 1 is a structural block diagram of a terminal provided by an exemplary embodiment of the present application.
- the terminal includes a processor 120, a memory 140, and a display screen 160.
- the memory 140 stores a At least one instruction, at least one instruction is loaded and executed by the processor 120 to implement the method for displaying multiple contents in parallel according to the various method embodiments of this application.
- the processor 120 is further configured to acquire page information of the user interface from the memory 140 to render the corresponding user interface and display the corresponding user interface on the display screen 160 .
- the terminal 100 is an electronic device with a split-screen display function.
- the first application in the terminal 100 can generate the first instruction when the page entry in the first user interface satisfies the first trigger condition.
- the operating system in the terminal 100 can acquire the page information of the second user interface in the first application in response to the first instruction.
- the terminal renders and generates a second user interface according to the page information.
- the terminal 100 will display the first user interface and the second user interface in a split-screen mode.
- the first user interface and the second user interface are mutually independent interactive interfaces.
- Processor 120 may include one or more processing cores.
- the processor 120 uses various interfaces and lines to connect various parts in the entire terminal 100, and executes the terminal by running or executing the instructions, programs, code sets or instruction sets stored in the memory 140, and calling the data stored in the memory 140. 100 various functions and processing data.
- the processor 120 may adopt at least one of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA).
- DSP Digital Signal Processing
- FPGA Field-Programmable Gate Array
- PLA programmable logic array
- a hardware form is implemented.
- the processor 120 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processor (Graphics Processing Unit, GPU), a modem, and the like.
- the CPU mainly handles the operating system, user interface, and application programs; the GPU is used for rendering and drawing of the content that needs to be displayed on the display screen; the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 120, but is implemented by a single chip.
- the memory 140 may include random access memory (Random Access Memory, RAM), or may include read-only memory (Read-Only Memory, ROM).
- the memory 140 includes a non-transitory computer-readable storage medium.
- Memory 140 may be used to store instructions, programs, codes, sets of codes, or sets of instructions.
- the memory 140 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), Instructions, etc., used to implement the following method embodiments; the storage data area can store data and the like involved in the following method embodiments.
- the display screen 160 may be either a touch screen or a screen that simply has a display function. In a possible manner, the display screen can separately display the first user interface and the second user interface in a split-screen mode.
- FIG. 2 is a flowchart of a method for displaying multiple contents in parallel provided by an exemplary embodiment of the present application.
- the method for displaying multiple contents in parallel can be applied to the terminal shown in FIG. 1 above.
- the method for displaying multiple contents in parallel includes:
- Step 210 displaying the first user interface of the first application.
- the terminal can display the first user interface of the first application in various manners.
- the terminal displays the first user interface of the first application in full screen.
- FIG. 3 is a schematic diagram of a first user interface provided based on the embodiment shown in FIG. 2 .
- the terminal 100 displays the first user interface 310 in full screen.
- FIG. 4 is a schematic diagram of another first user interface provided based on the embodiment shown in FIG. 2 .
- the terminal 100 displays the first user interface 310 in the third area 31 in the split screen mode, and the terminal 100 displays the third user interface 320 in the split screen area 32 in the split screen mode.
- the terminal may also display the first user interface of the first application in the form of a floating window.
- FIG. 5 is a schematic diagram of another first user interface provided based on the embodiment shown in FIG. 2 .
- the terminal 100 displays the first user interface 310 in the form of a floating window.
- Step 220 Acquire page information of the second user interface in the first application in response to the first instruction, where the first instruction is generated when the page entry in the first user interface satisfies the first trigger condition.
- the page entry in the first user interface shown in this application has the function of supporting at least two kinds of instructions.
- the operating system in the terminal can monitor the trigger information acting on the page entry.
- the trigger information may be touch coordinates and touch parameters at the projection of the page entry on the touch screen.
- the first application can cooperate with the operating system to generate the first instruction, that is, the first instruction is generated in the terminal.
- the terminal in response to the trigger information meeting the second trigger condition, displays a list of controls in the form of a floating window, wherein the list of controls includes at least one control, and the control is triggered to perform operations associated with the page entry.
- the page entry is not only used to open a new page, but the page entry can also provide display of controls related to itself.
- FIG. 6 is a schematic diagram of a user interface provided by the present application after a page entry is triggered.
- the terminal will display the control list 34 in the form of a floating window near the page entry 33 .
- Controls related to the mail corresponding to the page entry 33 are displayed in the display control list 34, including reply control, forward control, delete control and read control.
- the terminal in response to the trigger information satisfying the third trigger condition, displays the second user interface in full screen. It should be noted that, when the second user interface is displayed in full screen, the first application actively invokes software and hardware resources in the terminal to render and display the second user interface.
- FIG. 7 is a schematic diagram of a user interface provided by the present application after a page entry is triggered.
- the terminal will display the second user interface 330 in full screen.
- the present application can perform other operations according to the normal logic provided by the page entry when the first instruction is not generated at the page entry.
- the terminal splits the screen of the first application to display the first user interface and the second user interface respectively, so that the user can be at the same time at any time according to their own needs.
- An application interacts with two user interfaces in the application through the split-screen mode, and realizes the ability to display in a normal screen form when the user does not need to split the screen in a single application.
- the operating system in the terminal can respond to the first instruction.
- the operating system may be an open source operating system or a non-open source operating system.
- the operating system When the operating system is an open source operating system, the operating system may be an Android (Android) operating system. When the operating system is a non-open source operating system, the operating system may be a system designed by some designated manufacturers for their own terminals.
- Android Android
- the first instruction is an instruction sent by the application to the operating system.
- the data format of the first instruction can be changed accordingly.
- the operating system can obtain the page information of the second user interface. Wherein, when the page entry in the first user interface satisfies the first trigger condition, a first instruction is generated, and the instruction is sent from the first application to the operating system.
- Step 230 rendering and generating a second user interface according to the page information.
- the terminal has two strategies for rendering and generating the second user interface according to page information.
- the operating system in the terminal reads the content information of the second user interface from the first application according to the page information, renders the content information and generates the second user interface.
- the operating system in the terminal sends an instruction to the first application according to the page information, and when the first application learns that the second user interface needs to be displayed, it will The logic applies to the operating system for software and hardware resources, and then displays the second user interface under the dominant control of the first application.
- the embodiment of the present application may generate the second user interface under any of the above strategies for rendering and generating the second user interface, which is not limited in the embodiment of the present application.
- Step 240 displaying the first user interface and the second user interface respectively in a split-screen mode, where the first user interface and the second user interface are mutually independent and interactive interfaces.
- the terminal after generating the second user interface, the terminal will simultaneously display the first user interface and the second user interface in a split-screen mode.
- the split-screen mode may be an up-down split-screen mode or a left-right split-screen mode.
- the first user interface is an interactive interface
- the second user interface is also an interactive interface.
- the first user interface can be independently operated by the user
- the second user interface can also be independently operated by the user.
- the second user interface when the first user interface receives an instruction from the user to display a new user interface, the second user interface will maintain the original display state, and the new user interface to be displayed will be in the area where the original first user interface is located. exhibit. Or, when the first user interface needs to be changed, the second user interface will maintain the original display state.
- the first user interface can maintain the original display state, and the new user interface to be displayed will be displayed in the original second user interface. Regional display.
- the second user interface needs to be changed, the first user interface will maintain the original display state.
- first user interface and the second user interface are user interfaces in the same application logging in to the same account.
- the first application is a social application A logged in with account a
- the first user interface is a user interface in social application A logged in with account a
- the second user interface is also in social application A logged in with account a a user interface.
- the first user interface and the second user interface may be the same user interface or different user interfaces.
- the present application enables the first application that logs in to the designated account to display multiple user interfaces in parallel in a split-screen manner, which improves the ability of a single application that logs in to the designated account to simultaneously display multiple user interfaces.
- FIG. 8 to FIG. 11 are schematic diagrams of four kinds of implementations of split-screen display of the first user interface and the second user interface provided by the embodiment shown in FIG. 2 .
- the terminal when the page entry 33 in the first user interface 310 is long-pressed and dragged to the left edge 6C, the terminal will display the second user interface in the left area 630 and the first user interface in the right area 640 User Interface.
- the page information of the second user interface in the first application can be obtained in response to the first instruction, wherein , the first instruction is an instruction generated when the page entry in the first user interface satisfies the first trigger condition, since the first application can generate the first instruction when the page entry in its first user interface satisfies the first trigger condition,
- this embodiment can render and generate the second user interface according to the page information, and display the first user interface and the second user interface respectively in a split-screen mode.
- the page entry can also support the generation of at least two kinds of instructions. Therefore, the embodiment of the present application can add the ability to display multiple pages in parallel in a single application to the application without affecting the normal function of the page entry, so as to improve the Efficiency when multiple pages are manipulated in a single application.
- the terminal can also provide various page entry triggering methods, please refer to the following embodiments.
- FIG. 12 is a flowchart of a method for displaying multiple contents in parallel provided by another exemplary embodiment of the present application.
- the method for displaying multiple contents in parallel can be applied to the terminal shown in FIG. 1 above.
- the method for displaying multiple contents in parallel includes:
- Step 1001 displaying a first user interface of a first application in a full screen.
- Step 1002 displaying the first user interface of the first application in the form of a floating window.
- Step 1003 displaying the first user interface and the third user interface in a split-screen mode.
- Step 1011 in response to the page entry meeting the first trigger condition, generate a first instruction in the first application.
- the terminal can trigger the page entry through at least one of the following scenarios.
- the terminal in response to the page entry being pressed for a duration greater than the first threshold, the terminal triggers the page entry and generates the first instruction in the first application.
- the first threshold may be a specified duration such as 1 second, 1.5 seconds, or 2 seconds.
- the terminal in response to the pressed touch area of the page entry being greater than the second threshold, the terminal triggers the page entry and generates the first instruction in the first application.
- the terminal can detect the pressed touch area on the page entry.
- the second threshold may be any area threshold such as 0.5 square centimeters, 0.75 square centimeters, or 0.8 square centimeters.
- the terminal in response to the pressure value of the page entry being pressed greater than the third threshold, the terminal triggers the page entry and generates the first instruction in the first application.
- the terminal has the ability to detect the pressure of the user pressing the page entrance.
- the sensor for detecting pressure may be arranged below the screen.
- a pressure sensor is provided below the screen of the terminal.
- the third threshold may be any pressure threshold such as 5 Newtons, 8 Newtons, or 10 Newtons.
- the present application does not limit the specific numerical value of the third threshold, and the above numerical value is a schematic illustration.
- the response priority in response to the first instruction is the highest priority when the page entry meets the first trigger condition, and the page entry is clicked, the terminal triggers the page entry and generates the first instruction in the first application.
- the first command will be triggered preferentially when the page entry is clicked.
- the fourth scenario may also be judged in combination with the duration of the page entry being pressed, the pressing area or the pressing pressure.
- the terminal in response to the response priority of the first instruction being the highest priority when the page entry satisfies the first trigger condition, and the duration of the page entry being pressed is greater than the first threshold, the terminal triggers the page entry and generates the first page entry in the first application. an instruction.
- the terminal in response to the response priority of the first instruction being the highest priority when the page entry satisfies the first trigger condition, and the pressed touch area of the page entry is greater than the second threshold, the terminal triggers the page entry and generates the page entry in the first application. first order.
- the terminal in response to the response priority of the first instruction being the highest priority when the page entry satisfies the first trigger condition, and the pressure value of the page entry being pressed is greater than the third threshold, the terminal triggers the page entry and generates the page entry in the first application. first order.
- Step 1012 in response to the first instruction, instruct the operating system to obtain the page information and the thumbnail of the page entry from a first interface, where the first interface is a system-level data interface written according to a preset specification.
- the first instruction may be a long press instruction.
- a system-level data interface is provided in the operating system, and the first interface is pre-written in the first application.
- the first interface can provide page information and thumbnails of page entries in the first application.
- the page information may be included in the intent data stream, and the thumbnail image may be sent in the form of an icon.
- Step 1013 at the touch point that triggers the long-press instruction, display the thumbnail of the page entry in the form of a buoy.
- the thumbnail image of the page entry can be suspended on the first user interface and move with the user's finger.
- Step 1021 in response to the thumbnail touching the edge of the display screen, generate a second instruction, and the edge of the display screen touched by the thumbnail is the first edge.
- Manner 1 In response to the thumbnail touching the physical edge of the display screen, the terminal generates a second instruction, where the physical edge is the physical edge of the display screen.
- the terminal can support the user's finger to press the thumbnail and drag the thumbnail to the edge of the display screen.
- FIG. 13 is a schematic diagram of a scenario for triggering a second instruction provided by the embodiment shown in FIG. 12 .
- the user drags the thumbnail 1110 to the first edge 1120 of the display screen, so that the thumbnail 1110 touches the first edge 1120 .
- the first application when the thumbnail 1110 touches the first edge 1120, the first application generates the second instruction.
- the present application also provides a way to quickly drag the abbreviation.
- the terminal instructs the thumbnail to move a displacement of kL on the display screen in response to the drag command, where k is a real number greater than 1, and the drag command is used to drag the thumbnail to move on the display screen.
- FIG. 14 is a schematic diagram of another scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12 .
- the thumbnail 1110 will move to the position 1150 .
- the displacement of the user's finger on the screen is L, that is, the displacement of the contact point 1130 to the contact point 1140 .
- Thumbnail 1110 The displacement of the movement is kL. It can be seen that the present application can make the thumbnail move a long distance on the premise that the user's finger moves a small distance, thereby reducing the user's operation difficulty and improving the operation efficiency.
- Mode 2 In response to the thumbnail image entering the to-be-identified area, the terminal generates a second instruction, and the to-be-identified area package completely covers an area of a physical edge of the display screen.
- FIG. 15 is a schematic diagram of a to-be-identified area provided based on the embodiment shown in FIG. 12 .
- the first application will generate the second instruction.
- four to-be-recognized areas are included, namely a first to-be-recognized area 1310 , a second to-be-recognized area 1320 , a third to-be-recognized area 1330 , and a fourth to-be-recognized area 1340 .
- the buoy and the thumbnail in this application are used to refer to the same object, the object is a thumbnail in the form of a buoy, and the thumbnail is used to indicate a page entry.
- Manner 3 In response to the thumbnail touching a virtual edge of the display screen, a second instruction is generated, where the virtual edge is a virtual line segment mapped on the display screen by the displayed physical edge.
- the terminal may implement the execution manner shown in manner 3 by executing step (a1) and step (a2).
- Step (a1) in response to the long-press instruction, display virtual edges corresponding to each of the n edges around the touch point of the long-press instruction; the distance from the touch point to the virtual edge is less than the second threshold.
- Step (a2) in response to the thumbnail touching the virtual edge, generating a second instruction.
- FIG. 16 is a schematic diagram of another scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12 .
- a thumbnail will be displayed at the touch point 1400, and four virtual edges of the rectangular display screen will be displayed around the thumbnail.
- the first application will generate the corresponding second instruction.
- the second instruction generated by the first application is the same as the second instruction generated by the thumbnail touching the upper physical edge of the display screen.
- Step 1022 in response to the second instruction, determine a first area for displaying the first user interface, and a second area for displaying the second user interface; wherein, the second area is a display area that completely covers the first edge .
- the first area is used to display the first user interface
- the second area is used to display the second user interface
- the first edge may be any one of the edges of the display screen, or may be several designated edges of the display screen.
- the display screen of the terminal is a polygon
- the number of bars on the edge of the display screen is at least three.
- the display screen of the terminal is a closed figure surrounded by a circle or other arcs
- the arc segment enclosing the display screen can also be divided into multiple segments.
- the edge of an elliptical display screen can establish a plane rectangular coordinate system with the center of the display screen as the origin, and the arc degrees in different quadrants can be confirmed as different edges.
- Step 1023 close the virtual container where the page entry is located.
- the terminal can close the virtual container where the page entry is located.
- the virtual container is a virtual control provided by the operating system for placing multiple sub-objects.
- the page entry is placed in it as a child of the virtual container.
- the virtual container may be any one of a list, a menu, a column, a floating window or a dialog box.
- FIG. 17 is a schematic diagram of parallel display of multiple contents provided based on the embodiment shown in FIG. 12 .
- the first user interface before the terminal displays two pages in the mail application in parallel, the first user interface includes a mail contact list 1510 .
- the terminal will close the mail contact list and directly display two user interfaces of the same level in parallel, thereby improving the utilization efficiency of the terminal display screen and making it easier for users to observe two user interfaces at the same time. content in the user interface.
- Step 1024 Display the first user interface in the first area and display the second user interface in the second area in the split-screen mode.
- the terminal can also determine the mode of split screen according to the posture of the display screen of the device. In a possible manner, in response to the display screen being in a horizontal screen state, the terminal displays the first user interface and the second user interface in an up-down screen split mode. In another possible manner, in response to the display screen being in a vertical screen state, the terminal displays the first user interface and the second user interface in a left-right split screen mode.
- the terminal will determine the split-screen mode according to the instruction of the second instruction.
- the page level of the first user interface is the same as the page level of the second user interface.
- the page level displayed on the second user interface should also be the same as the page level displayed on the first user interface.
- a message in the inbox when the first user interface displays a chat dialogue interface of a social application, the second user interface may also display another chat dialogue interface of the social application.
- the page level is used to indicate the level of the user interface in the user interface architecture of the first application.
- a chat interface is a third-level page in a social application
- news is a fourth-level page
- a friend's blog is a third-level page
- an address book is a second-level page. Therefore, in this scenario, the page level of the chat dialogue interface is the same as that of the friend's blog, and the page level of the address book is higher than the page level of the chat dialogue interface.
- the present application can simultaneously display two user interfaces with the same page level.
- the second user interface may be the same user interface as the first user interface.
- the first application needs to implement data synchronization in the server to ensure that the user's operations in the first user interface or the second user interface can act on the same database in the server.
- Step 1031 in the split screen mode, display the first user interface in the third area, display the second user interface in the fourth area, and display the third user interface in the fifth area.
- the fourth area used for displaying the second user interface is equal to the third area and the second user interface. The sum of the areas of the fifth region.
- the third area and the fifth area are combined into the sixth area; the sixth area and the fourth area are planned in the left and right split screen mode.
- the pre-displayed first user interface and the third user interface will be combined into a new sixth area, and the sixth area and the fourth area for displaying the second user interface are divided into the left and right screen by dividing the screen area. Display area.
- FIG. 18 is a schematic diagram of displaying multiple contents in parallel in a single application provided by the present application.
- the first user interface is displayed in the third area 1610
- the third user interface is displayed in the fifth area 1620
- the second user interface is displayed in the fourth area 1630 .
- the third area 1610 and the fifth area 1620 are combined to form the sixth area 1640 .
- the terminal displays the first user interface and the third user interface in a split-screen manner
- the fourth area where the second user interface is located will be the same as that of the second user interface.
- the sixth area is displayed in left and right split screen mode.
- this embodiment can display the page on the screen when the page entry in the first user interface satisfies the first trigger condition when the first user interface is in the full screen, split screen, or floating window, etc.
- the buoy at the entrance, with the movement of the user's finger, the terminal can display the first user interface and the second user interface corresponding to the page entrance in a split-screen state when the buoy touches the physical edge or virtual edge of the display screen, so that the first application Multiple contents can be displayed in parallel in the form of split screens, which improves the ability of the first application to display multiple contents in a single application, and enhances the efficiency with which the first application displays multiple contents.
- the method for displaying multiple contents in parallel can also control the buoy to move a longer distance when the user drags the buoy for a long distance, which reduces the need for the user to drag icons on the large-screen device to realize the split-screen display of a single application , which improves the ease of use of single-app split-screen.
- the method for displaying multiple contents in parallel provided in this embodiment can also enable the terminal to realize split-screen display capability at each edge, and expand the display form of single-application split-screen.
- the embodiments of the present application can be applied to at least one of a browser application, a note application, a mailbox application, and a video application.
- a browser application a note application
- a mailbox application a mailbox application
- video application a video application
- FIG. 19 is a schematic diagram of displaying multiple search pages in parallel by a browser application provided by an embodiment of the present application.
- the browser application first displays the first search page 1710 in full screen, and when the user long presses the first search result 1711 , the browser application will display the thumbnail 1712 of the first search result 1711 at the user's long press point.
- a split-screen preview user interface may be displayed on the display.
- the area where the second search page corresponding to the first search result 1711 is to be displayed is dark and includes the area where the current thumbnail 1712 is hovered.
- the area where the original first search page 1710 is displayed has a light-colored background and an icon of a browser application is displayed in the center.
- the terminal will display the first search page 1710 and the second search page 1720 at the same time.
- the second search page 1720 is a page corresponding to the first search result 1711 .
- FIG. 20 is a schematic diagram of displaying multiple notes in parallel in a note application provided by an embodiment of the present application.
- the note application first displays the first note page 1810 , wherein the first note page 1810 and the note list 1811 are displayed together.
- the terminal displays a thumbnail 1813 where the user long presses.
- a split-screen preview user interface may be displayed on the display.
- the second memo page 1820 to be displayed is dark, and the area where the first memo page 1810 is located has a light background and a memo icon is displayed in the center.
- the terminal will display the first note page 1810 and the second note page 1820 at the same time.
- FIG. 21 is a structural block diagram of an apparatus for displaying multiple contents in parallel provided by an exemplary embodiment of the present application.
- the apparatus for displaying multiple contents in parallel can be implemented as all or a part of the terminal through software, hardware or a combination of the two.
- the device includes:
- a first display module 1910 configured to display the first user interface of the first application
- the information acquisition module 1920 is configured to acquire the page information of the second user interface in the first application in response to the first instruction, where the page entry of the first instruction in the first user interface satisfies the first trigger condition generated when
- an interface generation module 1930 configured to render and generate the second user interface according to the page information
- the second display module 1940 is configured to display the first user interface and the second user interface respectively in a split-screen mode, where the first user interface and the second user interface are mutually independent interactive interfaces.
- the page entry is used to generate corresponding instructions according to a trigger condition, and the page entry supports the generation of at least two types of instructions, and the apparatus further includes a monitoring module, a first instruction generation module, a first instruction generation module, and a second instruction generation module. Three display modules and a fourth display module.
- the monitoring module is configured to monitor trigger information acting on the page entry;
- the first instruction generation module is configured to generate the first instruction in response to the trigger information satisfying the first trigger condition;
- the third display module is configured to display a control list in the form of a floating window in response to the trigger information meeting the second trigger condition, the control list includes at least one control, and after the control is triggered, it is used to execute and the control an operation associated with a page entry;
- the fourth display module is configured to display the second user interface in full screen in response to the trigger information satisfying a third trigger condition.
- the information acquisition module 1920 is configured to generate the first instruction in the first application in response to the page entry meeting a first trigger condition; in response to the first trigger condition The instruction instructs the operating system to obtain the page information from a first interface, where the first interface is a system-level data interface written according to a preset specification.
- the information acquisition module 1920 is configured to trigger the page entry and generate the page entry in the first application in response to the page entry being pressed for a duration greater than a first threshold first order. Or, the information acquisition module 1920 is configured to trigger the page entry and generate the first instruction in the first application in response to the pressed touch area of the page entry being greater than a second threshold. Or, the information acquisition module 1920 is configured to trigger the page entry and generate the first instruction in the first application in response to the pressure value of the page entry being pressed is greater than a third threshold. Or, the information acquisition module 1920 is configured to respond that the response priority of the first instruction is the highest priority when the page entry meets the first trigger condition, and the page entry is clicked, triggering the page entry and generate the first instruction in the first application.
- the information acquisition module 1920 is configured to acquire the page information of the second user interface and the thumbnail of the page entry in response to the long-press instruction; after triggering the long-press instruction At the touch point of the instruction, the thumbnail of the page entry is displayed in the form of a buoy.
- the first instruction is a long press instruction.
- the apparatus further includes a second instruction generation module and a region determination module, where the second instruction generation module is configured to generate an image generated in response to the thumbnail touching the edge of the display screen.
- the edge of the display screen touched by the thumbnail is the first edge
- the display screen includes n edges, where n is a positive integer greater than 3
- the area determination module is configured to, in response to the second instruction, determine A first area for displaying the first user interface, and a second area for displaying the second user interface; wherein, the second area is a display area that completely covers the first edge, so The first area is used to display the first user interface, and the second area is used to display the second user interface.
- the first edge involved in the device is any one of the n edges.
- the second instruction generation module is configured to generate the second instruction in response to the thumbnail touching a physical edge of the display screen, and the physical edge is the display screen.
- the second instruction generation module is configured to move a displacement of L on the display screen in response to a drag instruction, and instruct the thumbnail to move a displacement of kL, where k is greater than 1 A real number, the drag instruction is used to drag the thumbnail to move in the display screen; the second instruction is generated in response to the thumbnail touching the physical edge of the display screen after moving by kL displacement .
- the second instruction generation module is configured to, in response to the long-press instruction, display the virtual edges corresponding to each of the n edges around the touch point of the long-press instruction; The distance from the touch point to the virtual edge is less than a second threshold; the second instruction is generated in response to the thumbnail touching the virtual edge.
- the second display module 1940 is configured to display the first user interface and the second user interface in a top-bottom split screen mode in response to the display screen being in a landscape state; In response to the display screen being in a vertical screen state, the first user interface and the second user interface are displayed in a left-right split screen mode.
- the page level of the second user interface involved in the apparatus is the same as the page level of the first user interface.
- the second display module 1940 is configured to close the virtual container where the page entry is located; respectively display the first user interface and the second user interface in the split-screen mode .
- the first display module 1910 is configured to display the first user interface of the first application in full screen; or, the first display module 1910 is configured to display the first user interface in the form of a floating window displaying the first user interface of the first application; or, the first display module 1910, used for displaying the first user interface and the third user interface in the split-screen mode; the second display module 1940, In the split screen mode, the first user interface is displayed in the third area, the second user interface is displayed in the fourth area, and the third user interface is displayed in the fifth area.
- the display area of the fourth area involved in the device is equal to the sum of the areas of the third area and the fifth area.
- the second display module 1940 is configured to, in response to the first user interface and the third user interface being displayed in a top-bottom split screen mode, display the third area and all the The fifth area is merged into a sixth area; the sixth area and the fourth area are planned in a left-right split screen mode.
- the device for displaying multiple contents in parallel disclosed in the present application can make the page entry in the first user interface satisfy the requirements of the first user interface when the first user interface is in any one of full screen, split screen or floating window.
- the buoy of the page entry is displayed on the screen.
- the terminal With the movement of the user's finger, the terminal can display the first user interface corresponding to the page entry in a split-screen state when the buoy touches the physical or virtual edge of the display screen.
- the second user interface enables the first application to display multiple contents in parallel in the form of a split screen, which improves the first application's ability to display multiple contents in a single application and enhances the efficiency of the first application displaying multiple contents.
- the method for displaying multiple contents in parallel can also control the buoy to move a longer distance when the user drags the buoy for a long distance, which reduces the need for the user to drag icons on the large-screen device to realize the split-screen display of a single application , which improves the ease of use of single-app split-screen.
- the method for displaying multiple contents in parallel provided in this embodiment can also enable the terminal to realize split-screen display capability at each edge, and expand the display form of single-application split-screen.
- Embodiments of the present application further provide a computer-readable medium, where the computer-readable medium stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the multi-content parallelism described in the above embodiments displayed method.
- a computer program product or computer program comprising computer instructions stored in a computer readable storage medium.
- the processor of the terminal reads the computer instruction from the computer-readable storage medium, and the processor executes the computer instruction, so that the terminal executes the method for displaying multiple contents in parallel provided in various optional implementation manners of the foregoing aspects.
- the apparatus for displaying multiple contents in parallel when the apparatus for displaying multiple contents in parallel provided by the above embodiments executes the method for displaying multiple contents in parallel, only the division of the above functional modules is used as an example for illustration. In practical applications, the above functions may be allocated as required. It is completed by different functional modules, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above.
- the apparatus for displaying multiple contents in parallel provided by the above embodiments and the method embodiments for displaying multiple contents in parallel belong to the same concept, and the specific implementation process is detailed in the method embodiments, which will not be repeated here.
- the information including but not limited to user equipment information, user personal information, etc.
- data including but not limited to data for analysis, stored data, displayed data, etc.
- signals involved in this application All are authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data need to comply with the relevant laws, regulations and standards of relevant countries and regions.
- the page information involved in this application is obtained with full authorization.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Provided are a multi-content parallel display method and apparatus, a terminal, a medium, and a program product. After displaying a first user interface of a first application, in response to a first instruction, acquiring page information of a second user interface in the first application, the first instruction being an instruction generated when a page entry in the first user interface meets a first trigger condition. The first application renders and generates a second user interface on the basis of the page information, and respectively displays the first user interface and the second user interface in a split-screen mode, and can thereby add to the application the capability of displaying a plurality of pages in parallel in a single application so that, when the single application displays a plurality of user interfaces in parallel, the user interfaces are each independent from one another, increasing the efficiency when the plurality of pages in the single application are operated.
Description
本申请要求于2021年04月19日提交的申请号为202110417747.7、发明名称为“多内容并行显示的方法、装置、终端及存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。This application claims the priority of the Chinese Patent Application No. 202110417747.7 filed on April 19, 2021 and titled "Method, Device, Terminal and Storage Medium for Parallel Display of Multiple Contents", the entire contents of which are incorporated by reference in in this application.
本申请实施例涉及计算机技术领域,特别涉及一种多内容并行显示的方法、装置、终端、介质及程序产品。The embodiments of the present application relate to the field of computer technologies, and in particular, to a method, apparatus, terminal, medium, and program product for displaying multiple contents in parallel.
随着移动终端的单个应用程序的功能日益丰富,用户能够在单个应用程序中进行多种操作。With the increasingly rich functions of a single application of a mobile terminal, a user can perform various operations in a single application.
相关技术中,当用户需要在同一个应用程序中的两个页面中交替进行操作时,用户需要在两个页面之间来回切换。例如,若用户使用移动终端中的邮箱应用中的第一页面向收件人A回复邮件,且用户同时也需要使用邮箱应用中的第二页面向收件人B回复邮件,则用户需要编辑一部分第一页面的内容之后,将移动终端显示的内容由第一页面切换到第二页面进行编辑。在用户又想要编辑第一页面中的邮件时,用户再将移动终端中显示的第二页面切换到第一页面。In the related art, when a user needs to alternately perform operations on two pages in the same application program, the user needs to switch back and forth between the two pages. For example, if the user uses the first page in the mailbox application in the mobile terminal to reply to the email to recipient A, and the user also needs to use the second page in the mailbox application to reply to the email to recipient B, the user needs to edit a part of the email After the content of the first page, the content displayed on the mobile terminal is switched from the first page to the second page for editing. When the user wants to edit the email in the first page again, the user switches the second page displayed in the mobile terminal to the first page.
发明内容SUMMARY OF THE INVENTION
本申请实施例提供了一种多内容并行显示的方法、装置、终端、介质及程序产品。所述技术方案如下:Embodiments of the present application provide a method, apparatus, terminal, medium and program product for displaying multiple contents in parallel. The technical solution is as follows:
根据本申请的一方面内容,提供了一种多内容并行显示的方法,所述方法包括:According to an aspect of the present application, there is provided a method for displaying multiple contents in parallel, the method comprising:
显示第一应用的第一用户界面;displaying a first user interface of the first application;
响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,所述第一指令在所述第一用户界面中的页面入口满足第一触发条件时生成;obtaining page information of a second user interface in the first application in response to a first instruction, where the first instruction is generated when a page entry in the first user interface satisfies a first trigger condition;
根据所述页面信息,渲染并生成所述第二用户界面;rendering and generating the second user interface according to the page information;
以分屏模式分别显示所述第一用户界面和所述第二用户界面,所述第一用户界面和所述第二用户界面是互相独立的可交互界面。The first user interface and the second user interface are respectively displayed in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
根据本申请的另一方面内容,提供了一种多内容并行显示的装置,所述装置包括:According to another aspect of the present application, there is provided an apparatus for displaying multiple contents in parallel, the apparatus comprising:
第一显示模块,用于显示第一应用的第一用户界面;a first display module, configured to display the first user interface of the first application;
信息获取模块,用于响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,所述第一指令在所述第一用户界面中的页面入口满足第一触发条件时生成;an information acquisition module, configured to acquire page information of the second user interface in the first application in response to a first instruction, the first instruction is when the page entry in the first user interface satisfies a first trigger condition generate;
界面生成模块,用于根据所述页面信息,渲染并生成所述第二用户界面;an interface generation module, configured to render and generate the second user interface according to the page information;
第二显示模块,用于以分屏模式分别显示所述第一用户界面和所述第二用户界面,所述第一用户界面和所述第二用户界面是互相独立的可交互界面。The second display module is configured to display the first user interface and the second user interface respectively in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
根据本申请的另一方面内容,提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如本申请各个方面提供的多内容并行显示的方法。According to another aspect of the present application, a terminal is provided, the terminal includes a processor and a memory, the memory stores at least one instruction, and the instruction is loaded and executed by the processor to implement the method as described in the present application A method for displaying multiple contents in parallel provided by various aspects.
根据本申请的另一方面内容,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如本申请各个方面提供的多内容并行显示的方法。According to another aspect of the present application, there is provided a computer-readable storage medium having stored therein at least one instruction, the instruction being loaded and executed by a processor to implement multiple contents as provided in various aspects of the present application Methods of displaying in parallel.
根据本申请的一个方面,提供了一种计算机程序产品,该计算机程序产品包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述各种可选实现方式中提供的多内容并行显示的方法。According to one aspect of the present application, there is provided a computer program product comprising computer instructions stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method for displaying multiple contents in parallel provided in various optional implementation manners above.
为了更清楚地介绍本申请实施例中的技术方案,下面将对本申请实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。In order to introduce the technical solutions in the embodiments of the present application more clearly, the following briefly introduces the accompanying drawings that need to be used in the description of the embodiments of the present application. Obviously, the drawings in the following description are only some embodiments of the present application. , for those of ordinary skill in the art, other drawings can also be obtained based on these drawings without any creative effort.
图1是本申请一个示例性实施例提供的一种终端的结构框图;1 is a structural block diagram of a terminal provided by an exemplary embodiment of the present application;
图2是本申请一个示例性实施例提供的一种多内容并行显示的方法的流程图;FIG. 2 is a flowchart of a method for displaying multiple contents in parallel provided by an exemplary embodiment of the present application;
图3是基于图2所示实施例提供的一种第一用户界面的示意图;3 is a schematic diagram of a first user interface provided based on the embodiment shown in FIG. 2;
图4是基于图2所示实施例提供的另一种第一用户界面的示意图;Fig. 4 is a schematic diagram of another first user interface provided based on the embodiment shown in Fig. 2;
图5是基于图2所示实施例提供的另一种第一用户界面的示意图;Fig. 5 is a schematic diagram of another first user interface provided based on the embodiment shown in Fig. 2;
图6是本申请所提供的一种页面入口被触发后的用户界面示意图;6 is a schematic diagram of a user interface after a page entry provided by the present application is triggered;
图7是本申请所提供的一种页面入口被触发后的用户界面示意图;7 is a schematic diagram of a user interface after a page entry provided by the present application is triggered;
图8是基于图2所示实施例提供的一种第一用户界面和第二用户界面分屏显示的示意图;Fig. 8 is a schematic diagram of split-screen display of a first user interface and a second user interface provided based on the embodiment shown in Fig. 2;
图9是基于图2所示实施例提供的另一种第一用户界面和第二用户界面分屏显示的示意图;FIG. 9 is a schematic diagram of a split-screen display of another first user interface and a second user interface provided based on the embodiment shown in FIG. 2;
图10是基于图2所示实施例提供的另一种第一用户界面和第二用户界面分屏显示的示意图;FIG. 10 is a schematic diagram of a split-screen display of another first user interface and a second user interface provided based on the embodiment shown in FIG. 2;
图11是基于图2所示实施例提供的另一种第一用户界面和第二用户界面分屏显示的示意图;FIG. 11 is a schematic diagram of a split-screen display of another first user interface and a second user interface provided based on the embodiment shown in FIG. 2;
图12是本申请另一个示例性实施例提供的一种多内容并行显示的方法流程图;12 is a flowchart of a method for displaying multiple contents in parallel provided by another exemplary embodiment of the present application;
图13是基于图12所示实施例提供的一种触发第二指令的场景示意图;13 is a schematic diagram of a scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12;
图14是基于图12所示实施例提供的另一种触发第二指令的场景示意图;FIG. 14 is a schematic diagram of another scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12;
图15是基于图12所示实施例提供的一种待识别区域的示意图;Fig. 15 is a schematic diagram of a to-be-identified area provided based on the embodiment shown in Fig. 12;
图16是基于图12所示实施例提供的另一种触发第二指令的场景示意图;FIG. 16 is a schematic diagram of another scenario of triggering a second instruction provided based on the embodiment shown in FIG. 12;
图17是基于图12所示实施例提供的一种多内容并行显示的示意图;FIG. 17 is a schematic diagram of a multi-content parallel display provided based on the embodiment shown in FIG. 12;
图18是本申请提供的一种单应用内并行显示多内容的示意图;18 is a schematic diagram of displaying multiple contents in parallel in a single application provided by the present application;
图19是本申请实施例提供的一种浏览器应用并行显示多个搜索页面的示意图;19 is a schematic diagram of a browser application displaying multiple search pages in parallel according to an embodiment of the present application;
图20是本申请实施例提供的一种便签应用并行显示多个便签的示意图;20 is a schematic diagram of a note application that displays multiple notes in parallel according to an embodiment of the present application;
图21是本申请一个示例性实施例提供的一种多内容并行显示的装置的结构框图。FIG. 21 is a structural block diagram of an apparatus for displaying multiple contents in parallel provided by an exemplary embodiment of the present application.
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。In order to make the objectives, technical solutions and advantages of the present application clearer, the embodiments of the present application will be further described in detail below with reference to the accompanying drawings.
下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。Where the following description refers to the drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as recited in the appended claims.
在本申请的描述中,需要理解的是,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。在本申请的描述中,需要说明的是,除非另有明确的规定和限定,术语“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本申请中的具体含义。此外,在本申请的描述中,除非另有说明,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。In the description of the present application, it should be understood that the terms "first", "second" and the like are used for descriptive purposes only, and should not be construed as indicating or implying relative importance. In the description of this application, it should be noted that, unless otherwise expressly specified and limited, the terms "connected" and "connected" should be understood in a broad sense, for example, it may be a fixed connection, a detachable connection, or an integrated connection. Ground connection; it can be a mechanical connection or an electrical connection; it can be directly connected or indirectly connected through an intermediate medium. For those of ordinary skill in the art, the specific meanings of the above terms in this application can be understood in specific situations. Also, in the description of the present application, unless otherwise specified, "a plurality" means two or more. "And/or", which describes the association relationship of the associated objects, means that there can be three kinds of relationships, for example, A and/or B, which can mean that A exists alone, A and B exist at the same time, and B exists alone. The character "/" generally indicates that the associated objects are an "or" relationship.
如本文中所使用,根据上下文,术语“如果”任选地被解释为“当......时”、“在……时”、“响应于确定”或“响应于检测”。类似地,根据上下文,短语“如果确定……”或“如果检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。As used herein, the term "if" is optionally construed as "when", "at", "in response to determining" or "in response to detecting" depending on the context. Similarly, the phrases "if it is determined..." or "if (the stated condition or event) is detected" or "in response to detecting (the stated condition or event)", depending on the context.
需要说明的是,使用个人可识别信息应遵循公认为满足或超过维护用户隐私的行业或政府要求的隐私政策和做法。具体地,个人可识别信息在管理和处理的过程中应当向用户明确说明授权使用的性质,以使无意或未经授权的访问或使用的风险最小化。To be clear, the use of personally identifiable information should follow privacy policies and practices that are recognized as meeting or exceeding industry or government requirements for maintaining user privacy. Specifically, the management and processing of personally identifiable information should clearly indicate to the user the nature of the authorized use to minimize the risk of inadvertent or unauthorized access or use.
为了本申请实施例所示方案易于理解,下面对本申请实施例中出现的若干名词进行介绍。In order to facilitate the understanding of the solutions shown in the embodiments of the present application, several terms appearing in the embodiments of the present application are introduced below.
第一应用:安装在终端中具有可视化的用户界面(UI,User Interface)的应用。The first application: an application with a visual user interface (UI, User Interface) installed in the terminal.
从第一应用的类型进行介绍,第一应用可以包括以下应用类型中的一种或多种。社交应用、游戏应用、浏览器应用、购物应用、视频应用、短视频应用、邮件应用、文本编辑应用、杀毒应用、天气应用、打车应用、团购应用、外卖应用、理财应用、漫画应用或备忘录应用。Introduced from the type of the first application, the first application may include one or more of the following application types. Social apps, game apps, browser apps, shopping apps, video apps, short video apps, email apps, text editing apps, antivirus apps, weather apps, taxi apps, group purchase apps, food delivery apps, financial management apps, comic apps, or memo apps .
需要说明的是,上述类型的应用仅为示意性说明,不对本申请的第一应用的其它可能实现的类型形成限定。It should be noted that the above-mentioned types of applications are only illustrative, and do not limit other possible implementation types of the first application of the present application.
从第一应用的功能进行介绍,第一应用可以是支持分屏功能的应用。在第一应用的开发阶段中,开发者可以按照第一应用适配的操作***为第一应用设置分屏的功能。From the function of the first application, the first application may be an application supporting a split screen function. In the development stage of the first application, the developer may set a split-screen function for the first application according to the operating system adapted to the first application.
第一应用可以应用在移动终端中。其中,移动终端可以是刘海屏终端、水滴屏终端、折叠屏终端、卷轴屏终端或全面屏终端中的至少一种。The first application may be applied in the mobile terminal. The mobile terminal may be at least one of a notch screen terminal, a water drop screen terminal, a folding screen terminal, a scroll screen terminal or a full screen terminal.
第一用户界面:是第一应用启动后显示的一个用户界面。需要说明的是,第一用户界面既可以是第一应用启动后显示的主界面,第一用户界面也可以是第一应用启动后显示的其它用户界面。The first user interface: is a user interface displayed after the first application is started. It should be noted that, the first user interface may be a main interface displayed after the first application is started, and the first user interface may also be another user interface displayed after the first application is started.
第二用户界面:是第一应用启动后显示的除第一用户界面之外的其它用户界面。The second user interface: is another user interface other than the first user interface displayed after the first application is started.
示意性的,第一用户界面和第二用户界面可以是可交互操作的可交互界面。Illustratively, the first user interface and the second user interface may be interactive interfaces that are interactively operable.
页面入口:是第一用户界面中任意一个能够被触控的控件。当该控件满足第一触发条件时,终端中能够生成第一指令。其中,该第一指令由第一应用发送至操作***。Page entry: any control that can be touched in the first user interface. When the control satisfies the first trigger condition, the terminal can generate the first instruction. Wherein, the first instruction is sent to the operating system by the first application.
可选地,页面入口可以是按钮、滑块或超链接等任意一种可操控组件。Optionally, the page entry can be any controllable component such as buttons, sliders or hyperlinks.
本申请实施例提供的多内容并行显示方法包括:The multi-content parallel display method provided by the embodiment of the present application includes:
显示第一应用的第一用户界面;displaying a first user interface of the first application;
响应于第一指令,获取第一应用中的第二用户界面的页面信息,第一指令在第一用户界面中的页面入口满足第一触发条件时生成;obtaining page information of the second user interface in the first application in response to the first instruction, where the first instruction is generated when the page entry in the first user interface satisfies the first trigger condition;
根据页面信息,渲染并生成第二用户界面;rendering and generating a second user interface according to the page information;
以分屏模式分别显示第一用户界面和第二用户界面,第一用户界面和第二用户界面是互相独立的可交互界面。The first user interface and the second user interface are respectively displayed in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
可选的,页面入口用于根据触发条件生成相应的指令,且页面入口支持生成至少两种指令,方法还包括:Optionally, the page entry is used to generate corresponding instructions according to the trigger condition, and the page entry supports generating at least two types of instructions, and the method further includes:
监控作用于页面入口的触发信息;Monitor the trigger information acting on the page entry;
响应于触发信息满足第一触发条件,生成第一指令;In response to the trigger information meeting the first trigger condition, generating a first instruction;
响应于触发信息满足第二触发条件,以浮窗的形式显示控件列表,控件列表中包括至少一个控件,控件触发后用于执行与页面入口关联的操作;In response to the trigger information meeting the second trigger condition, a control list is displayed in the form of a floating window, the control list includes at least one control, and the control is triggered to perform an operation associated with the page entry;
响应于触发信息满足第三触发条件,全屏显示第二用户界面。In response to the trigger information satisfying the third trigger condition, the second user interface is displayed in full screen.
可选的,响应于第一指令,获取第一应用中的第二用户界面的页面信息,包括:Optionally, in response to the first instruction, acquiring page information of the second user interface in the first application, including:
响应于页面入口满足第一触发条件,在第一应用中生成第一指令;In response to the page entry meeting the first trigger condition, generating a first instruction in the first application;
响应于第一指令,指示操作***从第一接口获取页面信息,第一接口是按照预设规范编写的***级数据接口。In response to the first instruction, the operating system is instructed to obtain page information from a first interface, where the first interface is a system-level data interface written according to a preset specification.
可选的,响应于页面入口满足第一触发条件,在第一应用中生成第一指令,包括:Optionally, in response to the page entry meeting the first trigger condition, generating the first instruction in the first application, including:
响应于页面入口被按压的持续时长大于第一阈值,触发页面入口并在第一应用中生成第一指令;In response to the page entry being pressed for a duration greater than the first threshold, triggering the page entry and generating a first instruction in the first application;
或,or,
响应于页面入口被按压的触摸面积大于第二阈值,触发页面入口并在第一应用中生成第一指令;In response to the pressed touch area of the page entry being greater than the second threshold, triggering the page entry and generating the first instruction in the first application;
或,or,
响应于页面入口被按压的压力值大于第三阈值,触发页面入口并在第一应用中生成第一指令;In response to the pressure value of the page entry being pressed greater than the third threshold, triggering the page entry and generating the first instruction in the first application;
或,or,
响应于第一指令的响应优先级为页面入口满足第一触发条件时最高的优先级,且页面入口被点击,触发页面入口并在第一应用中生成第一指令。The response priority in response to the first instruction is the highest priority when the page entry satisfies the first trigger condition, and the page entry is clicked, the page entry is triggered and the first instruction is generated in the first application.
可选的,第一指令是长按指令,响应于第一指令,获取第一应用中的第二用户界面的页面信息,包括:Optionally, the first instruction is a long press instruction, and in response to the first instruction, acquiring page information of the second user interface in the first application, including:
响应于长按指令,获取第二用户界面的页面信息和页面入口的缩略图;In response to the long-pressing instruction, acquiring the page information of the second user interface and the thumbnail of the page entry;
在触发长按指令的触摸点处,以浮标的形式显示页面入口的缩略图。At the touch point that triggers the long-press command, the thumbnail of the page entry is displayed in the form of a float.
可选的,显示屏包括n条边缘,n为大于3的正整数,方法还包括:Optionally, the display screen includes n edges, where n is a positive integer greater than 3, and the method further includes:
响应于缩略图触碰显示屏的边缘,生成第二指令,缩略图触碰的显示屏的边缘是第一边缘;In response to the thumbnail touching the edge of the display screen, a second instruction is generated, and the edge of the display screen touched by the thumbnail is the first edge;
响应于第二指令,确定用于显示第一用户界面的第一区域,以及,用于显示第二用户界面的第二区域;其中,第二区域是完全覆盖第一边缘的显示区域,第一区域用于显示第一用户界面,并且第二区域用于显示第二用户界面。In response to the second instruction, determining a first area for displaying the first user interface, and a second area for displaying the second user interface; wherein the second area is a display area that completely covers the first edge, and the first area is The area is used to display the first user interface, and the second area is used to display the second user interface.
可选的,第一边缘是n条边缘中的任意一条。Optionally, the first edge is any one of n edges.
可选的,响应于缩略图触碰显示屏的边缘,生成第二指令,包括:Optionally, in response to the thumbnail touching the edge of the display screen, a second instruction is generated, including:
响应于缩略图触碰显示屏的实体边缘,生成第二指令,实体边缘是显示屏的物理边缘;generating a second instruction in response to the thumbnail touching a physical edge of the display screen, where the physical edge is a physical edge of the display screen;
或,or,
响应于缩略图进入待识别区域,生成第二指令,待识别区域包完全覆盖显示屏的一条实体边缘的区域;In response to the thumbnail entering the to-be-recognized area, a second instruction is generated, and the to-be-recognized area package completely covers an area of a physical edge of the display screen;
或,or,
响应于缩略图触碰显示屏的虚拟边缘,生成第二指令,虚拟边缘是显示的物理边缘映射在显示屏中 的虚拟线段。A second instruction is generated in response to the thumbnail touching a virtual edge of the display screen, the virtual edge being a virtual line segment in the display screen that maps the physical edge of the display.
可选的,响应于缩略图触碰显示屏的实体边缘,生成第二指令,包括:Optionally, in response to the thumbnail touching the physical edge of the display screen, a second instruction is generated, including:
响应于拖动指令在显示屏上移动L的位移,指示缩略图移动kL的位移,k为大于1的实数,拖动指令用于拖动缩略图在显示屏中移动;The displacement of moving L on the display screen in response to the dragging instruction, indicating that the thumbnail moves the displacement of kL, where k is a real number greater than 1, and the dragging instruction is used to drag the thumbnail to move on the display screen;
响应于缩略图移动kL的位移后触碰到显示屏的实体边缘,生成第二指令。The second instruction is generated in response to the thumbnail touching the physical edge of the display screen after moving by a displacement of kL.
可选的,响应于缩略图触碰显示屏的虚拟边缘,生成第二指令,包括:Optionally, in response to the thumbnail touching a virtual edge of the display screen, a second instruction is generated, including:
响应于长按指令,围绕长按指令的触摸点显示n条边缘各自对应的虚拟边缘;触摸点到虚拟边缘的距离小于第二阈值;In response to the long press instruction, the virtual edges corresponding to each of the n edges are displayed around the touch point of the long press instruction; the distance from the touch point to the virtual edge is less than the second threshold;
响应于缩略图触碰虚拟边缘,生成第二指令。A second instruction is generated in response to the thumbnail touching the virtual edge.
可选的,以分屏模式分别显示第一用户界面和第二用户界面,包括:Optionally, displaying the first user interface and the second user interface respectively in a split-screen mode, including:
响应于显示屏处于横屏状态,以上下分屏模式显示第一用户界面和第二用户界面;In response to the display screen being in a landscape state, displaying the first user interface and the second user interface in a top-bottom split screen mode;
响应于显示屏处于竖屏状态,以左右分屏模式显示第一用户界面和第二用户界面。In response to the display screen being in a vertical screen state, the first user interface and the second user interface are displayed in a left-right split screen mode.
可选的,第二用户界面的页面级别和第一用户界面的页面级别相同,页面级别用于指示用户界面在第一应用的用户界面架构中的等级。Optionally, the page level of the second user interface is the same as the page level of the first user interface, and the page level is used to indicate the level of the user interface in the user interface architecture of the first application.
可选的,以分屏模式分别显示第一用户界面和第二用户界面,包括:Optionally, displaying the first user interface and the second user interface respectively in a split-screen mode, including:
关闭页面入口所在的虚拟容器;Close the virtual container where the page entry is located;
以分屏模式分别显示第一用户界面和第二用户界面。The first user interface and the second user interface are respectively displayed in a split screen mode.
可选的,显示第一应用的第一用户界面,包括:Optionally, displaying the first user interface of the first application, including:
全屏显示第一应用的第一用户界面;displaying the first user interface of the first application in full screen;
或,or,
以浮窗形式显示第一应用的第一用户界面;displaying the first user interface of the first application in the form of a floating window;
或,or,
以分屏模式显示第一用户界面和第三用户界面;displaying the first user interface and the third user interface in a split-screen mode;
以分屏模式分别显示第一用户界面和第二用户界面,包括:Display the first user interface and the second user interface respectively in split-screen mode, including:
以分屏模式,在第三区域中显示第一用户界面,在第四区域中显示第二用户界面,并在第五区域中显示第三用户界面。In the split screen mode, the first user interface is displayed in the third area, the second user interface is displayed in the fourth area, and the third user interface is displayed in the fifth area.
可选的,第四区域的显示面积等于第三区域和第五区域的面积之和。Optionally, the display area of the fourth area is equal to the sum of the areas of the third area and the fifth area.
可选的,以分屏模式,在第三区域中显示第一用户界面,在第四区域中显示第二用户界面,并在第五区域中显示第三用户界面,包括:Optionally, in a split-screen mode, the first user interface is displayed in the third area, the second user interface is displayed in the fourth area, and the third user interface is displayed in the fifth area, including:
响应于第一用户界面和第三用户界面是以上下分屏模式显示,将第三区域和第五区域合并为第六区域;In response to the first user interface and the third user interface being displayed in a top-bottom split screen mode, combining the third area and the fifth area into a sixth area;
以左右分屏模式规划第六区域和第四区域。Plan the sixth area and the fourth area in the left and right split screen mode.
示例性地,本申请实施例所示的多内容并行显示的方法,可以应用在终端中,该终端具备显示屏且具备多内容并行显示的功能。终端可以包括手机、平板电脑、MP4播放终端、MP5播放终端、学习机、点读机、电纸书、电子词典或车载终端等。Exemplarily, the method for displaying multiple contents in parallel shown in the embodiments of the present application can be applied to a terminal, where the terminal has a display screen and has the function of displaying multiple contents in parallel. The terminal may include a mobile phone, a tablet computer, an MP4 player terminal, an MP5 player terminal, a learning machine, a point reader, an electronic paper book, an electronic dictionary or a vehicle-mounted terminal, and the like.
请参见图1,图1是本申请一个示例性实施例提供的一种终端的结构框图,如图1所示,该终端包括处理器120、存储器140和显示屏160,该存储器140中存储有至少一条指令,至少一条指令由处理器120加载并执行以实现如本申请各个方法实施例所述的多内容并行显示的方法。示意性的,处理器120还用于从存储器140中获取用户界面的页面信息,以渲染相应的用户界面,并在显示屏160中显示相应的用户界面。Please refer to FIG. 1. FIG. 1 is a structural block diagram of a terminal provided by an exemplary embodiment of the present application. As shown in FIG. 1, the terminal includes a processor 120, a memory 140, and a display screen 160. The memory 140 stores a At least one instruction, at least one instruction is loaded and executed by the processor 120 to implement the method for displaying multiple contents in parallel according to the various method embodiments of this application. Illustratively, the processor 120 is further configured to acquire page information of the user interface from the memory 140 to render the corresponding user interface and display the corresponding user interface on the display screen 160 .
在本申请中,终端100是具备分屏显示功能的电子设备。当终端100中显示第一应用的第一用户界面时,终端100中的第一应用能够在第一用户界面中的页面入口满足第一触发条件时生成第一指令。终端100中的操作***能够响应于第一指令,获取第一应用中的第二用户界面的页面信息。终端根据该页面信息,渲染并生成第二用户界面。随后,终端100将以分屏模式显示第一用户界面和第二用户界面。其中,所述第一用户界面和所述第二用户界面是互相独立的可交互界面。In this application, the terminal 100 is an electronic device with a split-screen display function. When the first user interface of the first application is displayed in the terminal 100, the first application in the terminal 100 can generate the first instruction when the page entry in the first user interface satisfies the first trigger condition. The operating system in the terminal 100 can acquire the page information of the second user interface in the first application in response to the first instruction. The terminal renders and generates a second user interface according to the page information. Subsequently, the terminal 100 will display the first user interface and the second user interface in a split-screen mode. Wherein, the first user interface and the second user interface are mutually independent interactive interfaces.
处理器120可以包括一个或者多个处理核心。处理器120利用各种接口和线路连接整个终端100内的各个部分,通过运行或执行存储在存储器140内的指令、程序、代码集或指令集,以及调用存储在存储器140内的数据,执行终端100的各种功能和处理数据。可选的,处理器120可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器120可集成中央处理器(Central Processing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解 调器等中的一种或几种的组合。其中,CPU主要处理操作***、用户界面和应用程序等;GPU用于负责显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器120中,单独通过一块芯片进行实现。 Processor 120 may include one or more processing cores. The processor 120 uses various interfaces and lines to connect various parts in the entire terminal 100, and executes the terminal by running or executing the instructions, programs, code sets or instruction sets stored in the memory 140, and calling the data stored in the memory 140. 100 various functions and processing data. Optionally, the processor 120 may adopt at least one of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). A hardware form is implemented. The processor 120 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processor (Graphics Processing Unit, GPU), a modem, and the like. Among them, the CPU mainly handles the operating system, user interface, and application programs; the GPU is used for rendering and drawing of the content that needs to be displayed on the display screen; the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 120, but is implemented by a single chip.
存储器140可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory,ROM)。可选的,该存储器140包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器140可用于存储指令、程序、代码、代码集或指令集。存储器140可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作***的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等;存储数据区可存储下面各个方法实施例中涉及到的数据等。The memory 140 may include random access memory (Random Access Memory, RAM), or may include read-only memory (Read-Only Memory, ROM). Optionally, the memory 140 includes a non-transitory computer-readable storage medium. Memory 140 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. The memory 140 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), Instructions, etc., used to implement the following method embodiments; the storage data area can store data and the like involved in the following method embodiments.
显示屏160既可以是触摸屏,也可以是单纯具备显示功能的屏幕。一种可能的方式中,显示屏能够以分屏模式分别显示第一用户界面和第二用户界面。The display screen 160 may be either a touch screen or a screen that simply has a display function. In a possible manner, the display screen can separately display the first user interface and the second user interface in a split-screen mode.
请参考图2,图2是本申请一个示例性实施例提供的一种多内容并行显示的方法的流程图。该多内容并行显示的方法可以应用在上述图1所示的终端中。在图2中,多内容并行显示的方法包括:Please refer to FIG. 2 , which is a flowchart of a method for displaying multiple contents in parallel provided by an exemplary embodiment of the present application. The method for displaying multiple contents in parallel can be applied to the terminal shown in FIG. 1 above. In Figure 2, the method for displaying multiple contents in parallel includes:
步骤210,显示第一应用的第一用户界面。 Step 210, displaying the first user interface of the first application.
在本申请实施例中,终端能够以多种方式显示第一应用的第一用户界面。In this embodiment of the present application, the terminal can display the first user interface of the first application in various manners.
在一种可能的方式中,终端全屏显示第一应用的第一用户界面。请参考图3,图3是基于图2所示实施例提供的一种第一用户界面的示意图。在图3中,终端100全屏显示第一用户界面310。In a possible manner, the terminal displays the first user interface of the first application in full screen. Please refer to FIG. 3 , which is a schematic diagram of a first user interface provided based on the embodiment shown in FIG. 2 . In FIG. 3 , the terminal 100 displays the first user interface 310 in full screen.
请参考图4,图4是基于图2所示实施例提供的另一种第一用户界面的示意图。在图4中,终端100以分屏模式在第三区域31中显示第一用户界面310,终端100以分屏模式在分屏区域32中显示第三用户界面320。Please refer to FIG. 4 , which is a schematic diagram of another first user interface provided based on the embodiment shown in FIG. 2 . In FIG. 4 , the terminal 100 displays the first user interface 310 in the third area 31 in the split screen mode, and the terminal 100 displays the third user interface 320 in the split screen area 32 in the split screen mode.
需要说明的是,终端还可以以浮窗的形式显示第一应用的第一用户界面。请参见图5,图5是基于图2所示实施例提供的另一种第一用户界面的示意图。在图5中,终端100以浮窗形式显示第一用户界面310。It should be noted that, the terminal may also display the first user interface of the first application in the form of a floating window. Please refer to FIG. 5 , which is a schematic diagram of another first user interface provided based on the embodiment shown in FIG. 2 . In FIG. 5 , the terminal 100 displays the first user interface 310 in the form of a floating window.
步骤220,响应于第一指令,获取第一应用中的第二用户界面的页面信息,第一指令在第一用户界面中的页面入口满足第一触发条件时生成。Step 220: Acquire page information of the second user interface in the first application in response to the first instruction, where the first instruction is generated when the page entry in the first user interface satisfies the first trigger condition.
可选地,本申请中所示的第一用户界面中的页面入口具备支持至少两种指令的功能。Optionally, the page entry in the first user interface shown in this application has the function of supporting at least two kinds of instructions.
可选的,在页面入口生成相应指令的场景中。终端中的操作***可以监控作用于页面入口的触发信息。在触摸屏终端中,该触发信息可以是页面入口在触摸屏的投影处的触控坐标和触控参数。在触发信息满足第一触发条件时,第一应用能够配合操作***生成第一指令,也即,终端中生成了第一指令。Optionally, in a scenario where a page entry generates a corresponding command. The operating system in the terminal can monitor the trigger information acting on the page entry. In a touch screen terminal, the trigger information may be touch coordinates and touch parameters at the projection of the page entry on the touch screen. When the trigger information satisfies the first trigger condition, the first application can cooperate with the operating system to generate the first instruction, that is, the first instruction is generated in the terminal.
对于同一个页面入口而言,该页面入口在满足其它触发条件的时候,能够生成其它的指令,其它的指令用于指示页面入口展示控件列表或者当前显示的用户界面跳转到第二用户界面。For the same page entry, when the page entry meets other trigger conditions, other instructions can be generated, and the other instructions are used to instruct the page entry to display the control list or the currently displayed user interface to jump to the second user interface.
示意性的,响应于触发信息满足第二触发条件,终端以浮窗的形式显示控件列表,其中,该控件列表中包括至少一个控件,控件触发后用于执行与页面入口关联的操作。示意性的,页面入口不仅用于开启新的页面,页面入口还可以提供与自身相关的控件的展示。Illustratively, in response to the trigger information meeting the second trigger condition, the terminal displays a list of controls in the form of a floating window, wherein the list of controls includes at least one control, and the control is triggered to perform operations associated with the page entry. Illustratively, the page entry is not only used to open a new page, but the page entry can also provide display of controls related to itself.
请参见图6,图6是本申请所提供的一种页面入口被触发后的用户界面示意图。在图6中,当用户的手指长按用户界面310中的页面入口33的时长处于1秒到2秒时,终端将在页面入口33附近以浮窗的形式显示控件列表34。显示控件列表34中显示有与该页面入口33对应的邮件相关的控件,包括答复控件、转发控件、删除控件和已读控件。Please refer to FIG. 6. FIG. 6 is a schematic diagram of a user interface provided by the present application after a page entry is triggered. In FIG. 6 , when the user's finger long presses the page entry 33 in the user interface 310 for 1 to 2 seconds, the terminal will display the control list 34 in the form of a floating window near the page entry 33 . Controls related to the mail corresponding to the page entry 33 are displayed in the display control list 34, including reply control, forward control, delete control and read control.
示意性的,响应于触发信息满足第三触发条件,终端全屏显示第二用户界面。需要说明的是,全屏显示第二用户界面时第一应用主动调用终端中的软硬件资源对第二用户界面进行渲染并显示。Illustratively, in response to the trigger information satisfying the third trigger condition, the terminal displays the second user interface in full screen. It should be noted that, when the second user interface is displayed in full screen, the first application actively invokes software and hardware resources in the terminal to render and display the second user interface.
请参见图7,图7是本申请所提供的一种页面入口被触发后的用户界面示意图。在图7中,当用户的手指点击用户界面310中的页面入口33时,终端将全屏显示第二用户界面330。Please refer to FIG. 7. FIG. 7 is a schematic diagram of a user interface provided by the present application after a page entry is triggered. In FIG. 7, when the user's finger clicks on the page entry 33 in the user interface 310, the terminal will display the second user interface 330 in full screen.
有上述实现过程以及图6和图7所示的内容可知,本申请能够在页面入口处不生成第一指令时,按照页面入口提供的正常逻辑执行其他的操作。并在页面入口满足第一触发条件并生成第一指令时,终端才对第一应用进行分屏,以分别显示第一用户界面和第二用户界面,从而实现了用户能够按照自身需要随时在同一个应用中通过分屏的模式与该应用中的两个用户界面进行交互,并实现了在用户无需在单个应用分屏时,以正常的屏幕形式显示的能力。It can be known from the above implementation process and the contents shown in FIG. 6 and FIG. 7 that the present application can perform other operations according to the normal logic provided by the page entry when the first instruction is not generated at the page entry. And when the page entry satisfies the first trigger condition and generates the first command, the terminal splits the screen of the first application to display the first user interface and the second user interface respectively, so that the user can be at the same time at any time according to their own needs. An application interacts with two user interfaces in the application through the split-screen mode, and realizes the ability to display in a normal screen form when the user does not need to split the screen in a single application.
在本申请中,终端中的操作***能够响应于第一指令。需要说明的是,操作***可以是开源操作***或者非开源操作***。In the present application, the operating system in the terminal can respond to the first instruction. It should be noted that the operating system may be an open source operating system or a non-open source operating system.
当操作***是开源操作***时,操作***可以是安卓(Android)操作***。当操作***是非开源操作***,该操作***可以是某些指定厂商为自身生产的终端设计的***。When the operating system is an open source operating system, the operating system may be an Android (Android) operating system. When the operating system is a non-open source operating system, the operating system may be a system designed by some designated manufacturers for their own terminals.
需要说明的是,第一指令是应用发送向操作***的指令。在不同的操作***中,该第一指令的数据格式可以做相应改变。在操作***获取到第一指令后,操作***能够获取到第二用户界面的页面信息。其中,第一用户界面中的页面入口满足第一触发条件时将生成第一指令,该指令从第一应用中发送至操作***。It should be noted that the first instruction is an instruction sent by the application to the operating system. In different operating systems, the data format of the first instruction can be changed accordingly. After the operating system obtains the first instruction, the operating system can obtain the page information of the second user interface. Wherein, when the page entry in the first user interface satisfies the first trigger condition, a first instruction is generated, and the instruction is sent from the first application to the operating system.
步骤230,根据页面信息,渲染并生成第二用户界面。 Step 230, rendering and generating a second user interface according to the page information.
在本申请实施例中,终端具备两种根据页面信息渲染并生成第二用户界面的策略。In this embodiment of the present application, the terminal has two strategies for rendering and generating the second user interface according to page information.
在一种可能的渲染并生成的策略中,终端中的操作***根据页面信息从第一应用中读取第二用户界面的内容信息,对内容信息进行渲染并生成第二用户界面。In a possible rendering and generating strategy, the operating system in the terminal reads the content information of the second user interface from the first application according to the page information, renders the content information and generates the second user interface.
在另一种可能的渲染并生成的策略中,终端中的操作***根据页面信息向第一应用发送指令,第一应用在了解到需要显示第二用户界面时,根据第一应用中显示界面的逻辑向操作***申请软硬件资源,进而在第一应用的主导控制下显示第二用户界面。In another possible rendering and generating strategy, the operating system in the terminal sends an instruction to the first application according to the page information, and when the first application learns that the second user interface needs to be displayed, it will The logic applies to the operating system for software and hardware resources, and then displays the second user interface under the dominant control of the first application.
需要说明的是,本申请实施例可以在上述任意一种渲染并生成第二用户界面的策略下生成第二用户界面,本申请实施例对此不作限定。It should be noted that the embodiment of the present application may generate the second user interface under any of the above strategies for rendering and generating the second user interface, which is not limited in the embodiment of the present application.
步骤240,以分屏模式分别显示第一用户界面和第二用户界面,第一用户界面和第二用户界面是互相独立的可交互界面。 Step 240 , displaying the first user interface and the second user interface respectively in a split-screen mode, where the first user interface and the second user interface are mutually independent and interactive interfaces.
在本申请实施例中,终端在生成第二用户界面后,将以分屏模式同时显示第一用户界面和第二用户界面。需要说明的是,分屏模式既可以是上下分屏模式,也可以是左右分屏模式。In this embodiment of the present application, after generating the second user interface, the terminal will simultaneously display the first user interface and the second user interface in a split-screen mode. It should be noted that the split-screen mode may be an up-down split-screen mode or a left-right split-screen mode.
在本申请中,第一用户界面是可交互界面,并且,第二用户界面也是可交互界面。在一种可能的实现场景中,第一用户界面能够被用户独立地操作,同时第二用户界面也能够被用户独立地操作。In this application, the first user interface is an interactive interface, and the second user interface is also an interactive interface. In a possible implementation scenario, the first user interface can be independently operated by the user, and the second user interface can also be independently operated by the user.
一方面,当第一用户界面接收到用户的指令,进而展示新的用户界面时,第二用户界面将维持原本的显示状态,而需要展示的新的用户界面将在原第一用户界面所在的区域展示。或者,当第一用户界面需要发生变化时,第二用户界面将维持原本的显示状态。On the one hand, when the first user interface receives an instruction from the user to display a new user interface, the second user interface will maintain the original display state, and the new user interface to be displayed will be in the area where the original first user interface is located. exhibit. Or, when the first user interface needs to be changed, the second user interface will maintain the original display state.
另一方面,当第二用户界面接收到用户的指令,进而展示新的用户界面时,第一用户界面可以维持原本的显示状态,而需要展示的新的用户界面将在原第二用户界面所在的区域展示。或者,当第二用户界面需要发生变化时,第一用户界面将维持原本的显示状态。On the other hand, when the second user interface receives the user's instruction to display a new user interface, the first user interface can maintain the original display state, and the new user interface to be displayed will be displayed in the original second user interface. Regional display. Alternatively, when the second user interface needs to be changed, the first user interface will maintain the original display state.
需要说明的是,第一用户界面和第二用户界面是登录相同帐号的同一个应用中的用户界面。例如,第一应用是登录有a帐号的社交应用A,第一用户界面是登录有a帐号的社交应用A中的一个用户界面,第二用户界面同样是登录有a帐号的社交应用A中的一个用户界面。第一用户界面和第二用户界面既可以是相同的用户界面,也可以是不同的用户界面。It should be noted that the first user interface and the second user interface are user interfaces in the same application logging in to the same account. For example, the first application is a social application A logged in with account a, the first user interface is a user interface in social application A logged in with account a, and the second user interface is also in social application A logged in with account a a user interface. The first user interface and the second user interface may be the same user interface or different user interfaces.
由此可见,本申请能够令登录指定帐号的第一应用通过分屏的方式并行显示多个用户界面,提高了登录指定帐号的单个应用同时显示多个用户界面的能力。It can be seen that the present application enables the first application that logs in to the designated account to display multiple user interfaces in parallel in a split-screen manner, which improves the ability of a single application that logs in to the designated account to simultaneously display multiple user interfaces.
请参见图8至图11,上述四个附图是基于图2所示实施例提供的第一用户界面和第二用户界面分屏显示的四种能够实现的示意图。Please refer to FIG. 8 to FIG. 11 , the above four drawings are schematic diagrams of four kinds of implementations of split-screen display of the first user interface and the second user interface provided by the embodiment shown in FIG. 2 .
在图8中,当第一用户界面310中的页面入口33被长按并拖动至上边缘6A时,终端将在上区域610中显示第二用户界面,并在下区域620中显示第一用户界面。In FIG. 8 , when the page entry 33 in the first user interface 310 is long-pressed and dragged to the upper edge 6A, the terminal will display the second user interface in the upper area 610 and the first user interface in the lower area 620 .
在图9中,当第一用户界面310中的页面入口33被长按并拖动至下边缘6B时,终端将在下区域620中显示第二用户界面,并在上区域610中显示第一用户界面。In FIG. 9 , when the page entry 33 in the first user interface 310 is long-pressed and dragged to the lower edge 6B, the terminal will display the second user interface in the lower area 620 and display the first user in the upper area 610 interface.
在图10中,当第一用户界面310中的页面入口33被长按并拖动至左边缘6C时,终端将在左区域630中显示第二用户界面,并在右区域640中显示第一用户界面。In FIG. 10 , when the page entry 33 in the first user interface 310 is long-pressed and dragged to the left edge 6C, the terminal will display the second user interface in the left area 630 and the first user interface in the right area 640 User Interface.
在图11中,当第一用户界面310中的页面入口33被长按并拖动至右边缘6D时,终端将在右区域640中显示第二用户界面,并在左区域630中显示第一用户界面。In FIG. 11 , when the page entry 33 in the first user interface 310 is long-pressed and dragged to the right edge 6D, the terminal will display the second user interface in the right area 640 and the first user interface in the left area 630 User Interface.
综上所述,本实施例提供的多内容并行显示的方法,在显示第一应用的第一用户界面后,能够响应于第一指令获取第一应用中的第二用户界面的页面信息,其中,该第一指令是第一用户界面中的页面入口满足第一触发条件时生成的指令,由于第一应用能够在其第一用户界面中的页面入口满足第一触发条件时生成第一指令,并且本实施例能根据页面信息渲染并生成第二用户界面,并以分屏模式分别显示第一用户界面和第二用户界面。其中,页面入口还能支持生成至少两种指令,因此,本申请实施例能够在不影响页面入口的正常功能的情况下,还能给应用增加单应用中并行显示多个页面的能力,以提高单应用中多个页面***作时的效率。To sum up, in the method for displaying multiple contents in parallel provided in this embodiment, after displaying the first user interface of the first application, the page information of the second user interface in the first application can be obtained in response to the first instruction, wherein , the first instruction is an instruction generated when the page entry in the first user interface satisfies the first trigger condition, since the first application can generate the first instruction when the page entry in its first user interface satisfies the first trigger condition, In addition, this embodiment can render and generate the second user interface according to the page information, and display the first user interface and the second user interface respectively in a split-screen mode. The page entry can also support the generation of at least two kinds of instructions. Therefore, the embodiment of the present application can add the ability to display multiple pages in parallel in a single application to the application without affecting the normal function of the page entry, so as to improve the Efficiency when multiple pages are manipulated in a single application.
基于上一个实施例所公开的方案,终端还能够提供多种页面入口的触发方式,请参考如下实施例。Based on the solution disclosed in the previous embodiment, the terminal can also provide various page entry triggering methods, please refer to the following embodiments.
请参见图12,图12是本申请另一个示例性实施例提供的一种多内容并行显示的方法流程图。该多内容并行显示的方法可以应用在上述图1所示的终端中。在图12中,该多内容并行显示的方法包括:Please refer to FIG. 12, which is a flowchart of a method for displaying multiple contents in parallel provided by another exemplary embodiment of the present application. The method for displaying multiple contents in parallel can be applied to the terminal shown in FIG. 1 above. In Figure 12, the method for displaying multiple contents in parallel includes:
步骤1001,全屏显示第一应用的第一用户界面。 Step 1001, displaying a first user interface of a first application in a full screen.
步骤1002,以浮窗形式显示第一应用的第一用户界面。 Step 1002, displaying the first user interface of the first application in the form of a floating window.
步骤1003,以分屏模式显示第一用户界面和第三用户界面。 Step 1003, displaying the first user interface and the third user interface in a split-screen mode.
步骤1011,响应于页面入口满足第一触发条件,在第一应用中生成第一指令。 Step 1011, in response to the page entry meeting the first trigger condition, generate a first instruction in the first application.
在本申请中,终端能够通过如下至少一个场景,触发页面入口。In this application, the terminal can trigger the page entry through at least one of the following scenarios.
场景一,响应于页面入口被按压的持续时长大于第一阈值,终端触发页面入口并在第一应用中生成第一指令。Scenario 1, in response to the page entry being pressed for a duration greater than the first threshold, the terminal triggers the page entry and generates the first instruction in the first application.
在该场景中,第一应用中原有的长按页面入口的功能和触发该页面入口的功能同时保留。其中,第一阈值可以是1秒、1.5秒或2秒等指定的时长。In this scenario, the original function of long-pressing the page entry and the function of triggering the page entry in the first application are retained at the same time. The first threshold may be a specified duration such as 1 second, 1.5 seconds, or 2 seconds.
场景二,响应于页面入口被按压的触摸面积大于第二阈值,终端触发页面入口并在第一应用中生成第一指令。Scenario 2, in response to the pressed touch area of the page entry being greater than the second threshold, the terminal triggers the page entry and generates the first instruction in the first application.
在该场景中,终端能够检测页面入口上的被按压的触摸面积。其中,第二阈值可以是0.5平方厘米、0.75平方厘米或0.8平方厘米等任意一种面积阈值。In this scenario, the terminal can detect the pressed touch area on the page entry. The second threshold may be any area threshold such as 0.5 square centimeters, 0.75 square centimeters, or 0.8 square centimeters.
场景三,响应于页面入口被按压的压力值大于第三阈值,终端触发页面入口并在第一应用中生成第一指令。Scenario 3, in response to the pressure value of the page entry being pressed greater than the third threshold, the terminal triggers the page entry and generates the first instruction in the first application.
在该场景中,终端具备检测用户按压页面入口处的压力的能力。示意性的,该检测压力的传感器可以设置在屏幕下方。一种可能的设置方式中,终端的屏幕下方均设置有压力传感器。In this scenario, the terminal has the ability to detect the pressure of the user pressing the page entrance. Illustratively, the sensor for detecting pressure may be arranged below the screen. In a possible setting method, a pressure sensor is provided below the screen of the terminal.
其中,第三阈值可以是5牛顿、8牛顿或10牛顿等任意一种压力阈值。本申请不对第三阈值具体的数值进行限定,上述数值为示意性说明。The third threshold may be any pressure threshold such as 5 Newtons, 8 Newtons, or 10 Newtons. The present application does not limit the specific numerical value of the third threshold, and the above numerical value is a schematic illustration.
场景四,响应于第一指令的响应优先级为页面入口满足第一触发条件时最高的优先级,且页面入口被点击,终端触发页面入口并在第一应用中生成第一指令。Scenario 4, the response priority in response to the first instruction is the highest priority when the page entry meets the first trigger condition, and the page entry is clicked, the terminal triggers the page entry and generates the first instruction in the first application.
在该场景中,页面入口被点击时将会优先触发第一指令。在另一种可能的方式中,第四场景还可以结合页面入口被按压的时长、按压面积或按压压力一同进行判断。In this scenario, the first command will be triggered preferentially when the page entry is clicked. In another possible manner, the fourth scenario may also be judged in combination with the duration of the page entry being pressed, the pressing area or the pressing pressure.
例如,响应于第一指令的响应优先级为页面入口满足第一触发条件时最高的优先级,且页面入口被按压的持续时长大于第一阈值,终端触发页面入口并在第一应用中生成第一指令。For example, in response to the response priority of the first instruction being the highest priority when the page entry satisfies the first trigger condition, and the duration of the page entry being pressed is greater than the first threshold, the terminal triggers the page entry and generates the first page entry in the first application. an instruction.
又例如,响应于第一指令的响应优先级为页面入口满足第一触发条件时最高的优先级,且页面入口被按压的触摸面积大于第二阈值,终端触发页面入口并在第一应用中生成第一指令。For another example, in response to the response priority of the first instruction being the highest priority when the page entry satisfies the first trigger condition, and the pressed touch area of the page entry is greater than the second threshold, the terminal triggers the page entry and generates the page entry in the first application. first order.
又例如,响应于第一指令的响应优先级为页面入口满足第一触发条件时最高的优先级,且页面入口被按压的压力值大于第三阈值,终端触发页面入口并在第一应用中生成第一指令。For another example, in response to the response priority of the first instruction being the highest priority when the page entry satisfies the first trigger condition, and the pressure value of the page entry being pressed is greater than the third threshold, the terminal triggers the page entry and generates the page entry in the first application. first order.
步骤1012,响应于第一指令,指示操作***从第一接口获取页面信息和页面入口的缩略图,第一接口是按照预设规范编写的***级数据接口。 Step 1012 , in response to the first instruction, instruct the operating system to obtain the page information and the thumbnail of the page entry from a first interface, where the first interface is a system-level data interface written according to a preset specification.
在本申请中,第一指令可以是长按指令。操作***中提供有***级的数据接口,第一应用中预先编写有第一接口。该第一接口能够提供第一应用中的页面信息和页面入口的缩略图。示意性的,当第一应用用于安卓***中,页面信息可以包含于意图(intent)数据流中,缩略图可以以图标(icon)的形式发送。In this application, the first instruction may be a long press instruction. A system-level data interface is provided in the operating system, and the first interface is pre-written in the first application. The first interface can provide page information and thumbnails of page entries in the first application. Illustratively, when the first application is used in the Android system, the page information may be included in the intent data stream, and the thumbnail image may be sent in the form of an icon.
步骤1013,在触发长按指令的触摸点处,以浮标的形式显示页面入口的缩略图。 Step 1013, at the touch point that triggers the long-press instruction, display the thumbnail of the page entry in the form of a buoy.
其中,该页面入口的缩略图能够悬浮在第一用户界面上,随着用户的手指移动。The thumbnail image of the page entry can be suspended on the first user interface and move with the user's finger.
步骤1021,响应于缩略图触碰显示屏的边缘,生成第二指令,缩略图触碰的显示屏的边缘是第一边缘。 Step 1021, in response to the thumbnail touching the edge of the display screen, generate a second instruction, and the edge of the display screen touched by the thumbnail is the first edge.
在本申请中,提供有以下几种第二指令的生成方式。In this application, the following methods for generating the second instruction are provided.
方式一:响应于缩略图触碰显示屏的实体边缘,终端生成第二指令,实体边缘是显示屏的物理边缘。Manner 1: In response to the thumbnail touching the physical edge of the display screen, the terminal generates a second instruction, where the physical edge is the physical edge of the display screen.
在本申请中,终端能够支持用户手指按压缩略图,并将缩略图一直拖动到显示屏的边缘。In the present application, the terminal can support the user's finger to press the thumbnail and drag the thumbnail to the edge of the display screen.
请参见图13,图13是基于图12所示实施例提供的一种触发第二指令的场景示意图。在图13中,用户拖动缩略图1110到显示屏的第一边缘1120处,使得缩略图1110与第一边缘1120触碰。在该场景中,当缩略图1110与第一边缘1120触碰时,第一应用生成第二指令。Referring to FIG. 13 , FIG. 13 is a schematic diagram of a scenario for triggering a second instruction provided by the embodiment shown in FIG. 12 . In FIG. 13 , the user drags the thumbnail 1110 to the first edge 1120 of the display screen, so that the thumbnail 1110 touches the first edge 1120 . In this scenario, when the thumbnail 1110 touches the first edge 1120, the first application generates the second instruction.
在本申请中,由于终端的屏幕尺寸可能较大,用户拖动距离较长时用户手指的磨损感和操作的不便性较高。因此,本申请还提供一种快速拖动缩略的方式。在该方式中,响应于拖动指令在显示屏上移动L的位移,终端指示缩略图移动kL的位移,k为大于1的实数,拖动指令用于拖动缩略图在显示屏中移动。In the present application, since the screen size of the terminal may be relatively large, the user's finger wear and operation inconvenience are relatively high when the user drags for a long distance. Therefore, the present application also provides a way to quickly drag the abbreviation. In this manner, the terminal instructs the thumbnail to move a displacement of kL on the display screen in response to the drag command, where k is a real number greater than 1, and the drag command is used to drag the thumbnail to move on the display screen.
请参见图14,图14是基于图12所示实施例提供的另一种触发第二指令的场景示意图。在图14中,当用户的手指在屏幕上长按缩略图1110后,从触点1130移动至触点1140时,缩略图1110将移动至位置1150处。其中,用户的手指在屏幕上移动的位移是L,也即触点1130指向触点1140的位移。缩略 图1110移动的位移是kL。由此可见,本申请可以在用户的手指移动较小的距离的前提下,使得缩略图移动较远的距离,从而降低了用户的操作难度,提高了操作效率。Referring to FIG. 14 , FIG. 14 is a schematic diagram of another scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12 . In FIG. 14 , when the user's finger moves from the touch point 1130 to the touch point 1140 after long pressing the thumbnail 1110 on the screen, the thumbnail 1110 will move to the position 1150 . The displacement of the user's finger on the screen is L, that is, the displacement of the contact point 1130 to the contact point 1140 . Thumbnail 1110 The displacement of the movement is kL. It can be seen that the present application can make the thumbnail move a long distance on the premise that the user's finger moves a small distance, thereby reducing the user's operation difficulty and improving the operation efficiency.
方式二:响应于缩略图进入待识别区域,终端生成第二指令,待识别区域包完全覆盖显示屏的一条实体边缘的区域。Mode 2: In response to the thumbnail image entering the to-be-identified area, the terminal generates a second instruction, and the to-be-identified area package completely covers an area of a physical edge of the display screen.
在本申请中,浮标能够被用户拖动至屏幕中的一条边缘附近。请参见图15,图15是基于图12所示实施例提供的一种待识别区域的示意图。在图15中,当浮标位于待识别区域中时,第一应用将会生成第二指令。在图15中,包括四个待识别区域,分别为第一待识别区域1310、第二待识别区域1320、第三待识别区域1330和第四待识别区域1340。需要说明的是,本申请中的浮标和缩略图用于指代同一对象,该对象是浮标形式的缩略图,缩略图用于指示页面入口。In this application, the buoy can be dragged by the user near an edge in the screen. Please refer to FIG. 15 . FIG. 15 is a schematic diagram of a to-be-identified area provided based on the embodiment shown in FIG. 12 . In Figure 15, when the buoy is located in the area to be identified, the first application will generate the second instruction. In FIG. 15 , four to-be-recognized areas are included, namely a first to-be-recognized area 1310 , a second to-be-recognized area 1320 , a third to-be-recognized area 1330 , and a fourth to-be-recognized area 1340 . It should be noted that the buoy and the thumbnail in this application are used to refer to the same object, the object is a thumbnail in the form of a buoy, and the thumbnail is used to indicate a page entry.
方式三:响应于缩略图触碰显示屏的虚拟边缘,生成第二指令,虚拟边缘是显示的物理边缘映射在显示屏中的虚拟线段。Manner 3: In response to the thumbnail touching a virtual edge of the display screen, a second instruction is generated, where the virtual edge is a virtual line segment mapped on the display screen by the displayed physical edge.
在本申请中,终端可以通过执行步骤(a1)和步骤(a2)来实现方式三所示的执行方式。In this application, the terminal may implement the execution manner shown in manner 3 by executing step (a1) and step (a2).
步骤(a1),响应于长按指令,围绕长按指令的触摸点显示n条边缘各自对应的虚拟边缘;触摸点到虚拟边缘的距离小于第二阈值。Step (a1), in response to the long-press instruction, display virtual edges corresponding to each of the n edges around the touch point of the long-press instruction; the distance from the touch point to the virtual edge is less than the second threshold.
步骤(a2),响应于缩略图触碰虚拟边缘,生成第二指令。Step (a2), in response to the thumbnail touching the virtual edge, generating a second instruction.
请参见图16,图16是基于图12所示实施例提供的另一种触发第二指令的场景示意图。在图16中,当触摸点1400被长按时,触摸点1400处将显示缩略图,并围绕该缩略图显示矩形显示屏的4条虚拟边缘,当用户拖动缩略图触碰到虚拟边缘时,第一应用将生成相应的第二指令。例如,当用户拖动缩略图触碰到4条虚拟边缘的上侧边缘时,第一应用生成的第二指令和缩略图触碰到显示屏的上侧物理边缘生成的第二指令相同。Referring to FIG. 16 , FIG. 16 is a schematic diagram of another scenario for triggering a second instruction provided based on the embodiment shown in FIG. 12 . In Figure 16, when the touch point 1400 is long-pressed, a thumbnail will be displayed at the touch point 1400, and four virtual edges of the rectangular display screen will be displayed around the thumbnail. When the user drags the thumbnail to touch the virtual edge, The first application will generate the corresponding second instruction. For example, when the user drags the thumbnail to touch the upper edge of the four virtual edges, the second instruction generated by the first application is the same as the second instruction generated by the thumbnail touching the upper physical edge of the display screen.
步骤1022,响应于第二指令,确定用于显示第一用户界面的第一区域,以及,用于显示第二用户界面的第二区域;其中,第二区域是完全覆盖第一边缘的显示区域。 Step 1022, in response to the second instruction, determine a first area for displaying the first user interface, and a second area for displaying the second user interface; wherein, the second area is a display area that completely covers the first edge .
其中,第一区域用于显示第一用户界面,并且第二区域用于显示第二用户界面。Wherein, the first area is used to display the first user interface, and the second area is used to display the second user interface.
在本申请中,第一边缘既可以是显示屏的边缘中的任意一条,也可以是显示屏的边缘中被指定的若干条。In this application, the first edge may be any one of the edges of the display screen, or may be several designated edges of the display screen.
在本申请的一种可能的实现方式中,若终端的显示屏是多边形,则该显示屏的边缘的条数至少为3。若终端的显示屏圆形或其他弧线围成的封闭图形,则围成该显示屏的弧线段也可被划分为多段。例如,椭圆形的显示屏的边缘可以以显示屏的中心为原点建立平面直角坐标系,将不同象限中的弧线度确认为不同的边缘。In a possible implementation manner of the present application, if the display screen of the terminal is a polygon, the number of bars on the edge of the display screen is at least three. If the display screen of the terminal is a closed figure surrounded by a circle or other arcs, the arc segment enclosing the display screen can also be divided into multiple segments. For example, the edge of an elliptical display screen can establish a plane rectangular coordinate system with the center of the display screen as the origin, and the arc degrees in different quadrants can be confirmed as different edges.
步骤1023,关闭页面入口所在的虚拟容器。 Step 1023, close the virtual container where the page entry is located.
在本申请中,终端能够关闭页面入口所在的虚拟容器。在一种可能的方式中,虚拟容器是操作***提供的一种虚拟控件,用于放置多个子对象。在本例中,页面入口作为虚拟容器的一个子对象被放置在其中。In this application, the terminal can close the virtual container where the page entry is located. In a possible manner, the virtual container is a virtual control provided by the operating system for placing multiple sub-objects. In this example, the page entry is placed in it as a child of the virtual container.
示意性的,虚拟容器可以是列表、菜单、栏目、悬浮窗或对话框等任意一种。Illustratively, the virtual container may be any one of a list, a menu, a column, a floating window or a dialog box.
请参见图17,图17是基于图12所示实施例提供的一种多内容并行显示的示意图。在图17中,在终端并行显示邮件应用中的两个页面前,第一用户界面中包括邮件联系人列表1510。当终端并行显示第一用户界面和第二用户界面之后,终端将关闭邮件联系人列表,直接并行显示两个同级的用户界面,从而提高了终端显示屏的利用效率,便于用户同时观察两个用户界面中的内容。Please refer to FIG. 17 . FIG. 17 is a schematic diagram of parallel display of multiple contents provided based on the embodiment shown in FIG. 12 . In FIG. 17 , before the terminal displays two pages in the mail application in parallel, the first user interface includes a mail contact list 1510 . After the terminal displays the first user interface and the second user interface in parallel, the terminal will close the mail contact list and directly display two user interfaces of the same level in parallel, thereby improving the utilization efficiency of the terminal display screen and making it easier for users to observe two user interfaces at the same time. content in the user interface.
步骤1024,以分屏模式,在第一区域中显示第一用户界面并在第二区域中显示第二用户界面。Step 1024: Display the first user interface in the first area and display the second user interface in the second area in the split-screen mode.
在本申请中,终端还能够根据设备的显示屏姿态来决定分屏的模式。在一种可能的方式中,响应于显示屏处于横屏状态,终端以上下分屏模式显示第一用户界面和第二用户界面。在另一种可能的方式中,响应于显示屏处于竖屏状态,终端以左右分屏模式显示第一用户界面和第二用户界面。In this application, the terminal can also determine the mode of split screen according to the posture of the display screen of the device. In a possible manner, in response to the display screen being in a horizontal screen state, the terminal displays the first user interface and the second user interface in an up-down screen split mode. In another possible manner, in response to the display screen being in a vertical screen state, the terminal displays the first user interface and the second user interface in a left-right split screen mode.
需要说明的是,当第二指令指定的分屏模式和上述根据显示屏姿态来确定分屏方式冲突时,终端将根据第二指令的指示确定分屏模式。It should be noted that when the split-screen mode specified by the second instruction conflicts with the above-mentioned determination of the split-screen mode according to the posture of the display screen, the terminal will determine the split-screen mode according to the instruction of the second instruction.
需要说明的是,在本申请的一种可能的实现方式中,第一用户界面的页面级别和第二用户界面的页面级别相同。例如,当第一用户界面显示的是邮件应用的收件箱中的一封邮件时,第二用户界面显示的页面级别也应和第一用户界面显示的页面级别相同,同样是邮箱应用的收件箱中的一封邮件。又例如,当第一用户界面显示的是社交应用的一个聊天对话界面时,第二用户界面显示的也可以是该社交应用的另一个聊天对话界面。It should be noted that, in a possible implementation manner of the present application, the page level of the first user interface is the same as the page level of the second user interface. For example, when the first user interface displays an email in the inbox of the mail application, the page level displayed on the second user interface should also be the same as the page level displayed on the first user interface. a message in the inbox. For another example, when the first user interface displays a chat dialogue interface of a social application, the second user interface may also display another chat dialogue interface of the social application.
示意性的,页面级别用于指示用户界面在第一应用的用户界面架构中的等级。例如,聊天对话界面在社交应用中是第三级页面,新闻资讯是第四级页面,好友博客是第三级页面,通讯录是第二级页面。于是在该场景中,聊天对话界面和好友博客的页面级别相同,通讯录的页面级别高于聊天对话界面的页 面级别。本申请能够同时显示页面级别相同的两个用户界面。Illustratively, the page level is used to indicate the level of the user interface in the user interface architecture of the first application. For example, a chat interface is a third-level page in a social application, news is a fourth-level page, a friend's blog is a third-level page, and an address book is a second-level page. Therefore, in this scenario, the page level of the chat dialogue interface is the same as that of the friend's blog, and the page level of the address book is higher than the page level of the chat dialogue interface. The present application can simultaneously display two user interfaces with the same page level.
可选地,第二用户界面可以和第一用户界面是相同的用户界面。在该场景中,第一应用需要在服务器中实现数据同步,以保证用户在第一用户界面或者第二用户界面中的操作都能作用于服务器中的同一个数据库。Optionally, the second user interface may be the same user interface as the first user interface. In this scenario, the first application needs to implement data synchronization in the server to ensure that the user's operations in the first user interface or the second user interface can act on the same database in the server.
步骤1031,以分屏模式,在第三区域中显示第一用户界面,在第四区域中显示第二用户界面,并在第五区域中显示第三用户界面。 Step 1031 , in the split screen mode, display the first user interface in the third area, display the second user interface in the fourth area, and display the third user interface in the fifth area.
在本申请中,若分屏显示第二用户界面之前,终端已经通过分屏的方式显示第一用户界面和第二用户界面,则用于显示第二用户界面的第四区域等于第三区域和第五区域的面积之和。In this application, if the terminal has already displayed the first user interface and the second user interface in a split-screen manner before the second user interface is displayed in a split screen, the fourth area used for displaying the second user interface is equal to the third area and the second user interface. The sum of the areas of the fifth region.
可选的,响应于第一用户界面和第三用户界面是以上下分屏模式显示,将第三区域和第五区域合并为第六区域;以左右分屏模式规划第六区域和第四区域。Optionally, in response to the first user interface and the third user interface being displayed in the upper and lower split screen mode, the third area and the fifth area are combined into the sixth area; the sixth area and the fourth area are planned in the left and right split screen mode. .
其中,预先显示的第一用户界面和第三用户界面将组合成为一个新的第六区域,该第六区域和用于显示第二用户界面的第四区域通过左右分屏的方式划分显示屏的显示面积。Wherein, the pre-displayed first user interface and the third user interface will be combined into a new sixth area, and the sixth area and the fourth area for displaying the second user interface are divided into the left and right screen by dividing the screen area. Display area.
请参考图18,图18是本申请提供的一种单应用内并行显示多内容的示意图。在图18中,第三区域1610中显示第一用户界面,第五区域1620中显示第三用户界面,第四区域1630中显示第二用户界面。其中,第三区域1610和第五区域1620组合成为第六区域1640。其中,当终端中以上下分屏方式显示第一用户界面和第三用户界面时,若此时需要再以分屏的方式显示第二用户界面,则第二用户界面所在的第四区域将与第六区域以左右分屏模式显示。Please refer to FIG. 18. FIG. 18 is a schematic diagram of displaying multiple contents in parallel in a single application provided by the present application. In FIG. 18 , the first user interface is displayed in the third area 1610 , the third user interface is displayed in the fifth area 1620 , and the second user interface is displayed in the fourth area 1630 . The third area 1610 and the fifth area 1620 are combined to form the sixth area 1640 . Wherein, when the terminal displays the first user interface and the third user interface in a split-screen manner, if the second user interface needs to be displayed in a split-screen manner at this time, the fourth area where the second user interface is located will be the same as that of the second user interface. The sixth area is displayed in left and right split screen mode.
综上所述,本实施例能够在第一用户界面处于全屏、分屏或者浮窗等任意一种情况下,在第一用户界面中的页面入口满足第一触发条件时,在屏幕中显示页面入口的浮标,随着用户手指的移动,终端能够在浮标触碰显示屏的物理边缘或者虚拟边缘时,以分屏状态显示第一用户界面和页面入口对应的第二用户界面,使得第一应用能够以分屏的形式并行显示多个内容,提高了第一应用进入单应用多内容显示的能力,增强了第一应用显示多个内容的效率。To sum up, this embodiment can display the page on the screen when the page entry in the first user interface satisfies the first trigger condition when the first user interface is in the full screen, split screen, or floating window, etc. The buoy at the entrance, with the movement of the user's finger, the terminal can display the first user interface and the second user interface corresponding to the page entrance in a split-screen state when the buoy touches the physical edge or virtual edge of the display screen, so that the first application Multiple contents can be displayed in parallel in the form of split screens, which improves the ability of the first application to display multiple contents in a single application, and enhances the efficiency with which the first application displays multiple contents.
本实施例提供的多内容并行显示的方法,还能够在用户拖动浮标的距离较多时,控制浮标移动较长的距离,减少了用户在大屏设备上拖动图标以实现单应用分屏显示的难度,提高了单应用分屏的易用性。The method for displaying multiple contents in parallel provided in this embodiment can also control the buoy to move a longer distance when the user drags the buoy for a long distance, which reduces the need for the user to drag icons on the large-screen device to realize the split-screen display of a single application , which improves the ease of use of single-app split-screen.
本实施例提供的多内容并行显示的方法,还能够令终端在每一条边缘均能够实现分屏显示的能力,扩展了单应用分屏的显示形态。The method for displaying multiple contents in parallel provided in this embodiment can also enable the terminal to realize split-screen display capability at each edge, and expand the display form of single-application split-screen.
基于上述实施例所示的方法,本申请实施例能够应用在浏览器应用、便签应用、邮箱应用和视频应用中的至少一种,详情可请参考如下实施例。Based on the methods shown in the foregoing embodiments, the embodiments of the present application can be applied to at least one of a browser application, a note application, a mailbox application, and a video application. For details, please refer to the following embodiments.
当第一应用是浏览器应用时,请参考图19,图19是本申请实施例提供的一种浏览器应用并行显示多个搜索页面的示意图。在图19中,浏览器应用先全屏显示第一搜索页面1710,当用户长按第一搜索结果1711时,浏览器应用将在用户长按点处显示第一搜索结果1711的缩略图1712。当用户将该缩略图1712拖动至显示器边缘、待识别区域或虚拟边缘上任意一种时,显示器中可以显示分屏预览用户界面。在分屏预览用户界面中,将要显示第一搜索结果1711对应的第二搜索页面的区域呈深色且包括当前缩略图1712悬停的区域。显示原本的第一搜索页面1710的区域背景呈浅色且在中心显示浏览器应用的图标。When the first application is a browser application, please refer to FIG. 19 . FIG. 19 is a schematic diagram of displaying multiple search pages in parallel by a browser application provided by an embodiment of the present application. In FIG. 19 , the browser application first displays the first search page 1710 in full screen, and when the user long presses the first search result 1711 , the browser application will display the thumbnail 1712 of the first search result 1711 at the user's long press point. When the user drags the thumbnail 1712 to any one of the edge of the display, the area to be recognized, or the virtual edge, a split-screen preview user interface may be displayed on the display. In the split-screen preview user interface, the area where the second search page corresponding to the first search result 1711 is to be displayed is dark and includes the area where the current thumbnail 1712 is hovered. The area where the original first search page 1710 is displayed has a light-colored background and an icon of a browser application is displayed in the center.
在此基础上,当用户松手释放缩略图1712时,终端将在同时显示第一搜索页面1710和第二搜索页面1720。其中,第二搜索页面1720是第一搜索结果1711对应的页面。On this basis, when the user releases the thumbnail 1712, the terminal will display the first search page 1710 and the second search page 1720 at the same time. The second search page 1720 is a page corresponding to the first search result 1711 .
当第一应用是便签应用时,请参见图20,图20是本申请实施例提供的一种便签应用并行显示多个便签的示意图。在图20中,便签应用先显示第一便签页面1810,其中,第一便签页面1810和便签列表1811一同显示。当用户长按便签列表中的第二标签页面的页面入口1812时,终端在用户长按处显示缩略图1813。当用户将该缩略图1813拖动至显示器边缘、待识别区域或虚拟边缘上任意一种时,显示器中可以显示分屏预览用户界面。在分屏预览用户界面中,将要显示的第二便签页面1820呈深色,且第一便签页面1810所在的区域背景呈浅色且在中心显示便签图标。When the first application is a note application, please refer to FIG. 20 . FIG. 20 is a schematic diagram of displaying multiple notes in parallel in a note application provided by an embodiment of the present application. In FIG. 20 , the note application first displays the first note page 1810 , wherein the first note page 1810 and the note list 1811 are displayed together. When the user long presses the page entry 1812 of the second tab page in the note list, the terminal displays a thumbnail 1813 where the user long presses. When the user drags the thumbnail 1813 to any one of the edge of the display, the area to be recognized or the virtual edge, a split-screen preview user interface may be displayed on the display. In the split-screen preview user interface, the second memo page 1820 to be displayed is dark, and the area where the first memo page 1810 is located has a light background and a memo icon is displayed in the center.
在此基础上,当用户松手释放缩略图1813时,终端将在同时显示第一便签页面1810和第二便签页面1820。On this basis, when the user releases the thumbnail 1813, the terminal will display the first note page 1810 and the second note page 1820 at the same time.
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。The following are apparatus embodiments of the present application, which can be used to execute the method embodiments of the present application. For details not disclosed in the device embodiments of the present application, please refer to the method embodiments of the present application.
请参考图21,图21是本申请一个示例性实施例提供的一种多内容并行显示的装置的结构框图。该多内容并行显示的装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括:Please refer to FIG. 21 , which is a structural block diagram of an apparatus for displaying multiple contents in parallel provided by an exemplary embodiment of the present application. The apparatus for displaying multiple contents in parallel can be implemented as all or a part of the terminal through software, hardware or a combination of the two. The device includes:
第一显示模块1910,用于显示第一应用的第一用户界面;a first display module 1910, configured to display the first user interface of the first application;
信息获取模块1920,用于响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,所述第一指令在所述第一用户界面中的页面入口满足第一触发条件时生成;The information acquisition module 1920 is configured to acquire the page information of the second user interface in the first application in response to the first instruction, where the page entry of the first instruction in the first user interface satisfies the first trigger condition generated when
界面生成模块1930,用于根据所述页面信息,渲染并生成所述第二用户界面;an interface generation module 1930, configured to render and generate the second user interface according to the page information;
第二显示模块1940,用于以分屏模式分别显示所述第一用户界面和所述第二用户界面,所述第一用户界面和所述第二用户界面是互相独立的可交互界面。The second display module 1940 is configured to display the first user interface and the second user interface respectively in a split-screen mode, where the first user interface and the second user interface are mutually independent interactive interfaces.
在一个可选的实施例中,所述页面入口用于根据触发条件生成相应的指令,且所述页面入口支持生成至少两种指令,所述装置还包括监控模块、第一指令生成模块、第三显示模块和第四显示模块。所述监控模块,用于监控作用于所述页面入口的触发信息;所述第一指令生成模块,用于响应于所述触发信息满足所述第一触发条件,生成所述第一指令;所述第三显示模块,用于响应于所述触发信息满足第二触发条件,以浮窗的形式显示控件列表,所述控件列表中包括至少一个控件,所述控件触发后用于执行与所述页面入口关联的操作;所述第四显示模块,用于响应于所述触发信息满足第三触发条件,全屏显示所述第二用户界面。In an optional embodiment, the page entry is used to generate corresponding instructions according to a trigger condition, and the page entry supports the generation of at least two types of instructions, and the apparatus further includes a monitoring module, a first instruction generation module, a first instruction generation module, and a second instruction generation module. Three display modules and a fourth display module. the monitoring module is configured to monitor trigger information acting on the page entry; the first instruction generation module is configured to generate the first instruction in response to the trigger information satisfying the first trigger condition; The third display module is configured to display a control list in the form of a floating window in response to the trigger information meeting the second trigger condition, the control list includes at least one control, and after the control is triggered, it is used to execute and the control an operation associated with a page entry; the fourth display module is configured to display the second user interface in full screen in response to the trigger information satisfying a third trigger condition.
在一个可选的实施例中,所述信息获取模块1920,用于响应于所述页面入口满足第一触发条件,在所述第一应用中生成所述第一指令;响应于所述第一指令,指示操作***从第一接口获取所述页面信息,所述第一接口是按照预设规范编写的***级数据接口。In an optional embodiment, the information acquisition module 1920 is configured to generate the first instruction in the first application in response to the page entry meeting a first trigger condition; in response to the first trigger condition The instruction instructs the operating system to obtain the page information from a first interface, where the first interface is a system-level data interface written according to a preset specification.
在一个可选的实施例中,所述信息获取模块1920,用于响应于所述页面入口被按压的持续时长大于第一阈值,触发所述页面入口并在所述第一应用中生成所述第一指令。或,所述信息获取模块1920,用于响应于所述页面入口被按压的触摸面积大于第二阈值,触发所述页面入口并在所述第一应用中生成所述第一指令。或,所述信息获取模块1920,用于响应于所述页面入口被按压的压力值大于第三阈值,触发所述页面入口并在所述第一应用中生成所述第一指令。或,所述信息获取模块1920,用于响应于所述第一指令的响应优先级为所述页面入口满足第一触发条件时最高的优先级,且所述页面入口被点击,触发所述页面入口并在所述第一应用中生成所述第一指令。In an optional embodiment, the information acquisition module 1920 is configured to trigger the page entry and generate the page entry in the first application in response to the page entry being pressed for a duration greater than a first threshold first order. Or, the information acquisition module 1920 is configured to trigger the page entry and generate the first instruction in the first application in response to the pressed touch area of the page entry being greater than a second threshold. Or, the information acquisition module 1920 is configured to trigger the page entry and generate the first instruction in the first application in response to the pressure value of the page entry being pressed is greater than a third threshold. Or, the information acquisition module 1920 is configured to respond that the response priority of the first instruction is the highest priority when the page entry meets the first trigger condition, and the page entry is clicked, triggering the page entry and generate the first instruction in the first application.
在一个可选的实施例中,所述信息获取模块1920,用于响应于所述长按指令,获取所述第二用户界面的页面信息和所述页面入口的缩略图;在触发所述长按指令的触摸点处,以浮标的形式显示所述页面入口的缩略图。其中,第一指令是长按指令。In an optional embodiment, the information acquisition module 1920 is configured to acquire the page information of the second user interface and the thumbnail of the page entry in response to the long-press instruction; after triggering the long-press instruction At the touch point of the instruction, the thumbnail of the page entry is displayed in the form of a buoy. The first instruction is a long press instruction.
在一个可选的实施例中,所述装置还包括第二指令生成模块和区域确定模块,所述第二指令生成模块,用于响应于所述缩略图触碰所述显示屏的边缘,生成第二指令,所述缩略图触碰的显示屏的边缘是第一边缘,显示屏包括n条边缘,n为大于3的正整数;所述区域确定模块,用于响应于第二指令,确定用于显示所述第一用户界面的第一区域,以及,用于显示所述第二用户界面的第二区域;其中,所述第二区域是完全覆盖所述第一边缘的显示区域,所述第一区域用于显示所述第一用户界面,并且所述第二区域用于显示所述第二用户界面。In an optional embodiment, the apparatus further includes a second instruction generation module and a region determination module, where the second instruction generation module is configured to generate an image generated in response to the thumbnail touching the edge of the display screen. In the second instruction, the edge of the display screen touched by the thumbnail is the first edge, and the display screen includes n edges, where n is a positive integer greater than 3; the area determination module is configured to, in response to the second instruction, determine A first area for displaying the first user interface, and a second area for displaying the second user interface; wherein, the second area is a display area that completely covers the first edge, so The first area is used to display the first user interface, and the second area is used to display the second user interface.
在一个可选的实施例中,所述装置涉及的第一边缘是n条所述边缘中的任意一条。In an optional embodiment, the first edge involved in the device is any one of the n edges.
在一个可选的实施例中,所述第二指令生成模块,用于响应于所述缩略图触碰所述显示屏的实体边缘,生成所述第二指令,所述实体边缘是所述显示屏的物理边缘;或,所述第二指令生成模块,用于响应于所述缩略图进入待识别区域,生成所述第二指令,所述待识别区域包完全覆盖所述显示屏的一条实体边缘的区域;或,所述第二指令生成模块,用于响应于所述缩略图触碰所述显示屏的虚拟边缘,生成所述第二指令,所述虚拟边缘是所述显示的物理边缘映射在显示屏中的虚拟线段。In an optional embodiment, the second instruction generation module is configured to generate the second instruction in response to the thumbnail touching a physical edge of the display screen, and the physical edge is the display screen. The physical edge of the screen; or, the second instruction generation module is configured to generate the second instruction in response to the thumbnail entering the to-be-recognized area, and the to-be-recognized area package completely covers an entity of the display screen or, the second instruction generation module, configured to generate the second instruction in response to the thumbnail touching a virtual edge of the display screen, where the virtual edge is the physical edge of the display Virtual line segments mapped in the display.
在一个可选的实施例中,所述第二指令生成模块,用于响应于拖动指令在所述显示屏上移动L的位移,指示所述缩略图移动kL的位移,k为大于1的实数,所述拖动指令用于拖动所述缩略图在所述显示屏中移动;响应于所述缩略图移动kL的位移后触碰到所述显示屏的实体边缘,生成所述第二指令。In an optional embodiment, the second instruction generation module is configured to move a displacement of L on the display screen in response to a drag instruction, and instruct the thumbnail to move a displacement of kL, where k is greater than 1 A real number, the drag instruction is used to drag the thumbnail to move in the display screen; the second instruction is generated in response to the thumbnail touching the physical edge of the display screen after moving by kL displacement .
在一个可选的实施例中,所述第二指令生成模块,用于响应于所述长按指令,围绕所述长按指令的触摸点显示n条所述边缘各自对应的所述虚拟边缘;所述触摸点到所述虚拟边缘的距离小于第二阈值;响应于所述缩略图触碰所述虚拟边缘,生成所述第二指令。In an optional embodiment, the second instruction generation module is configured to, in response to the long-press instruction, display the virtual edges corresponding to each of the n edges around the touch point of the long-press instruction; The distance from the touch point to the virtual edge is less than a second threshold; the second instruction is generated in response to the thumbnail touching the virtual edge.
在一个可选的实施例中,所述第二显示模块1940,用于响应于所述显示屏处于横屏状态,以上下分屏模式显示所述第一用户界面和所述第二用户界面;响应于所述显示屏处于竖屏状态,以左右分屏模式显示所述第一用户界面和所述第二用户界面。In an optional embodiment, the second display module 1940 is configured to display the first user interface and the second user interface in a top-bottom split screen mode in response to the display screen being in a landscape state; In response to the display screen being in a vertical screen state, the first user interface and the second user interface are displayed in a left-right split screen mode.
在一个可选的实施例中,所述装置涉及的所述第二用户界面的页面级别和所述第一用户界面的页面级别相同。In an optional embodiment, the page level of the second user interface involved in the apparatus is the same as the page level of the first user interface.
在一个可选的实施例中,所述第二显示模块1940,用于关闭所述页面入口所在的虚拟容器;以所述分屏模式分别显示所述第一用户界面和所述第二用户界面。In an optional embodiment, the second display module 1940 is configured to close the virtual container where the page entry is located; respectively display the first user interface and the second user interface in the split-screen mode .
在一个可选的实施例中,所述第一显示模块1910,用于全屏显示所述第一应用的所述第一用户界面;或,所述第一显示模块1910,用于以浮窗形式显示所述第一应用的所述第一用户界面;或,所述 第一显示模块1910,用于所述分屏模式显示所述第一用户界面和第三用户界面;第二显示模块1940,用于以所述分屏模式,在第三区域中显示所述第一用户界面,在第四区域中显示所述第二用户界面,并在第五区域中显示所述第三用户界面。In an optional embodiment, the first display module 1910 is configured to display the first user interface of the first application in full screen; or, the first display module 1910 is configured to display the first user interface in the form of a floating window displaying the first user interface of the first application; or, the first display module 1910, used for displaying the first user interface and the third user interface in the split-screen mode; the second display module 1940, In the split screen mode, the first user interface is displayed in the third area, the second user interface is displayed in the fourth area, and the third user interface is displayed in the fifth area.
在一个可选的实施例中,所述装置涉及的第四区域的显示面积等于所述第三区域和所述第五区域的面积之和。In an optional embodiment, the display area of the fourth area involved in the device is equal to the sum of the areas of the third area and the fifth area.
在一个可选的实施例中,所述第二显示模块1940,用于响应于所述第一用户界面和所述第三用户界面是以上下分屏模式显示,将所述第三区域和所述第五区域合并为第六区域;以左右分屏模式规划所述第六区域和所述第四区域。In an optional embodiment, the second display module 1940 is configured to, in response to the first user interface and the third user interface being displayed in a top-bottom split screen mode, display the third area and all the The fifth area is merged into a sixth area; the sixth area and the fourth area are planned in a left-right split screen mode.
综上所述,本申请公开的一种多内容并行显示的装置,能够在第一用户界面处于全屏、分屏或者浮窗等任意一种情况下,在第一用户界面中的页面入口满足第一触发条件时,在屏幕中显示页面入口的浮标,随着用户手指的移动,终端能够在浮标触碰显示屏的物理边缘或者虚拟边缘时,以分屏状态显示第一用户界面和页面入口对应的第二用户界面,使得第一应用能够以分屏的形式并行显示多个内容,提高了第一应用进入单应用多内容显示的能力,增强了第一应用显示多个内容的效率。To sum up, the device for displaying multiple contents in parallel disclosed in the present application can make the page entry in the first user interface satisfy the requirements of the first user interface when the first user interface is in any one of full screen, split screen or floating window. When a trigger condition occurs, the buoy of the page entry is displayed on the screen. With the movement of the user's finger, the terminal can display the first user interface corresponding to the page entry in a split-screen state when the buoy touches the physical or virtual edge of the display screen. The second user interface enables the first application to display multiple contents in parallel in the form of a split screen, which improves the first application's ability to display multiple contents in a single application and enhances the efficiency of the first application displaying multiple contents.
本实施例提供的多内容并行显示的方法,还能够在用户拖动浮标的距离较多时,控制浮标移动较长的距离,减少了用户在大屏设备上拖动图标以实现单应用分屏显示的难度,提高了单应用分屏的易用性。The method for displaying multiple contents in parallel provided in this embodiment can also control the buoy to move a longer distance when the user drags the buoy for a long distance, which reduces the need for the user to drag icons on the large-screen device to realize the split-screen display of a single application , which improves the ease of use of single-app split-screen.
本实施例提供的多内容并行显示的方法,还能够令终端在每一条边缘均能够实现分屏显示的能力,扩展了单应用分屏的显示形态。The method for displaying multiple contents in parallel provided in this embodiment can also enable the terminal to realize split-screen display capability at each edge, and expand the display form of single-application split-screen.
本申请实施例还提供了一种计算机可读介质,该计算机可读介质存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的多内容并行显示的方法。Embodiments of the present application further provide a computer-readable medium, where the computer-readable medium stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the multi-content parallelism described in the above embodiments displayed method.
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。终端的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该终端执行上述方面的各种可选实现方式中提供的多内容并行显示的方法。According to one aspect of the present application, there is provided a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the terminal reads the computer instruction from the computer-readable storage medium, and the processor executes the computer instruction, so that the terminal executes the method for displaying multiple contents in parallel provided in various optional implementation manners of the foregoing aspects.
需要说明的是:上述实施例提供的多内容并行显示的装置在执行多内容并行显示的方法时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的多内容并行显示的装置与多内容并行显示的方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。It should be noted that: when the apparatus for displaying multiple contents in parallel provided by the above embodiments executes the method for displaying multiple contents in parallel, only the division of the above functional modules is used as an example for illustration. In practical applications, the above functions may be allocated as required. It is completed by different functional modules, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the apparatus for displaying multiple contents in parallel provided by the above embodiments and the method embodiments for displaying multiple contents in parallel belong to the same concept, and the specific implementation process is detailed in the method embodiments, which will not be repeated here.
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。The above-mentioned serial numbers of the embodiments of the present application are only for description, and do not represent the advantages or disadvantages of the embodiments.
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。Those of ordinary skill in the art can understand that all or part of the steps of implementing the above embodiments can be completed by hardware, or can be completed by instructing relevant hardware through a program, and the program can be stored in a computer-readable storage medium. The storage medium mentioned may be a read-only memory, a magnetic disk or an optical disk, etc.
需要说明的是,本申请所涉及的信息(包括但不限于用户设备信息、用户个人信息等)、数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)以及信号,均为经用户授权或者经过各方充分授权的,且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。例如,本申请中涉及到的页面信息都是在充分授权的情况下获取的。It should be noted that the information (including but not limited to user equipment information, user personal information, etc.), data (including but not limited to data for analysis, stored data, displayed data, etc.) and signals involved in this application, All are authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data need to comply with the relevant laws, regulations and standards of relevant countries and regions. For example, the page information involved in this application is obtained with full authorization.
以上所述仅为本申请的能够实现的示例性的实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。The above descriptions are only exemplary embodiments that can be implemented in the present application, and are not intended to limit the present application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the present application shall be included in the within the scope of protection of this application.
Claims (20)
- 一种多内容并行显示的方法,所述方法由终端执行,所述方法包括:A method for displaying multiple contents in parallel, the method being executed by a terminal, the method comprising:显示第一应用的第一用户界面;displaying a first user interface of the first application;响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,所述第一指令在所述第一用户界面中的页面入口满足第一触发条件时生成;obtaining page information of a second user interface in the first application in response to a first instruction, where the first instruction is generated when a page entry in the first user interface satisfies a first trigger condition;根据所述页面信息,渲染并生成所述第二用户界面;rendering and generating the second user interface according to the page information;以分屏模式分别显示所述第一用户界面和所述第二用户界面,所述第一用户界面和所述第二用户界面是互相独立的可交互界面。The first user interface and the second user interface are respectively displayed in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
- 根据权利要求1所述的方法,所述页面入口用于根据触发条件生成相应的指令,且所述页面入口支持生成至少两种指令,所述方法还包括:The method according to claim 1, wherein the page entry is used to generate corresponding instructions according to a trigger condition, and the page entry supports the generation of at least two kinds of instructions, and the method further comprises:监控作用于所述页面入口的触发信息;monitoring the trigger information acting on the page entry;响应于所述触发信息满足所述第一触发条件,生成所述第一指令;generating the first instruction in response to the trigger information satisfying the first trigger condition;响应于所述触发信息满足第二触发条件,以浮窗的形式显示控件列表,所述控件列表中包括至少一个控件,所述控件触发后用于执行与所述页面入口关联的操作;In response to the trigger information meeting the second trigger condition, a list of controls is displayed in the form of a floating window, the list of controls includes at least one control, and the control is triggered to perform an operation associated with the page entry;响应于所述触发信息满足第三触发条件,全屏显示所述第二用户界面。In response to the trigger information satisfying the third trigger condition, the second user interface is displayed in full screen.
- 根据权利要求1所述的方法,所述响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,包括:The method according to claim 1, wherein the acquiring page information of the second user interface in the first application in response to the first instruction comprises:响应于所述页面入口满足所述第一触发条件,在所述第一应用中生成所述第一指令;generating the first instruction in the first application in response to the page entry meeting the first trigger condition;响应于所述第一指令,指示操作***从第一接口获取所述页面信息,所述第一接口是按照预设规范编写的***级数据接口。In response to the first instruction, the operating system is instructed to obtain the page information from a first interface, where the first interface is a system-level data interface written according to a preset specification.
- 根据权利要求3所述的方法,所述响应于所述页面入口满足所述第一触发条件,在所述第一应用中生成所述第一指令,包括:The method of claim 3, wherein the generating the first instruction in the first application in response to the page entry meeting the first trigger condition, comprising:响应于所述页面入口被按压的持续时长大于第一阈值,触发所述页面入口并在所述第一应用中生成所述第一指令;triggering the page entry and generating the first instruction in the first application in response to the page entry being pressed for a duration greater than a first threshold;或,or,响应于所述页面入口被按压的触摸面积大于第二阈值,触发所述页面入口并在所述第一应用中生成所述第一指令;triggering the page entry and generating the first instruction in the first application in response to the pressed touch area of the page entry being greater than a second threshold;或,or,响应于所述页面入口被按压的压力值大于第三阈值,触发所述页面入口并在所述第一应用中生成所述第一指令;triggering the page entry and generating the first instruction in the first application in response to the page entry being pressed with a pressure value greater than a third threshold;或,or,响应于所述第一指令的响应优先级为所述页面入口满足第一触发条件时最高的优先级,且所述页面入口被点击,触发所述页面入口并在所述第一应用中生成所述第一指令。The response priority in response to the first instruction is the highest priority when the page entry satisfies the first trigger condition, and the page entry is clicked, triggering the page entry and generating the first application in the first application. the first command.
- 根据权利要求3所述的方法,所述第一指令是长按指令,所述响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,包括:The method according to claim 3, wherein the first instruction is a long-press instruction, and the acquiring page information of the second user interface in the first application in response to the first instruction comprises:响应于所述长按指令,获取所述第二用户界面的页面信息和所述页面入口的缩略图;In response to the long-pressing instruction, acquiring page information of the second user interface and a thumbnail image of the page entry;在触发所述长按指令的触摸点处,以浮标的形式显示所述页面入口的缩略图。At the touch point that triggers the long-press instruction, the thumbnail of the page entry is displayed in the form of a float.
- 根据权利要求5所述的方法,显示屏包括n条边缘,n为大于3的正整数,所述方法还包括:The method according to claim 5, wherein the display screen comprises n edges, and n is a positive integer greater than 3, and the method further comprises:响应于所述缩略图触碰所述显示屏的边缘,生成第二指令,所述缩略图触碰的显示屏的边缘是第一边缘;generating a second instruction in response to the thumbnail touching an edge of the display screen, the edge of the display screen touched by the thumbnail being the first edge;响应于第二指令,确定用于显示所述第一用户界面的第一区域,以及,用于显示所述第二用户界面的第二区域;其中,所述第二区域是完全覆盖所述第一边缘的显示区域,所述第一区域用于显示所述第一用户界面,并且所述第二区域用于显示所述第二用户界面。In response to the second instruction, a first area for displaying the first user interface is determined, and a second area for displaying the second user interface; wherein the second area completely covers the first user interface An edge display area, the first area is used for displaying the first user interface, and the second area is used for displaying the second user interface.
- 根据权利要求6所述的方法,所述第一边缘是n条所述边缘中的任意一条。7. The method of claim 6, wherein the first edge is any one of n of the edges.
- 根据权利要求6所述的方法,所述响应于所述缩略图触碰所述显示屏的边缘,生成第二指令,包括:The method of claim 6, the generating a second instruction in response to the thumbnail touching an edge of the display screen, comprising:响应于所述缩略图触碰所述显示屏的实体边缘,生成所述第二指令,所述实体边缘是所述显示屏的物理边缘;generating the second instruction in response to the thumbnail touching a physical edge of the display screen, the physical edge being a physical edge of the display screen;或,or,响应于所述缩略图进入待识别区域,生成所述第二指令,所述待识别区域包完全覆盖所述显示屏的一条实体边缘的区域;In response to the thumbnail entering the to-be-recognized area, the second instruction is generated, and the to-be-recognized area package completely covers an area of a physical edge of the display screen;或,or,响应于所述缩略图触碰所述显示屏的虚拟边缘,生成所述第二指令,所述虚拟边缘是所述显示的物理边缘映射在显示屏中的虚拟线段。The second instruction is generated in response to the thumbnail touching a virtual edge of the display screen, the virtual edge being a virtual line segment where the physical edge of the display is mapped in the display screen.
- 根据权利要求8所述的方法,所述响应于所述缩略图触碰所述显示屏的实体边缘,生成所述第二指令,包括:The method of claim 8, the generating the second instruction in response to the thumbnail touching a physical edge of the display screen, comprising:响应于拖动指令在所述显示屏上移动L的位移,指示所述缩略图移动kL的位移,k为大于1的实数,所述拖动指令用于拖动所述缩略图在所述显示屏中移动;In response to the drag instruction moving the displacement L on the display screen, the thumbnail is instructed to move the displacement kL, where k is a real number greater than 1, and the drag instruction is used to drag the thumbnail image on the display move on the screen;响应于所述缩略图移动kL的位移后触碰到所述显示屏的实体边缘,生成所述第二指令。The second instruction is generated in response to the thumbnail touching a physical edge of the display screen after moving by a displacement of kL.
- 根据权利要求9所述的方法,所述响应于所述缩略图触碰所述显示屏的虚拟边缘,生成所述第二指令,包括:The method of claim 9, the generating the second instruction in response to the thumbnail touching a virtual edge of the display screen, comprising:响应于所述长按指令,围绕所述长按指令的触摸点显示n条所述边缘各自对应的所述虚拟边缘;所述触摸点到所述虚拟边缘的距离小于第二阈值;In response to the long press instruction, the virtual edges corresponding to each of the n edges are displayed around the touch point of the long press instruction; the distance from the touch point to the virtual edge is less than a second threshold;响应于所述缩略图触碰所述虚拟边缘,生成所述第二指令。The second instruction is generated in response to the thumbnail touching the virtual edge.
- 根据权利要求1至10任一所述的方法,所述以分屏模式分别显示所述第一用户界面和所述第二用户界面,包括:The method according to any one of claims 1 to 10, wherein the displaying the first user interface and the second user interface in a split-screen mode, respectively, comprises:响应于所述显示屏处于横屏状态,以上下分屏模式显示所述第一用户界面和所述第二用户界面;In response to the display screen being in a landscape state, displaying the first user interface and the second user interface in a top-bottom split screen mode;响应于所述显示屏处于竖屏状态,以左右分屏模式显示所述第一用户界面和所述第二用户界面。In response to the display screen being in a vertical screen state, the first user interface and the second user interface are displayed in a left-right split screen mode.
- 根据权利要求1至10任一所述的方法,所述第二用户界面的页面级别和所述第一用户界面的页面级别相同,所述页面级别用于指示用户界面在所述第一应用的用户界面架构中的等级。The method according to any one of claims 1 to 10, wherein the page level of the second user interface is the same as the page level of the first user interface, and the page level is used to indicate that the user interface is in the first application. Hierarchy in user interface architecture.
- 根据权利要求12所述的方法,所述以分屏模式分别显示所述第一用户界面和所述第二用户界面,包括:The method according to claim 12, the displaying the first user interface and the second user interface respectively in a split-screen mode, comprising:关闭所述页面入口所在的虚拟容器;closing the virtual container where the page entry is located;以所述分屏模式分别显示所述第一用户界面和所述第二用户界面。The first user interface and the second user interface are respectively displayed in the split screen mode.
- 根据权利要求1至10任一所述的方法,所述显示第一应用的第一用户界面,包括:The method according to any one of claims 1 to 10, wherein the displaying the first user interface of the first application comprises:全屏显示所述第一应用的所述第一用户界面;displaying the first user interface of the first application in full screen;或,or,以浮窗形式显示所述第一应用的所述第一用户界面;displaying the first user interface of the first application in the form of a floating window;或,or,以所述分屏模式显示所述第一用户界面和第三用户界面;displaying the first user interface and the third user interface in the split-screen mode;所述以分屏模式分别显示所述第一用户界面和所述第二用户界面,包括:The displaying the first user interface and the second user interface in a split-screen mode, respectively, includes:以所述分屏模式,在第三区域中显示所述第一用户界面,在第四区域中显示所述第二用户界面,并在第五区域中显示所述第三用户界面。In the split screen mode, the first user interface is displayed in a third area, the second user interface is displayed in a fourth area, and the third user interface is displayed in a fifth area.
- 根据权利要求14所述的方法,所述第四区域的显示面积等于所述第三区域和所述第五区域的面积之和。The method of claim 14, wherein the display area of the fourth area is equal to the sum of the areas of the third area and the fifth area.
- 根据权利要求15所述的方法,所述以所述分屏模式,在第三区域中显示所述第一用户界面,在第四区域中显示所述第二用户界面,并在第五区域中显示所述第三用户界面,包括:16. The method of claim 15, wherein in the split screen mode, displaying the first user interface in a third area, displaying the second user interface in a fourth area, and displaying the second user interface in a fifth area Displaying the third user interface includes:响应于所述第一用户界面和所述第三用户界面是以上下分屏模式显示,将所述第三区域和所述第五 区域合并为第六区域;In response to the first user interface and the third user interface being displayed in a top-bottom split screen mode, combining the third area and the fifth area into a sixth area;以左右分屏模式规划所述第六区域和所述第四区域。The sixth area and the fourth area are planned in a left-right split screen mode.
- 一种多内容并行显示的装置,所述装置用于终端中,所述装置包括:An apparatus for displaying multiple contents in parallel, the apparatus is used in a terminal, and the apparatus includes:第一显示模块,用于显示第一应用的第一用户界面;a first display module, configured to display the first user interface of the first application;信息获取模块,用于响应于第一指令,获取所述第一应用中的第二用户界面的页面信息,所述第一指令在所述第一用户界面中的页面入口满足第一触发条件时生成;an information acquisition module, configured to acquire page information of the second user interface in the first application in response to a first instruction, the first instruction is when the page entry in the first user interface satisfies a first trigger condition generate;界面生成模块,用于根据所述页面信息,渲染并生成所述第二用户界面;an interface generation module, configured to render and generate the second user interface according to the page information;第二显示模块,用于以分屏模式分别显示所述第一用户界面和所述第二用户界面,所述第一用户界面和所述第二用户界面是互相独立的可交互界面。The second display module is configured to display the first user interface and the second user interface respectively in a split-screen mode, and the first user interface and the second user interface are mutually independent interactive interfaces.
- 一种终端,所述终端包括处理器、和与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器执行所述程序指令时实现如权利要求1至16任一所述的多内容并行显示的方法。A terminal, the terminal includes a processor, a memory connected to the processor, and program instructions stored on the memory, and the processor implements any of claims 1 to 16 when the processor executes the program instructions. 1. The method for displaying multiple contents in parallel.
- 一种计算机可读存储介质,所述存储介质中存储有程序指令,所述程序指令被处理器执行时实现如权利要求1至16任一所述的多内容并行显示的方法。A computer-readable storage medium, storing program instructions in the storage medium, when the program instructions are executed by a processor, the method for displaying multiple contents in parallel according to any one of claims 1 to 16 is implemented.
- 一种计算机程序产品,所述计算机程序产品包括计算机指令,所述计算机指令由终端的处理器执行,使得所述终端执行如权利要求1至16任一所述的多内容并行显示的方法。A computer program product, the computer program product comprising computer instructions, the computer instructions being executed by a processor of a terminal, so that the terminal executes the method for displaying multiple contents in parallel according to any one of claims 1 to 16.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110417747.7A CN112948049B (en) | 2021-04-19 | 2021-04-19 | Method, device, terminal and storage medium for multi-content parallel display |
CN202110417747.7 | 2021-04-19 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2022222672A1 true WO2022222672A1 (en) | 2022-10-27 |
Family
ID=76232892
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2022/082388 WO2022222672A1 (en) | 2021-04-19 | 2022-03-23 | Multi-content parallel display method and apparatus, terminal, medium, and program product |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN112948049B (en) |
WO (1) | WO2022222672A1 (en) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112948049B (en) * | 2021-04-19 | 2024-04-26 | Oppo广东移动通信有限公司 | Method, device, terminal and storage medium for multi-content parallel display |
CN114063958A (en) * | 2021-11-16 | 2022-02-18 | 上海哔哩哔哩科技有限公司 | Page split-screen display method and device |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140157163A1 (en) * | 2012-11-30 | 2014-06-05 | Hewlett-Packard Development Company, L.P. | Split-screen user interface |
CN105224276A (en) * | 2015-10-29 | 2016-01-06 | 维沃移动通信有限公司 | A kind of multi-screen display method and electronic equipment |
CN106708367A (en) * | 2016-12-30 | 2017-05-24 | 维沃移动通信有限公司 | Display method of conversation interface and mobile terminal |
CN107402709A (en) * | 2017-06-23 | 2017-11-28 | 努比亚技术有限公司 | A kind of multi-screen display method, terminal and computer-readable recording medium |
CN109271121A (en) * | 2018-08-31 | 2019-01-25 | 维沃移动通信有限公司 | A kind of application display method and mobile terminal |
CN111078091A (en) * | 2019-11-29 | 2020-04-28 | 华为技术有限公司 | Split screen display processing method and device and electronic equipment |
CN112948049A (en) * | 2021-04-19 | 2021-06-11 | Oppo广东移动通信有限公司 | Method, device, terminal and storage medium for displaying multiple contents in parallel |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107544809B (en) * | 2017-09-07 | 2021-07-27 | 北京小米移动软件有限公司 | Method and device for displaying page |
CN107844228B (en) * | 2017-10-24 | 2021-03-16 | Oppo广东移动通信有限公司 | Message display method and device and terminal |
CN107835322A (en) * | 2017-11-27 | 2018-03-23 | 广东欧珀移动通信有限公司 | interface display method, device, storage medium and terminal device |
CN109992227A (en) * | 2018-01-03 | 2019-07-09 | 中兴通讯股份有限公司 | User interface display control method, device, terminal and computer storage medium |
CN109766053B (en) * | 2019-01-15 | 2020-12-22 | Oppo广东移动通信有限公司 | User interface display method, device, terminal and storage medium |
CN110928614B (en) * | 2019-10-11 | 2021-06-29 | 广州视源电子科技股份有限公司 | Interface display method, device, equipment and storage medium |
CN112631538A (en) * | 2020-12-30 | 2021-04-09 | 安徽鸿程光电有限公司 | Display method, device, equipment and computer storage medium |
-
2021
- 2021-04-19 CN CN202110417747.7A patent/CN112948049B/en active Active
-
2022
- 2022-03-23 WO PCT/CN2022/082388 patent/WO2022222672A1/en active Application Filing
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140157163A1 (en) * | 2012-11-30 | 2014-06-05 | Hewlett-Packard Development Company, L.P. | Split-screen user interface |
CN105224276A (en) * | 2015-10-29 | 2016-01-06 | 维沃移动通信有限公司 | A kind of multi-screen display method and electronic equipment |
CN106708367A (en) * | 2016-12-30 | 2017-05-24 | 维沃移动通信有限公司 | Display method of conversation interface and mobile terminal |
CN107402709A (en) * | 2017-06-23 | 2017-11-28 | 努比亚技术有限公司 | A kind of multi-screen display method, terminal and computer-readable recording medium |
CN109271121A (en) * | 2018-08-31 | 2019-01-25 | 维沃移动通信有限公司 | A kind of application display method and mobile terminal |
CN111078091A (en) * | 2019-11-29 | 2020-04-28 | 华为技术有限公司 | Split screen display processing method and device and electronic equipment |
CN112948049A (en) * | 2021-04-19 | 2021-06-11 | Oppo广东移动通信有限公司 | Method, device, terminal and storage medium for displaying multiple contents in parallel |
Also Published As
Publication number | Publication date |
---|---|
CN112948049B (en) | 2024-04-26 |
CN112948049A (en) | 2021-06-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020147665A1 (en) | File processing method and device, terminal, and storage medium | |
JP6570583B2 (en) | Device, method and graphical user interface for managing folders | |
US11775165B2 (en) | 3D cutout image modification | |
WO2022222672A1 (en) | Multi-content parallel display method and apparatus, terminal, medium, and program product | |
KR102118223B1 (en) | Cross window animation | |
CN108089786A (en) | Method for displaying user interface, device, equipment and storage medium | |
KR20220002739A (en) | Systems, devices, and methods for dynamically providing user interface controls at a touch-sensitive secondary display | |
US20180268587A1 (en) | Dynamic ad hoc generation of customizable image-based files on computing device displays over interactive data networks | |
AU2019219816A1 (en) | Device, method, and graphical user interface for managing folders | |
US11902651B2 (en) | User interfaces for managing visual content in media | |
CN112947923A (en) | Object editing method and device and electronic equipment | |
US12001642B2 (en) | User interfaces for managing visual content in media | |
KR20230011349A (en) | Trackpad on the back part of the device | |
US20230379427A1 (en) | User interfaces for managing visual content in a media representation | |
CN116594616A (en) | Component configuration method and device and computer readable storage medium | |
CN112783386A (en) | Page jump method, device, storage medium and computer equipment | |
CN106502515B (en) | Picture input method and mobile terminal | |
WO2024139479A1 (en) | Interaction method and apparatus, electronic device and storage medium | |
WO2023115316A1 (en) | Screen mirroring method and apparatus, and storage medium and electronic device | |
CN113110770B (en) | Control method and device | |
US20240256100A1 (en) | User interfaces for managing visual content in media | |
US20230089457A1 (en) | Information processing method and apparatus, electronic device, and storage medium | |
CN114546228A (en) | Expression image sending method, device, equipment and medium | |
KR20140143673A (en) | Method and apparatus for controlling user interface |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 22790781 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 22790781 Country of ref document: EP Kind code of ref document: A1 |