Split-screen interface display method and electronic device
By utilizing a combination of dragging and swiping operations on the desktop of electronic devices, multiple split-screen interaction methods were implemented, solving the problems of low split-screen processing efficiency and screen obstruction, and improving the user experience.
Patent Information
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- HUAWEI TECH CO LTD
- Filing Date
- 2025-10-31
- Publication Date
- 2026-05-07
AI Technical Summary
In existing technologies, split-screen processing has low operational efficiency, high user operation complexity, and prominent screen occlusion issues.
By responding to user actions on the electronic device desktop, the system distinguishes between stacked folder mode and split-screen editing mode by the duration of dragging application icons and directional swipes. It provides multiple split-screen interaction methods, including different split-screen controls and swipe operations, to achieve convenient split-screen management for multitasking.
It improves the efficiency of split-screen operation, reduces the complexity of user operation, avoids screen obstruction problems, and meets the needs of various split-screen scenarios.
Smart Images

Figure CN2025131690_07052026_PF_FP_ABST
Abstract
Description
A split-screen interface display method and electronic device
[0001] Cross-references to related applications
[0002] This application claims priority to Chinese Patent Application No. 202411565994.1, filed on November 4, 2024, entitled "A Split-Screen Interface Display Method and Electronic Device", the entire contents of which are incorporated herein by reference. Technical Field
[0003] This application relates to the field of electronic device technology, and in particular to a split-screen interface display method and an electronic device. Background Technology
[0004] With the development and advancement of technology, the functions of electronic devices have become increasingly sophisticated and diverse, and the number of applications has gradually increased, leading to a growing demand for multitasking scenarios. For example, at least two tasks may need to be performed in split-screen collaboration.
[0005] Currently, split-screen processing is typically triggered by detecting split-screen gestures. For example, when an electronic device is opening a first application, it detects a split-screen gesture, then displays the interface of the first application in the first split-screen window. After detecting a selection of the second application icon, it displays the interface of the second application in the second split-screen window, thus achieving split-screen processing.
[0006] Improving the operational efficiency of split-screen processing is of great research significance. Summary of the Invention
[0007] This application provides a split-screen interface display method and an electronic device, which provides a new split-screen interaction method, can improve the operation efficiency of split-screen processing, and reduce the complexity of split-screen operation for users.
[0008] In a first aspect, embodiments of this application provide a split-screen interface display method, which can be applied to an electronic device. In this method, on the desktop of the electronic device, a first interface is displayed in response to a first user operation; wherein the first user operation includes: performing a long-press operation on the icon of a first application, and dragging the icon of the first application to a first display area for a duration exceeding a first duration, the first display area being obtained based on the display position of the icon of a second application; the first interface is used to indicate entry into a split-screen editing mode; in the first interface, a first split-screen interface is displayed in response to the first user operation; wherein the first user operation is used to indicate splitting the first application and the second application into a single screen.
[0009] This method, based on the current process of creating application folders on the desktop, distinguishes between stacked folder mode and split-screen editing mode by the duration of screen time. This process provides a new way to interact with split-screen applications, enabling convenient split-screen management, improving split-screen processing efficiency, and ensuring that this split-screen interaction does not obstruct the screen.
[0010] In one possible implementation, the method further includes the following four scenarios:
[0011] Scenario A: In the first interface, in response to a second user operation, a second split-screen interface is displayed; wherein, the second user operation is used to instruct the first application and the second application to be split into two screens using a first split-screen method.
[0012] Scenario B: In the first interface, in response to a third user operation, a third split-screen interface is displayed; wherein, the third user operation is used to instruct the first application and the second application to be split into two screens using a second split-screen method.
[0013] Scenario C: In the first interface, in response to a fourth user operation, a fourth split-screen interface is displayed; wherein, the fourth user operation is used to instruct the first application and the second application to be split into two screens using a third split-screen method.
[0014] Scenario D: In the first interface, in response to the fifth user operation, the fifth split-screen interface is displayed; wherein, the fifth user operation is used to instruct the first application and the second application to be split into two screens using the fourth split-screen method.
[0015] In this implementation, different user operations result in different split-screen outcomes during split-screen editing mode. This caters to a wider range of split-screen scenarios, allowing users to obtain different split-screen interfaces based on their specific needs.
[0016] In one possible implementation, the second user operation is the operation of releasing the finger after continuing to drag the drag operation to the display area of the first split-screen control; the third user operation is the operation of releasing the finger after continuing to drag the drag operation to the display area of the second split-screen control; the fourth user operation is the operation of releasing the finger after continuing to drag the drag operation to the display area of the third split-screen control; and the fifth user operation is the operation of releasing the finger after continuing to drag the drag operation to the display area of the fourth split-screen control.
[0017] In one possible implementation, a first split-screen control is displayed to the left of the icon of the second application; a second split-screen control is displayed to the right of the icon of the second application; a third split-screen control is displayed above the icon of the second application; and a fourth split-screen control is displayed below the icon of the second application.
[0018] In this implementation, by displaying split-screen controls around the last selected application in split-screen editing mode, different split-screen methods can be provided, resulting in different split-screen interfaces to meet the different needs of users in different scenarios.
[0019] In one possible implementation, the second user operation is a quick swipe and release of the finger in the first direction after continuing to drag the drag operation, the quick swipe indicating that the swipe speed exceeds a speed threshold; the third user operation is a quick swipe and release of the finger in the second direction after continuing to drag the drag operation; the fourth user operation is a quick swipe and release of the finger in the third direction after continuing to drag the drag operation; and the fifth user operation is a quick swipe and release of the finger in the fourth direction after continuing to drag the drag operation.
[0020] In this implementation, by selecting the last application in split-screen editing mode, different split-screen methods can be provided by defining the function of fast swiping in different directions, thus obtaining different split-screen interfaces to meet the different needs of users in different scenarios.
[0021] In one possible implementation, the first direction is the left direction, the second direction is the right direction, the third direction is the upper direction, and the fourth direction is the lower direction.
[0022] In one possible implementation,
[0023] The first split-screen mode is used to display the first application in the left split-screen window and the second application in the right split-screen window. It can also be understood as opening the two selected applications in ascending order from left to right.
[0024] The second split-screen mode is used to display the first application in the right split-screen window and the second application in the left split-screen window. It can also be understood as opening the two selected applications in reverse order from left to right.
[0025] The third split-screen mode is used to display the first application in the upper split-screen window and the second application in the lower split-screen window, which can also be understood as opening the two selected applications in ascending order from top to bottom.
[0026] The fourth split-screen mode is used to display the first application in the lower split-screen window and the second application in the upper split-screen window. It can also be understood as opening the two selected applications in reverse order from top to bottom.
[0027] This implementation provides different split-screen methods, resulting in various split-screen interfaces with different split-screen directions and display orders, which can meet the needs of different split-screen scenarios.
[0028] In one possible implementation, in the first interface, in response to a sixth user operation, a second interface is displayed; wherein the sixth user operation is a drag operation to continue dragging the icon of the first application to a second display area, the second display area being obtained based on the display position of the icon of the third application; the second interface is used to indicate split-screen operation for the first application, the second application, and the third application. This implementation may also include the following four scenarios:
[0029] Scenario 1: In the second interface, in response to the second user operation, the sixth split-screen interface is displayed; wherein, the second user operation is used to instruct the first split-screen method to split the first application, the second application and the third application into a single screen.
[0030] Scenario 2: In the second interface, in response to a third user operation, a seventh split-screen interface is displayed; wherein the third user operation is used to instruct the first application, the second application, and the third application to be split into three screens using the second split-screen method; or,
[0031] Scenario 3: In the second interface, in response to a fourth user operation, an eighth split-screen interface is displayed; wherein, the fourth user operation is used to instruct the first application, the second application, and the third application to be split into three screens using the third split-screen method.
[0032] Scenario 4: In the second interface, in response to the fifth user operation, the ninth split-screen interface is displayed; wherein, the fifth user operation is used to instruct the first application, the second application and the third application to be split into three screens using the fourth split-screen method.
[0033] This implementation also allows for split-screen processing when three or more applications are selected, which can improve the efficiency and convenience of split-screen processing.
[0034] In one possible implementation, the split-screen editing mode includes, but is not limited to, at least one of the following:
[0035] (1) Display a blurred icon in the original display position of the icon of the first application.
[0036] (2) Add display effects to the icons of the first application, the second application, and the third application.
[0037] (3) Display split-screen controls on the left, right, top, and bottom sides of the icon of the third application.
[0038] (4) Display split-screen markers for the second application and the third application, the split-screen markers being used to indicate the selected application.
[0039] In this implementation, by configuring various display effects in split-screen editing mode, the user can be notified that they are in split-screen editing mode, and the progress of split-screen editing can be indicated. For example, it can include the selected application icon, the last selected application, and prompt the user to select multiple split-screen methods.
[0040] In one possible implementation, the sixth user action is a drag operation that moves the icons of the first application and the second application to the second display area.
[0041] In this implementation, users can not only drag the first application to select applications one by one, but also drag all selected applications to indicate which applications have been selected.
[0042] In one possible implementation, the method further includes: displaying a fourth interface on the desktop of the electronic device in response to a seventh user operation; wherein the seventh user operation includes: performing a long press operation on the icon of the first application and dragging the icon of the first application to the first display area for a duration not exceeding a first duration; the fourth interface is used to indicate entry into the stacked folder mode;
[0043] In the fourth interface, in response to the action of releasing the finger within the first duration, a folder for the functions of the first application and the second application is created.
[0044] Secondly, this application provides an electronic device comprising multiple functional modules; the multiple functional modules interact to implement the methods performed by the electronic device in any of the above aspects and their respective embodiments. The multiple functional modules can be implemented based on software, hardware, or a combination of software and hardware, and the multiple functional modules can be arbitrarily combined or divided based on specific implementations.
[0045] Thirdly, this application provides an electronic device including at least one processor and at least one memory, wherein the at least one memory stores computer program instructions, and when the electronic device is running, the at least one processor executes any of the above aspects and the methods executed by the electronic device in its various embodiments.
[0046] Fourthly, this application also provides a computer-readable storage medium storing a computer program that, when executed by a computer, causes the computer to perform any of the above-described methods and the methods performed by various possible electronic devices.
[0047] Fifthly, this application provides a computer program product comprising: a computer program (also referred to as code or instructions) that, when run, causes a computer to perform any of the above aspects and methods for designing electronic devices.
[0048] In a sixth aspect, embodiments of this application also provide a graphical user interface on an electronic device, the electronic device having a display screen, one or more memories, and one or more processors, the one or more processors being configured to execute one or more computer programs stored in the one or more memories, the graphical user interface including a graphical user interface displayed when the electronic device performs any of the above aspects and their various possible designs.
[0049] In a seventh aspect, this application also provides a chip for reading a computer program stored in a memory and executing the methods described above and their possible design electronic devices.
[0050] Eighthly, this application also provides a chip system including a processor for supporting a computer device in implementing any of the above-described aspects and the methods executed by various possible electronic devices. In one possible design, the chip system further includes a memory for storing programs and data necessary for the computer device. The chip system may be composed of chips or may include chips and other discrete devices.
[0051] For details on the beneficial effects of any of the second to eighth aspects and their possible designs, please refer to the beneficial effects of the various possible designs in the first aspect above; they will not be repeated here. Attached Figure Description
[0052] Figure 1 is a schematic diagram of a possible scenario;
[0053] Figure 2 is a schematic diagram of the hardware structure of a possible electronic device provided in an embodiment of this application;
[0054] Figure 3 is a software architecture block diagram of an electronic device provided in an embodiment of this application;
[0055] Figure 4A is a schematic diagram of a scenario for adjusting application icons provided in an embodiment of this application;
[0056] Figure 4B is a schematic diagram of a split-screen management scenario provided by an embodiment of this application;
[0057] Figure 5 is a schematic diagram of the split-screen control provided in an embodiment of this application;
[0058] Figure 6A is a schematic diagram of a scenario for the first split-screen method provided in an embodiment of this application;
[0059] Figure 6B is a schematic diagram of a second split-screen method provided in an embodiment of this application;
[0060] Figure 6C is a schematic diagram of a scenario for the third split-screen method provided in the embodiments of this application;
[0061] Figure 6D is a schematic diagram of the fourth split-screen method provided in the embodiments of this application;
[0062] Figure 6E is a schematic diagram of a possible split-screen scenario provided by an embodiment of this application;
[0063] Figure 7 is a schematic diagram of a split-screen marker provided in an embodiment of this application;
[0064] Figure 8 is a schematic diagram of a split-screen editing mode provided in an embodiment of this application;
[0065] Figure 9A is a schematic diagram of a scenario for the first split-screen method provided in an embodiment of this application;
[0066] Figure 9B is a schematic diagram of a second split-screen method provided in an embodiment of this application;
[0067] Figure 9C is a schematic diagram of a scenario for the third split-screen method provided in the embodiments of this application;
[0068] Figure 9D is a schematic diagram of the fourth split-screen method provided in the embodiments of this application;
[0069] Figure 10 is a schematic diagram of another scenario of a split-screen editing mode provided in an embodiment of this application;
[0070] Figure 11A is a schematic diagram of a scenario for the first split-screen method provided in an embodiment of this application;
[0071] Figure 11B is a schematic diagram of a second split-screen method provided in an embodiment of this application;
[0072] Figure 11C is a schematic diagram of a scenario for the third split-screen method provided in the embodiments of this application;
[0073] Figure 11D is a schematic diagram of the fourth split-screen method provided in the embodiments of this application;
[0074] Figure 12 is a flowchart illustrating one of the split-screen interface display methods provided in an embodiment of this application;
[0075] Figure 13 is a second schematic flowchart of a split-screen interface display method provided in an embodiment of this application. Detailed Implementation
[0076] The embodiments of this application will now be described in detail with reference to the accompanying drawings.
[0077] The embodiments of this application can be applied to the field of electronic device technology, and are specifically applicable to multi-tasking split-screen collaboration scenarios.
[0078] For example, Figure 1 is a schematic diagram of a possible scenario. As shown in Figure 1, interface 100A can display a full-screen window interface of the first application. In interface 100A, the electronic device can display interface 100B in response to a single finger swipe up from the bottom of the screen. Interface 100B is a possible multitasking interface, which may include, but is not limited to: a split-screen control 101, a floating window control 102, and a thumbnail 103 of the first application.
[0079] Split-screen control 101 can be used to trigger split-screen processing between the first application and other applications. For example, as shown in interface 100B, the electronic device can display interface 100C in response to the operation of dragging the thumbnail 103 of the first application to the split-screen control 101 and then lifting it. Floating window control 102 can be used to trigger the display of the first application's interface in the form of a floating window.
[0080] Interface 100C includes a desktop interface and an interface 104 displayed in a semi-modal manner. Interface 104 is used to indicate the interface of the first application displayed in the first split-screen window. Interface 100C is used to select the application displayed in the second split-screen window. As can be seen from interface 100C, when selecting an application on the desktop interface, interface 104 obstructs the screen, thus affecting user operation.
[0081] In interface 100C, interface 100D can be displayed in response to a click on the icon of the second application. Interface 100D includes a first split-screen window 105 and a second split-screen window 106. The first split-screen window 105 displays the interface of the first application. The second split-screen window 106 displays the interface of the second application.
[0082] Furthermore, as can be seen from the process shown in Figure 1, the current split-screen processing method generally has a fixed display order for the first and second applications. For example, according to the process in Figure 1, the first application that is opened first is displayed on the upper split screen, and the second application that is opened later is displayed on the lower split screen. The opening order of applications and their display positions cannot be decoupled, which has certain limitations.
[0083] In view of this, embodiments of this application provide a method for displaying a split-screen interface. In this method, on the desktop interface, the electronic device can provide a convenient split-screen interaction mode for selecting multiple applications that need to be opened in split-screen mode. This method improves the efficiency of split-screen management by reusing the existing process of creating application folders, and avoids screen obstruction issues during the selection of split-screen applications.
[0084] The technical solutions in this application can be applied to electronic devices, which can be any device capable of displaying an interface. For example, electronic devices can be mobile phones such as candybar phones, foldable phones, and triple-foldable phones; tablets; wearable devices (e.g., watches, bracelets); in-vehicle devices; augmented reality (AR) / virtual reality (VR) devices; laptops; ultra-mobile personal computers (UMPCs); netbooks; personal digital assistants (PDAs); smart home devices (e.g., smart TVs); and other electronic devices capable of displaying an interface. It is understood that this application does not limit the specific type of electronic device.
[0085] The electronic devices to which this application's embodiments can be applied include, but are not limited to, those equipped with... Alternatively, it can be an electronic device running another operating system. For example, the electronic device described in the foregoing embodiments can be used.
[0086] Figure 2 illustrates a possible hardware structure diagram of an electronic device. The electronic device 200 includes components such as a radio frequency (RF) circuit 210, a power supply 220, a processor 230, a memory 240, an input unit 250, a display unit 260, an audio circuit 270, a communication interface 280, and a Wi-Fi module 290. Those skilled in the art will understand that the hardware structure of the electronic device 200 shown in Figure 2 does not constitute a limitation on the electronic device 200. The electronic device 200 provided in this application embodiment may include more or fewer components than shown, may combine two or more components, or may have different component configurations. The various components shown in Figure 2 can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.
[0087] The following is a detailed description of each component of the electronic device 200 with reference to Figure 2:
[0088] The RF circuit 210 can be used for receiving and transmitting data during communication or a call. Specifically, after receiving downlink data from the base station, the RF circuit 210 sends it to the processor 230 for processing; additionally, it sends uplink data to be transmitted to the base station. Typically, the RF circuit 210 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low-noise amplifier (LNA), a duplexer, etc.
[0089] Furthermore, the RF circuit 210 can also communicate with other devices via a wireless communication network. The wireless communication can use any communication standard or protocol, including but not limited to Global System for Mobile Communication (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), email, and Short Message Service (SMS).
[0090] Wi-Fi technology is a short-range wireless transmission technology. The electronic device 200 can connect to an access point (AP) via the Wi-Fi module 290, thereby enabling access to the data network. The Wi-Fi module 290 can be used for receiving and sending data during communication.
[0091] The electronic device 200 can physically connect to other devices through the communication interface 280. Optionally, the communication interface 280 can be connected to the communication interfaces of other devices via a cable to enable data transmission between the electronic device 200 and other devices.
[0092] The electronic device 200 can also perform communication services and interact with other electronic devices. Therefore, the electronic device 200 needs to have data transmission capabilities, meaning it needs to include a communication module. Although Figure 2 shows the RF circuit 210, the Wi-Fi module 290, and the communication interface 280, it is understood that the electronic device 200 contains at least one of the aforementioned components or other communication modules (such as a Bluetooth module) for data transmission.
[0093] For example, when the electronic device 200 is a mobile phone, the electronic device 200 may include the RF circuit 210, the Wi-Fi module 290, or a Bluetooth module (not shown in Figure 2); when the electronic device 200 is a tablet computer, the electronic device 200 may include the Wi-Fi module or a Bluetooth module (not shown in Figure 2); when the electronic device 200 is a smart home device, the electronic device 200 may include the Wi-Fi module 290 or a Bluetooth module (not shown in Figure 2).
[0094] The memory 240 can be used to store software programs and modules. The processor 230 executes various functional applications and data processing of the electronic device 200 by running the software programs and modules stored in the memory 240. Optionally, the memory 240 may mainly include a program storage area and a data storage area. The program storage area may store the operating system (mainly including the software programs or modules corresponding to the kernel layer, system layer, application framework layer, and application layer).
[0095] In addition, the memory 240 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device.
[0096] The input unit 250 can be used to receive editing operations on various types of data objects, such as numbers or characters, input by the user, and to generate key signal inputs related to user settings and function control of the electronic device 200. Optionally, the input unit 250 may include a touch panel 251 and other input devices 252.
[0097] The touch panel 251, also known as a touchscreen, can collect user touch operations on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch panel 251), and drive corresponding connection devices according to a pre-set program. In this embodiment, the touch panel 251 can collect user operations on or near it. For example, when the electronic device 200 is a tablet computer, the user operations can be dragging operations, swiping operations, etc. on the screen.
[0098] Optionally, the other input device 252 may include, but is not limited to, one or more of the following: physical keyboard, function keys (such as volume control buttons, power buttons, etc.), trackball, mouse, joystick, etc.
[0099] The display unit 260 can be used to display information input by the user or information provided to the user, as well as various menus of the electronic device 200. The display unit 260 is the display system of the electronic device 200, used to present the interface and realize human-computer interaction. The display unit 260 may include a display panel 261. Optionally, the display panel 261 can be configured as a liquid crystal display (LCD), organic light-emitting diode (OLED), or similar form. In this embodiment, the display unit 260 can be used to display a user interface, for example, it can display various possible interactive interfaces designed based on the split-screen interface display method provided in this embodiment, such as the various display interfaces shown in Figures 4A to 11D in the following content.
[0100] The processor 230 is the control center of the electronic device 200. It connects various components via various interfaces and lines, and executes software programs and / or modules stored in the memory 240, as well as calling data stored in the memory 240, to perform various functions and process data of the electronic device 200, thereby enabling multiple services based on the electronic device 200. In this embodiment, the processor 230 can be used to implement a split-screen interface display method provided in this embodiment.
[0101] The electronic device 200 also includes a power supply 220 (such as a battery) for supplying power to various components. Optionally, the power supply 220 can be logically connected to the processor 230 through a power management system, thereby enabling the power management system to manage functions such as charging, discharging, and power consumption.
[0102] As shown in Figure 2, the electronic device 200 also includes an audio circuit 270, a microphone 271, and a speaker 272, providing an audio interface between the user and the electronic device 200. The audio circuit 270 converts audio data into signals recognizable by the speaker 272 and transmits the signals to the speaker 272, where the speaker 272 converts them into sound signals for output. The microphone 271 collects external sound signals (such as human speech or other sounds) and converts the collected external sound signals into signals recognizable by the audio circuit 270, sending them to the audio circuit 270. The audio circuit 270 can also convert the signals transmitted by the microphone 271 into audio data, and then output the audio data to the RF circuit 210 for transmission to, for example, another electronic device, or output the audio data to the memory 240 for further processing.
[0103] Although not shown in Figure 2, the electronic device 200 may also include a camera, at least one sensor, etc., which will not be described in detail here. The at least one sensor may include, but is not limited to, a pressure sensor, a barometric pressure sensor, an accelerometer, a distance sensor, a fingerprint sensor, a touch sensor, a temperature sensor, etc.
[0104] The operating system (OS) involved in this application embodiment is the most basic system software running on the electronic device 200. The software system of the electronic device 200 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment takes an operating system adopting a layered architecture as an example to illustrate the software architecture of the electronic device 200.
[0105] Figure 3 is a software architecture block diagram of an electronic device provided in an embodiment of this application. As shown in Figure 3, the software architecture of the electronic device can be a layered architecture. For example, the software can be divided into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the operating system is divided into five layers, from top to bottom: the application layer, the application framework layer (framework, FWK), the runtime and system library, the kernel layer, and the hardware layer.
[0106] The application layer can include a series of application packages. As shown in Figure 3, the application layer can include a user interface (UI), camera, settings, skin modules, third-party applications, etc. Third-party applications may include, for example, wireless local area network (WLAN), music, call, Bluetooth, video, etc.
[0107] In one possible implementation, the application can be developed using Java, by calling the application programming interface (API) provided by the application framework layer. Developers can then interact with the underlying operating system layers (such as the hardware layer and kernel layer) to develop their own applications. This application framework layer primarily consists of a series of services and management systems within the operating system.
[0108] The application framework layer provides application programming interfaces and a programming framework for applications within the application layer. The application framework layer includes some predefined functions. As shown in Figure 3, the application framework layer may include a view system, activity manager, window manager, content provider, phone manager, resource manager, notification manager, etc.
[0109] The Activity Manager manages the lifecycle of each application and provides commonly used navigation and back functions, offering an interactive interface for all program windows.
[0110] The window manager is used to manage windowed applications. It can obtain the screen size, determine if a status bar is present, lock the screen, and capture screenshots. The content provider stores and retrieves data, making this data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.
[0111] A view system includes both visual and non-visual controls, such as controls that display text and controls that display images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text message notification icon could include views that display text and views that display images.
[0112] A phone manager is used to provide communication functions for electronic devices. For example, it manages call status (including connection and disconnection).
[0113] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.
[0114] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.
[0115] The runtime includes the core libraries and the virtual machine. The runtime is responsible for the scheduling and management of the operating system.
[0116] The core library consists of two parts: one part contains the functionalities that the Java language needs to call, and the other part contains the core libraries of the operating system. The application layer and application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.
[0117] A system library can include multiple functional modules. For example: a surface manager, a media framework, a 3D graphics processing library (e.g., OpenGL ES), a 2D graphics engine (e.g., SGL), etc.
[0118] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.
[0119] The media framework supports playback and recording of various commonly used audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.
[0120] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.
[0121] A 2D graphics engine is a drawing engine for 2D drawing.
[0122] In some embodiments, a 3D graphics processing library can be used to draw 3D motion trajectory images, and a 2D graphics engine can be used to draw 2D motion trajectory images.
[0123] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.
[0124] The hardware layer can include various types of sensors, such as accelerometers, gravity sensors, and touch sensors.
[0125] Typically, an electronic device 200 can run multiple applications simultaneously. In a simpler scenario, one application corresponds to one process; in a more complex scenario, one application can correspond to multiple processes. Each process has a unique process ID.
[0126] It should be understood that in the embodiments of this application, "at least one of the following" or similar expressions refer to any combination of these items, including any combination of a single item or a plurality of items. For example, at least one of a, b, or c can represent: a, b, c, a and b, a and c, b and c, or a, b, and c, where a, b, and c can be single or multiple. "Multiple" refers to two or more. "And / or" is used to describe the association relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship.
[0127] Furthermore, it should be understood that in the description of this application, terms such as "first" and "second" are used only for distinguishing descriptive purposes and should not be construed as indicating or implying relative importance, nor should they be construed as indicating or implying order. For example, in the following embodiments, "first operation" and "second operation" are only used to distinguish operations in different scenarios and are not used to limit specific operation methods, etc.
[0128] It should be understood that the hardware structure of the electronic device can be as shown in Figure 2, and the software system architecture can be as shown in Figure 3. The software programs and / or modules corresponding to the software system architecture in the electronic device can be stored in the memory 240, and the processor 230 can run the software programs and applications stored in the memory 240 to execute the process of a split-screen interface display method provided in the embodiments of this application.
[0129] To facilitate understanding of the split-screen interface display method provided in this application, the implementation process of the method using this application will be described below with reference to the content shown in Figures 4A to 11D. For ease of understanding, several possible application scenarios that may be involved in using the method provided in this application will be introduced first. It should be noted that the following embodiments use a tablet computer as an example; the implementation of other types of electronic devices can be found in the implementation of tablet computers, and will not be repeated here.
[0130] Figure 4A is a schematic diagram of a scenario for adjusting application icons. As shown in interface 400A of Figure 4A, this is the desktop interface of a tablet computer, which may include multiple application icons. For example, in response to a drag operation on the icon of application A, when the tablet computer detects that the icon of application A has been dragged onto the display area of application B, interface 400B is displayed. As shown in interface 400B, the tablet computer enters the stacked folder mode.
[0131] Optionally, the tablet computer responds to the finger release operation within a first duration T by displaying interface 400C. It can be understood that interfaces 400A to 400C represent the process of creating an application folder.
[0132] Alternatively, the tablet computer responds to the finger not being released within a first duration T by displaying the interface 400D shown in Figure 4B. For example, T can be 3 seconds, 4 seconds, 5 seconds, etc., and this application does not limit the specific value of the first duration. As shown in interface 400D, this enters split-screen editing mode. Exemplarily, the split-screen editing mode may include, but is not limited to, at least one of the following display contents:
[0133] (1) Display a blurred icon in the original display position of application A. By displaying the blurred icon, the user can be prompted that the current mode is split-screen editing mode, which can be easily distinguished from the scenario of creating an application folder.
[0134] (2) The display effect of the icons of overlapping applications A and B changes, such as changing the color or adding a shadow effect. As shown in Figure 4B, this is achieved by changing the color of the icons of applications A and B to black. This application is not limited to black; they can also be green, red, etc. By configuring the display effect of the selected application's icon, it is easier to prompt the user that the split-screen application has been selected, which can improve the user's operating efficiency.
[0135] (3) Split-screen controls are displayed around the icon of application B. Different split-screen controls are used to determine different split-screen methods between application A and application B. For example, Figure 5 is a schematic diagram of the split-screen controls provided in an embodiment of this application. A split-screen control S1 may be included above the icon of application B. A split-screen control S2 may be included below the icon of application B. A split-screen control S3 may be included to the left of the icon of application B. A split-screen control S4 may be included to the right of the icon of application B.
[0136] Based on the four split-screen controls shown in Figure 5, different split-screen methods can be obtained through different user operations.
[0137] For example, Figure 6A is a schematic diagram of a scenario of the first split-screen method provided in an embodiment of this application. As shown in interface 601A, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S3 and then releasing the finger, displaying interface 602A. As shown in interface 602A, the split-screen control S3 is used to implement a split-screen method in which the interface of application A is displayed in the left split-screen window and the interface of application B is displayed in the right split-screen window. For ease of understanding, the first split-screen method can also be understood as opening the two selected applications in a left-right ascending order, that is, since application A is selected first and then application B is selected in Figure 4B, the interface of application A is displayed in the left split-screen window.
[0138] For example, Figure 6B is a schematic diagram of a second split-screen method provided in an embodiment of this application. As shown in interface 601B, the tablet computer displays interface 602B in response to the operation of dragging the icon of application A to the display area of the split-screen control S4 and then releasing the finger. As shown in interface 602B, the split-screen control S4 is used to implement a split-screen method in which the interface of application A is displayed in the right split-screen window and the interface of application B is displayed in the left split-screen window. For ease of understanding, the second split-screen method can also be understood as opening the two selected applications in reverse order from left to right. That is, since application A is selected first and then application B is selected in Figure 4B, the interface of application B is displayed in the left split-screen window.
[0139] Alternatively, for example, Figure 6C is a schematic diagram of a third split-screen method provided in an embodiment of this application. As shown in interface 601C, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S1 and then releasing the finger, displaying interface 602C. As shown in interface 602C, the split-screen control S1 is used to implement a split-screen method in which the interface of application A is displayed in the upper split-screen window and the interface of application B is displayed in the lower split-screen window. For ease of understanding, the third split-screen method can also be understood as opening the two selected applications in ascending order from top to bottom, that is, since application A is selected first and then application B is selected in Figure 4B, the interface of application A is displayed in the upper split-screen window.
[0140] For example, Figure 6D is a schematic diagram of the fourth split-screen method provided in this application embodiment. As shown in interface 601D, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S2 and then releasing the finger, displaying interface 602D. As shown in interface 602D, the split-screen control S2 is used to implement a split-screen method in which the interface of application A is displayed in the lower split-screen window and the interface of application B is displayed in the upper split-screen window. For ease of understanding, the fourth split-screen method can also be understood as opening the two selected applications in reverse order from top to bottom, that is, since application A is selected first and then application B is selected in Figure 4B, the interface of application B is displayed in the upper split-screen window.
[0141] Based on the descriptions in Figures 6A to 6D above, multiple split-screen controls allow for the use of different split-screen methods to achieve split-screen functionality, thus meeting the needs of more split-screen scenarios.
[0142] In addition to the scenarios shown in Figures 6A to 6D above, Figure 6E is a schematic diagram of a possible split-screen scenario provided by an embodiment of this application. As shown in interface 400D in Figure 6E, the tablet computer can also display interface 400A in response to the user releasing their finger. It can be understood that in this scenario, when the tablet computer detects that the user has directly released their finger, it restores the application icons to their original display.
[0143] (4) Split-screen marker. For example, Figure 7 is a schematic diagram of a split-screen marker provided in an embodiment of this application. When application B is selected in split-screen editing mode, a split-screen marker can be displayed on the icon of application B, such as marker 701 shown in Figure 7. It should be noted that the display form of the split-screen marker is not limited in the embodiments of this application.
[0144] For example, Figure 8 is a schematic diagram of a split-screen editing mode provided by an embodiment of this application. In split-screen editing mode, three or more applications can be selected, thereby enabling split-screen operation of more tasks.
[0145] As shown in Figure 8, based on the interface 400D shown in Figure 4B, the tablet computer can display interface 801 in response to the operation of dragging the icon of the selected application A to application E. As shown in interface 801, a split-screen marker can be displayed for the selected application B, indicating that application B is selected. The display of the application E icon in interface 801 can be seen in the display of the application B icon in Figure 4B. Additionally, the display of split-screen markers for the icons of application B and application E indicates that both application B and application E are selected.
[0146] Referring to Figure 5, which shows the four split-screen controls for application B, based on the four split-screen controls for application E, different split-screen methods can also be obtained through different user operations.
[0147] For example, Figure 9A is a schematic diagram of a scenario of the first split-screen method provided in an embodiment of this application. As shown in interface 901A, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S3 and then releasing the finger, displaying interface 902A. As shown in interface 902A, the split-screen control S3 is used to implement a split-screen method in which the interface of application A is displayed in the leftmost split-screen window, the interface of application B is displayed in the middle split-screen window, and the interface of application E is displayed in the rightmost split-screen window. For ease of understanding, the first split-screen method can also be understood as opening the three selected applications in a left-right ascending order. That is, since application A is selected first, then application B, and then application E in Figure 4B, the interface of application A is displayed in the leftmost split-screen window, and the interface of application E is displayed in the rightmost split-screen window.
[0148] For example, Figure 9B is a schematic diagram of a second split-screen method provided in an embodiment of this application. As shown in interface 901B, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S4 and then releasing the finger, displaying interface 902B. As shown in interface 902B, the split-screen control S4 is used to implement a split-screen method in which the interface of application A is displayed in the rightmost split-screen window, the interface of application B is displayed in the middle split-screen window, and the interface of application E is displayed in the leftmost split-screen window. For ease of understanding, the second split-screen method can also be understood as opening the three selected applications in reverse order from left to right. That is, since application A is selected first, then application B, and then application E is selected in Figure 4B, the interface of application E is displayed in the leftmost split-screen window, and the interface of application A is displayed in the rightmost split-screen window.
[0149] Alternatively, for example, Figure 9C is a schematic diagram of a third split-screen method provided in an embodiment of this application. As shown in interface 901C, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S1 and then releasing the finger, displaying interface 902C. As shown in interface 902C, the split-screen control S1 is used to implement a split-screen method in which the interface of application A is displayed in the top split-screen window, the interface of application B is displayed in the middle split-screen window, and the interface of application E is displayed in the bottom split-screen window. For ease of understanding, the third split-screen method can also be understood as opening the three selected applications in ascending order from top to bottom. That is, since application A is selected first, then application B, and then application E is selected in Figure 4B, the interface of application A is displayed in the top split-screen window, and the interface of application E is displayed in the bottom split-screen window.
[0150] For example, Figure 9D is a schematic diagram of the fourth split-screen method provided in this application embodiment. As shown in interface 901D, the tablet computer responds to the operation of dragging the icon of application A to the display area of the split-screen control S2 and then releasing the finger, displaying interface 902D. As shown in interface 902D, the split-screen control S2 is used to implement a split-screen method in which the interface of application A is displayed in the bottom split-screen window, the interface of application B is displayed in the middle split-screen window, and the interface of application E is displayed in the top split-screen window. For ease of understanding, the fourth split-screen method can also be understood as opening the three selected applications in reverse order from top to bottom. That is, since application A is selected first, then application B, and then application E is selected in Figure 4B, the interface of application E is displayed in the top split-screen window, and the interface of application A is displayed in the bottom split-screen window.
[0151] Based on the descriptions in Figures 9A to 9D above, by illuminating the selected applications one by one, and by using the multiple split-screen controls displayed when the last application is selected, it is easy to use different split-screen methods to achieve split-screen functionality for more applications, thereby meeting the needs of more split-screen scenarios. It is understood that the number of applications selected in the split-screen editing mode described in the foregoing embodiments is not limited in this application embodiment; it is also possible to select four or more applications.
[0152] In addition, similar to Figure 6E, if the tablet computer responds to the action of releasing the finger directly instead of dragging it to any of the display areas S1, S2, S3, and S4, the application icons can be restored to their original display, which can also be understood as exiting the split-screen editing mode.
[0153] Another example is Figure 10, which is a schematic diagram of another scenario of a split-screen editing mode provided by an embodiment of this application. Besides the implementation shown in Figure 8, as shown in interface 1001, after the tablet computer detects that application B is selected, it can continue to drag the icons of application B and application A together. At this time, not only is a blurred icon displayed in the original display position of application A, but a blurred icon can also be displayed in the original display position of the selected application B. Additionally, a split-screen marker is displayed for the icons of application B and application E. It can be understood that in this embodiment, the display method for selecting multiple applications is not limited. It can be achieved by lighting up the applications one by one as shown in Figure 8, dragging only the first application icon, or by dragging all the selected application icons together as shown in Figure 10.
[0154] Optionally, referring to Figures 9A to 9D, based on the four split-screen controls of application E, different split-screen methods can be obtained in the scenario shown in Figure 10 through different user operations.
[0155] Alternatively, the split-screen controls may not be displayed around application E, and different split-screen methods can be determined by different swiping directions.
[0156] For example, Figure 11A is a schematic diagram of a scenario of the first split-screen method provided in an embodiment of this application. As shown in interface 1101A, the tablet computer responds to the operation of quickly swiping the overlapping icons of application A and application B to the left, and displays interface 1102A. As shown in interface 1102A, the operation of quickly swiping to the left is used to indicate the first split-screen method, which displays the interface of application A in the leftmost split-screen window, the interface of application B in the middle split-screen window, and the interface of application E in the rightmost split-screen window. For ease of understanding, the first split-screen method can also be understood as opening the three selected applications in a left-right order. That is, since application A is selected first, then application B, and then application E in Figure 4B, the interface of application A is displayed in the leftmost split-screen window, and the interface of application E is displayed in the rightmost split-screen window.
[0157] For example, a quick leftward swipe operation can be defined as a swipe operation where the swipe speed exceeds a speed threshold. It can be understood that a quick swipe operation can be defined as having the function of indicating a split-screen mode. Furthermore, the quick swipe operations in other swipe directions in this embodiment are similar and will not be repeated hereafter.
[0158] For example, Figure 11B is a schematic diagram of a second split-screen method provided in an embodiment of this application. As shown in interface 1101B, the tablet computer responds to the operation of quickly swiping the overlapping icons of application A and application B to the right, displaying interface 1102B. As shown in interface 1102B, the operation of quickly swiping to the right is used to indicate the second split-screen method, which displays the interface of application A in the rightmost split-screen window, the interface of application B in the middle split-screen window, and the interface of application E in the leftmost split-screen window. For ease of understanding, the second split-screen method can also be understood as opening the three selected applications in reverse order from left to right. That is, since application A is selected first, then application B, and then application E is selected in Figure 4B, the interface of application E is displayed in the leftmost split-screen window, and the interface of application A is displayed in the rightmost split-screen window.
[0159] Alternatively, for example, Figure 11C is a schematic diagram of a third split-screen method provided in an embodiment of this application. As shown in interface 1101C, the tablet computer responds to the operation of quickly swiping the overlapping icons of application A and application B upwards, displaying interface 1102C. As shown in interface 1102C, the operation of quickly swiping upwards is used to indicate a third split-screen method where the interface of application A is displayed in the top split-screen window, the interface of application B is displayed in the middle split-screen window, and the interface of application E is displayed in the bottom split-screen window. For ease of understanding, the third split-screen method can also be understood as opening the three selected applications in ascending order from top to bottom. That is, since application A is selected first, then application B, and then application E is selected in Figure 4B, the interface of application A is displayed in the top split-screen window, and the interface of application E is displayed in the bottom split-screen window.
[0160] For example, Figure 11D is a schematic diagram of a fourth split-screen method provided in an embodiment of this application. As shown in interface 1101D, the tablet computer responds to the operation of quickly swiping down the overlapping icons of application A and application B, and displays interface 1102D. As shown in interface 1102D, the operation of quickly swiping down is used to indicate a fourth split-screen method where the interface of application A is displayed in the bottom split-screen window, the interface of application B is displayed in the middle split-screen window, and the interface of application E is displayed in the top split-screen window. For ease of understanding, the fourth split-screen method can also be understood as opening the three selected applications in reverse order from top to bottom. That is, since application A is selected first, then application B, and then application E is selected in Figure 4B, the interface of application E is displayed in the top split-screen window, and the interface of application A is displayed in the bottom split-screen window.
[0161] Based on the descriptions in Figures 11A to 11D above, different split-screen modes can be triggered by different rapid swipe directions. It can be understood that the implementation methods shown in Figures 11A to 11D can also be applied to the scenario of selecting two applications as shown in Figure 4A, or to the scenario of lighting up multiple applications one by one as shown in Figure 8; this application does not limit these scenarios.
[0162] The method provided in this application embodiment offers a new split-screen interaction method by reusing the existing process of creating application folders. This method allows users to directly select multiple applications to be opened in split-screen mode on the desktop interface, avoiding screen obstruction during application selection. Furthermore, this method can achieve different split-screen modes through different user operations or different swiping directions, thus meeting the needs of various split-screen scenarios. Additionally, this method can improve operational efficiency when selecting three or more split-screen applications, reducing the complexity of split-screen operations for users.
[0163] Based on the foregoing description of the interface processing effects achievable by the method provided in the embodiments of this application in combination with multiple scenarios, the following describes the implementation process of the split-screen interface display method provided in this application, in order to illustrate how the method provided in this application can achieve the interface processing effects shown in Figures 4A to 11D, thereby providing a new split-screen interaction method and improving the efficiency and continuity of multitasking.
[0164] Figure 12 is a flowchart illustrating a split-screen interface display method provided in an embodiment of this application. This process can be applied to electronic devices and may include the following steps:
[0165] Step 1201: In response to a long press on the icon of application A and a dragging operation from the icon of application A to application B, the electronic device enters the stacked folder mode. For example, refer to interfaces 400A and 400B in Figure 4A.
[0166] Step 1202: A finger release operation is detected within the first time duration. If yes, proceed to step 1203A. If no, proceed to step 1203B.
[0167] (a) Stacked Folder Mode
[0168] Step 1203A: Within the first duration, the electronic device responds to the finger release operation by creating folders for application A and application B. See, for example, interface 400C in Figure 4A.
[0169] (ii) The split-screen editing mode includes the following steps 1203B to 1208.
[0170] Step 1203B: The electronic device enters split-screen editing mode in response to the operation of not releasing the finger within the first duration. For example, see interface 400D in Figure 4B.
[0171] Step 1204: The electronic device determines whether the finger is released directly. If yes, proceed to step 1205A. If no, proceed to step 1205B.
[0172] The following are three possible scenarios:
[0173] Scenario A) includes the following steps 1205A.
[0174] Step 1205A: Restore the application icon to its original display. See Figure 6E for example.
[0175] Scenario B) includes the following steps 1205B and 1206A.
[0176] Step 1205B: The electronic device determines whether the finger has been released on application B. If yes, proceed to step 1206A. If no, proceed to step 1206B.
[0177] Step 1206A: Split application A and application B into a single screen using a target method. See Figures 6A to 6D for examples. The target method is determined based on different user actions.
[0178] Scenario C) includes step 1205B and the following steps 1206B to 1208.
[0179] Step 1206B: Continue dragging the icon of application A (or the icons of application A and application B) to application E; or, continue dragging the icons of application A and application B to application E. See Figure 8 for example.
[0180] Step 1207: Release your finger on application E. If yes, proceed to step 1208.
[0181] Step 1208: Split application A, application B, and application E into a single screen using a target method. See Figures 9A to 9D for examples. The target method is determined based on different user actions.
[0182] Figure 13 is another flowchart illustrating a split-screen interface display method provided in an embodiment of this application. This process can be applied to electronic devices and may include the following steps:
[0183] Step 1301: On the desktop of the electronic device, in response to a first user operation, a first interface is displayed; wherein the first user operation includes: performing a long press operation on the icon of the first application and dragging the icon of the first application to a first display area for a duration exceeding a first duration, the first display area being obtained based on the display position of the icon of the second application; the first interface is used to indicate entering the split-screen editing mode.
[0184] Step 1302: In the first interface, in response to the first user operation, a first split-screen interface is displayed; wherein, the first user operation is used to instruct the first application and the second application to be split into two screens.
[0185] The specific implementation process of steps 1301 and 1302 can be found in the foregoing embodiments, and will not be repeated in this application.
[0186] Based on the above embodiments, this application also provides an electronic device, which includes multiple functional modules. These multiple functional modules interact to achieve the functions performed by the electronic device in the methods described in the embodiments of this application. The multiple functional modules can be implemented based on software, hardware, or a combination of both, and can be arbitrarily combined or divided based on specific implementations. For example, steps 1201 to 1208 are performed by the electronic device in the embodiment shown in FIG. 12. Alternatively, steps 1301 to 1302 are performed by the electronic device in the embodiment shown in FIG. 13.
[0187] Based on the above embodiments, this application also provides an electronic device, which includes at least one processor and at least one memory, wherein the at least one memory stores computer program instructions. When the electronic device is running, the at least one processor performs the functions performed by the electronic device in the various methods described in the embodiments of this application. For example, steps 1201 to 1208 performed by the electronic device in the embodiment shown in FIG12. Alternatively, steps 1301 to 1302 performed by the electronic device in the embodiment shown in FIG13.
[0188] Based on the above embodiments, this application also provides a computer program product, which includes a computer program (also referred to as code or instructions) that, when run, causes a computer to perform the methods described in the embodiments of this application.
[0189] Based on the above embodiments, this application also provides a computer-readable storage medium storing a computer program, which, when executed by a computer, causes the computer to perform the methods described in the embodiments of this application.
[0190] Based on the above embodiments, this application also provides a chip for reading computer programs stored in a memory to implement the methods described in the embodiments of this application.
[0191] Based on the above embodiments, this application provides a chip system including a processor for supporting a computer device in implementing the methods described in the embodiments of this application. In one possible design, the chip system further includes a memory for storing necessary programs and data of the computer device. This chip system may be composed of chips or may include chips and other discrete devices. Those skilled in the art will understand that the embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0192] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to this application. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in one or more blocks of the flowchart illustrations and / or one or more blocks of the block diagrams.
[0193] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means that implement the functions specified in one or more flowcharts and / or one or more block diagrams.
[0194] These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, such that the instructions, which execute on the computer or other programmable apparatus, provide steps for implementing the functions specified in one or more flowcharts and / or one or more block diagrams.
[0195] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the scope of protection of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.
Claims
1. A split-screen interface display method, applied to electronic devices, characterized in that, include: On the desktop of the electronic device, in response to a first user operation, a first interface is displayed; wherein the first user operation includes: performing a long press operation on the icon of the first application and dragging the icon of the first application to a first display area for a duration exceeding a first duration, the first display area being obtained based on the display position of the icon of the second application; the first interface is used to indicate entering the split-screen editing mode; In the first interface, in response to a first user operation, a first split-screen interface is displayed; wherein the first user operation is used to instruct the first application and the second application to be split into two screens.
2. The method according to claim 1, characterized in that, The method further includes: In the first interface, in response to a second user operation, a second split-screen interface is displayed; wherein the second user operation is used to instruct the first application and the second application to be split into two screens using a first split-screen method; or... In the first interface, in response to a third user operation, a third split-screen interface is displayed; wherein the third user operation is used to instruct the first application and the second application to be split into two screens using a second split-screen method; or... In the first interface, in response to a fourth user operation, a fourth split-screen interface is displayed; wherein, the fourth user operation is used to instruct the first application and the second application to be split into two screens using a third split-screen method; or... In the first interface, in response to the fifth user operation, the fifth split-screen interface is displayed; wherein, the fifth user operation is used to instruct the first application and the second application to be split into two screens using the fourth split-screen method.
3. The method according to claim 2, characterized in that, The second user operation is the operation of continuing to drag the finger to the display area of the first split-screen control and then releasing the finger; The third user operation is the operation of releasing the finger after continuing to drag the finger to the display area of the second split-screen control; The fourth user operation is the operation of continuing to drag the finger to the display area of the third split-screen control and then releasing the finger; The fifth user operation is the operation of continuing to drag the finger to the display area of the fourth split-screen control and then releasing the finger.
4. The method according to claim 3, characterized in that, To the left of the icon of the second application, the first split-screen control is displayed; To the right of the icon of the second application, a second split-screen control is displayed; Above the icon of the second application, a third split-screen control is displayed; Below the icon of the second application, a fourth split-screen control is displayed.
5. The method according to claim 2, characterized in that, The second user operation is the operation of quickly sliding and releasing the finger in the first direction after continuing to drag the drag operation, wherein the quick slide is used to indicate that the sliding speed exceeds the speed threshold; The third user operation is the operation of continuing to drag and then quickly sliding in the second direction and releasing the finger; The fourth user operation is the operation of continuing to drag and then quickly sliding to a third direction and releasing the finger; The fifth user operation is the operation of continuing to drag and then quickly sliding in the fourth direction and releasing the finger.
6. The method according to claim 5, characterized in that, The first direction is the left direction, the second direction is the right direction, the third direction is the upper direction, and the fourth direction is the lower direction.
7. The method according to any one of claims 2 to 6, characterized in that, The first split-screen mode is used to display the first application in the left split-screen window and the second application in the right split-screen window; The second split-screen mode is used to display the first application in the right split-screen window and the second application in the left split-screen window; The third split-screen method is used to display the first application in the upper split-screen window and the second application in the lower split-screen window; The fourth split-screen mode is used to display the first application in the lower split-screen window and the second application in the upper split-screen window.
8. The method according to any one of claims 2 to 7, characterized in that, The method further includes: In the first interface, in response to a sixth user operation, a second interface is displayed; wherein, the sixth user operation is a drag operation to continue dragging the icon of the first application to the second display area, the second display area being obtained based on the display position of the icon of the third application; the second interface is used to indicate splitting the first application, the second application, and the third application into a single screen. In the second interface, in response to a second user operation, a sixth split-screen interface is displayed; wherein the second user operation is used to instruct the first application, the second application, and the third application to be split into three screens using the first split-screen method; or... In the second interface, in response to a third user operation, a seventh split-screen interface is displayed; wherein, the third user operation is used to instruct the first application, the second application, and the third application to be split into three screens using the second split-screen method; or... In the second interface, in response to a fourth user operation, an eighth split-screen interface is displayed; wherein, the fourth user operation is used to instruct the first application, the second application, and the third application to be split into three screens using the third split-screen method; or... In the second interface, in response to the fifth user operation, the ninth split-screen interface is displayed; wherein, the fifth user operation is used to instruct the first application, the second application and the third application to be split into three screens using the fourth split-screen method.
9. The method according to claim 8, characterized in that, The split-screen editing mode includes at least one of the following: Display a blurred icon in the original display position of the first application's icon; Add display effects to the icons of the first application, the second application, and the third application; Split-screen controls are displayed to the left, right, top, and bottom of the icon of the third application, respectively; A split-screen indicator is displayed for the second and third applications, the split-screen indicator being used to indicate the selected application.
10. The method according to claim 8 or 9, characterized in that, The sixth user operation is a drag operation that involves dragging the icons of the first application and the second application to the second display area.
11. The method according to any one of claims 1 to 10, characterized in that, The method further includes: On the desktop of the electronic device, in response to a seventh user operation, a fourth interface is displayed; wherein the seventh user operation includes: performing a long press operation on the icon of the first application, and dragging the icon of the first application to the first display area for a duration not exceeding a first duration; the fourth interface is used to indicate entering the stacked folder mode; In the fourth interface, in response to the action of releasing the finger within the first duration, a folder for the functions of the first application and the second application is created.
12. An electronic device, characterized in that, It includes at least one processor coupled to at least one memory, the at least one processor being configured to read a computer program stored in the at least one memory to perform the method as described in any one of claims 1 to 11.
13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores instructions that, when executed on a computer, cause the computer to perform the method as described in any one of claims 1 to 11.
14. A computer program product containing instructions, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1 to 11.
Citation Information
Patent Citations
Application screen splitting method and device and intelligent terminal
CN104793875A
Method and device for splitting screen
CN106648314A
Screen splitting method and electronic equipment
CN110362244A
Application screen splitting method and device, storage medium and electronic equipment
CN111597006A
Method and apparatus for split-screen display and computer readable storage medium
EP4312112A1