Interface display method and electronic equipment

Abstract

The embodiment of the invention provides an interface display method and electronic equipment, the method is applied to the electronic equipment, and the method comprises the steps that the electronic equipment can display a first display interface and a second display interface; the electronic equipment responds to the detected user operation acting on the first display interface, the display content of the first display interface and the display content of the second display interface are updated, or the display content of the first display interface is updated in real time when the content displayed on the first display interface is the comment of the content displayed on the second display interface. In the method, a user can control the display of a plurality of interfaces without tedious user operation, so that the user experience can be improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of electronic technology, and in particular, to an interface display method and an electronic device. Background Art

[0002] At present, terminal devices have the function of multi-interface display, such as displaying different interfaces of the same application through parallel vision split-screen, and displaying application windows of different applications through smart multi-screen.

[0003] However, when users want to operate multiple interfaces displayed on terminal devices, they often need to perform cumbersome user operations on multiple interfaces. For example, when an electronic device displays the shopping cart interface and order interface of a shopping application through parallel vision split screen, if the user wants to change the order, he needs to check the items in the shopping cart interface and then click the checkout control, which requires multiple steps; for another example, when the electronic device displays the comment interface related to a sports video website or an entertainment forum, the user needs to manually refresh the content of the comment interface.

[0004] The above interface display method requires cumbersome user operations and has a poor user experience. Summary of the invention

[0005] The present application provides an interface display method and an electronic device, in which the electronic device can display at least two display interfaces; the at least two display interfaces include a first display interface and a second display interface; the electronic device updates the display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, or updates the display content of the first display interface in real time when the content displayed on the first display interface is a comment on the content displayed on the second display interface. In this method, the user can control the display of multiple interfaces without cumbersome user operations, which simplifies user operations and improves user experience.

[0006] In a first aspect, an embodiment of the present application provides an interface display method, which is applied to an electronic device, and the method includes:

[0007] The electronic device displays a first display interface and a second display interface;

[0008] The electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface.

[0009] In the embodiment of the present application, the user only needs to perform user operations in the first display interface to simultaneously update the display content of the first display interface and the second display interface, and no further operations are required for the second display interface. In this method, the user can control the display of multiple interfaces without cumbersome user operations, which can effectively improve the user experience.

[0010] In combination with the first aspect, in a possible implementation, the first display interface and the second display interface are display interfaces of different sub-functions of the first application.

[0011] In the embodiment of the present application, the electronic device can display the display interfaces of different sub-functions of the same application, and the user can perform a user operation on one of the display interfaces of the different sub-functions, so that the electronic device simultaneously updates the display content of the display interfaces of the different sub-functions. In this method, the user can control the display of the display interfaces of different sub-functions of the same application without cumbersome user operations, which can effectively improve the user experience.

[0012] In combination with the first aspect, in a possible implementation, the electronic device displays a first display interface and a second display interface simultaneously; the first display interface includes a first control, and the first control is used to determine the first information;

[0013] When the electronic device detects a user operation acting on a first control in a first display interface, the electronic device updates the display content of the first display interface and the second display interface, and the updated second display interface includes second information, and the second information is determined based on the first information.

[0014] Optionally, the first application is a shopping application, the first display interface is a shopping cart interface corresponding to the purchase function of the shopping application, and the second display interface is an order interface corresponding to the settlement function of the shopping application; the first control is a check control, which is used to determine the product status of the product, and the first information may be the product status of the product, which may include a selected state and an unselected state; the second information is order information, for example, the order information may include product information in the order and the order amount.

[0015] In the embodiment of the present application, the electronic device can synchronously update the display content of the first display interface and the second display interface based only on the user operation of the check control, for example, updating the product status in the first display interface and updating the order information in the second display interface. In this method, the user does not have to click the check control and then click the settlement control to update the second display interface. This method is conducive to users to settle orders more conveniently and quickly.

[0016] In combination with the first aspect, in a possible implementation, the first application is a shopping application, the first display interface is a shopping cart interface corresponding to a purchase function of the shopping application, and the second display interface is an order interface corresponding to a settlement function of the shopping application; the electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, including:

[0017] In response to detecting a user operation instructing to cancel the first item in the shopping cart interface, the electronic device displays the first item in the shopping cart interface from a selected state to an unselected state;

[0018] The electronic device deletes the product information of the first product in the order interface, and changes the order amount in the order interface from the total amount when the first product is included to the total amount when the first product is not included.

[0019] In the embodiment of the present application, the electronic device displays the shopping cart interface and the order interface of the shopping application through a parallel view split screen. The user can change the product status of the shopping cart interface and the product information of the order interface and calculate the order amount in real time by selecting the products in the shopping cart, without clicking the settlement control, which is conducive to the user to settle the order more conveniently and quickly. In this method, the user only needs to change the selected status of the product to see the updates of the shopping cart interface and the order interface at the same time, which simplifies the user operation and can effectively improve the user experience.

[0020] In combination with the first aspect, in a possible implementation, the first application is a shopping application, the first display interface is a shopping cart interface corresponding to a purchase function of the shopping application, and the second display interface is an order interface corresponding to a settlement function of the shopping application; the electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, including:

[0021] In response to detecting a user operation indicating selection of a second item in the shopping cart interface, the electronic device displays the second item in the shopping cart interface from an unselected state to a selected state;

[0022] The electronic device displays the product information of the second product in the order interface, and changes the order amount in the order interface from the total amount when the second product is not included to the total amount when the second product is included.

[0023] Optionally, the first commodity and the second commodity may be the same commodity or two different commodities.

[0024] In combination with the first aspect, in a possible implementation, the first display interface is an interface displayed by a first window corresponding to the second application, and the second display interface is an interface displayed by a second window corresponding to the third application; the second application and the third application are different applications.

[0025] In the embodiment of the present application, the electronic device can display the display interfaces of different applications, and the user can perform a user operation on one of the display interfaces of the different applications, so that the electronic device simultaneously updates the display content of the display interfaces of the different applications. In this method, the user can control the display of the display interfaces of different applications without complicated user operations, which can effectively improve the user experience.

[0026] In combination with the first aspect, in a possible implementation, the electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, including:

[0027] In response to detecting a user operation instructing the second application to search, the electronic device searches through the second application and the third application respectively to obtain a first search result searched by the second application and a second search result searched by the third application;

[0028] The electronic device displays the first search result in the first window;

[0029] The electronic device displays the second search result in the second window.

[0030] In the embodiment of the present application, the electronic device can display the display interfaces of multiple applications; the electronic device can respond to the user operation on any of the displayed display interfaces, search through the above multiple applications at the same time, and display the search results of the multiple applications. This method can meet the needs of users who want to search through multiple applications and can effectively improve the user experience.

[0031] In combination with the first aspect, in a possible implementation, the second application and the third application are of the same application type, and the application type includes at least one of a shopping type, a video type, a browser type, a food type, and a social type.

[0032] In the embodiment of the present application, the electronic device can display the display interfaces of multiple applications of different application types; the electronic device can respond to the user operation on any of the displayed display interfaces, search through the applications of the above different application types at the same time, and display the search results of the applications of the different application types. This method can meet the needs of users who want to operate multiple applications of different application types at the same time, and can effectively improve the user experience.

[0033] In combination with the first aspect, in a possible implementation manner, the second application and the third application are of different application types.

[0034] Among them, applications of different application types may refer to applications with different functions, for example, an application with a shopping function and an application with a taxi-hailing function may be applications of different application types. It should be noted that the present application embodiment does not limit the classification method of application types.

[0035] In combination with the first aspect, in a possible implementation manner, the first window and the second window are associated windows.

[0036] In the embodiment of the present application, the electronic device can synchronously update the associated windows, that is, the user can select the associated windows for synchronous display. This method can meet the personalized needs of the user and only synchronously update the associated windows selected by the user.

[0037] In combination with the first aspect, in a possible implementation manner, before searching through the second application and the third application respectively, the method further includes:

[0038] The electronic device displays a function control between the first window and the second window;

[0039] In response to detecting a user operation on a functional control, the electronic device displays an associated control;

[0040] In response to detecting a user operation on an associated control, the electronic device displays the first window and the second window as selected, and displays a determination control for associating the windows displayed as selected.

[0041] In an embodiment of the present application, before receiving a user operation instructing the second application to search, the electronic device first responds to the user operation and associates the first window with the second window. The method provides a method for associating windows, which can associate two windows displayed on the electronic device based on the user operation, and then perform synchronous searches through the applications corresponding to the associated windows, and display the results of searches of different applications, which can meet the personalized needs of users.

[0042] In combination with the first aspect, in a possible implementation manner, before searching through the second application and the third application respectively, the method further includes:

[0043] The electronic device displays a search control; the search control is used to display a global search interface;

[0044] In response to detecting a user operation on a search control, the electronic device displays a custom interface including a first icon of a second application and a second icon of a third application;

[0045] In response to detecting a user operation on the first icon and the second icon, the electronic device associates the first window with the second window.

[0046] An embodiment of the present application provides another method for associating windows, in which a user can customize the windows that he wants to associate, and then perform a synchronous search through the applications corresponding to the associated windows, and display the results of the searches of different applications. This method can meet the personalized needs of users.

[0047] In combination with the first aspect, in a possible implementation, the first window is a floating window or a split-screen window; the second window is a floating window or a split-screen window.

[0048] In the embodiment of the present application, the display state of the window is not limited, and the method can meet the personalized needs of users.

[0049] In a second aspect, an embodiment of the present application provides an interface display method, which is applied to an electronic device, and the method includes:

[0050] The electronic device displays the display interface of the second application program in a split screen as a first display interface and a second display interface; the first display interface includes the first information, and the second display interface includes the second information; the second information is a user comment on the first information;

[0051] The electronic device obtains user comments in real time and displays the obtained user comments in real time on the second display interface.

[0052] In the embodiment of the present application, the electronic device can display at least two display interfaces of the second application, and the at least two display interfaces include a first display interface and a second display interface; the display content of the first display interface is the comments of the second display interface, and the electronic device can update the display content of the first display interface in real time. In this method, the electronic device can update the comments of the game, current events, etc. in real time without exiting the interface and entering the refresh again and clicking refresh. This method allows users to obtain information conveniently and quickly, and improves usage efficiency.

[0053] In a third aspect, the present application provides an electronic device. The electronic device may include a memory and a processor. The memory may be used to store a computer program. The processor may be used to call the computer program so that the electronic device executes any possible implementation of the first aspect, the second aspect, or the first aspect.

[0054] In a fourth aspect, the present application provides a computer program product comprising instructions, which, when executed on an electronic device, enables the electronic device to execute the first aspect, the second aspect, or any possible implementation of the first aspect.

[0055] In a fifth aspect, the present application provides a computer-readable storage medium comprising instructions. When the instructions are executed on an electronic device, the electronic device executes the first aspect, the second aspect or any possible implementation of the first aspect.

[0056] It is understandable that the electronic device provided in the third aspect, the computer program product provided in the fourth aspect, and the computer-readable storage medium provided in the fifth aspect are all used to execute the method provided in the embodiment of the present application. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method, which will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0057] Figure 1 is a schematic diagram of the hardware structure of the electronic device 100 provided in an embodiment of the present application;

[0058] Figure 2 is a software structure block diagram of the electronic device 100 provided in an embodiment of the present application;

[0059] FIG. 3A to FIG. 3C A user interface related to the electronic device when performing shopping settlement in a shopping scenario implemented on the electronic device exemplarily provided in an embodiment of the present application;

[0060] FIG. 4A to FIG. 4B Some user interfaces implemented on electronic devices in real-time comment scenarios exemplarily provided in the embodiments of the present application;

[0061] FIG. 5A to FIG. 5C Some user interfaces implemented on electronic devices in real-time hotspot scenarios exemplarily provided in the embodiments of the present application;

[0062] Fig. 6A Some user interfaces in multi-application scenarios implemented on electronic devices exemplarily provided in the embodiments of the present application;

[0063] FIG. 6B to FIG. 6G Some user interfaces for implementing associated application windows on electronic devices provided in the embodiments of the present application;

[0064] 7A to 7D Some user interfaces for implementing associated application windows on electronic devices provided in the embodiments of the present application;

[0065] FIG. 8A to FIG. 8B Some user interfaces for searching in a shopping scenario provided by an electronic device in an embodiment of the present application;

[0066] FIG. 9A to FIG. 9B These are some user interfaces for electronic devices to search in a web page search scenario provided by embodiments of the present application;

[0067] FIG. 9C to FIG. 9DThese are some user interfaces for searching by electronic devices in a movie watching scenario provided by embodiments of the present application;

[0068] FIG. 10A to FIG. 10B These are some user interfaces for searching by an electronic device in the scenario of formulating a travel guide provided by an embodiment of the present application;

[0069] FIG. 11A to FIG. 11B These are some user interfaces for electronic devices to search in a web page search scenario provided by embodiments of the present application. DETAILED DESCRIPTION

[0070] The technical solutions in the embodiments of the present application will be described clearly and in detail below in conjunction with the accompanying drawings. In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in the text is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.

[0071] In the following, the terms "first" and "second" are used for descriptive purposes only and are not to be understood as suggesting or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features, and in the description of the embodiments of the present application, unless otherwise specified, "plurality" means two or more.

[0072] The term "user interface (UI)" in the following embodiments of the present application refers to a medium interface for interaction and information exchange between an application or operating system and a user, which realizes the conversion between the internal form of information and the form acceptable to the user. The user interface is a source code written in a specific computer language such as Java and extensible markup language (XML). The interface source code is parsed and rendered on an electronic device, and finally presented as content that can be recognized by the user. The commonly used form of user interface is a graphical user interface (GUI), which refers to a user interface related to computer operation displayed in a graphical manner. It can be a visual interface element such as text, icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc. displayed on the display screen of an electronic device.

[0073] The embodiment of the present application provides an interface display method and an electronic device. In the method, the electronic device can display a first display interface and a second display interface; in response to detecting a user operation acting on the first display interface, the electronic device updates the display content of the first display interface and the second display interface, or updates the display content of the first display interface in real time when the content displayed on the first display interface is a comment on the content displayed on the second display interface.

[0074] In this method, the user can watch the display content of the electronic device conveniently and timely without complicated user operations, which can effectively improve the user experience.

[0075] The electronic device may specifically be an electronic device with a folding screen, a mobile phone, a tablet computer, a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, etc. The folding screen may be a folding screen that folds outward, a folding screen that folds inward, or a folding screen that can fold outward and inward at the same time, which is not limited here.

[0076] Exemplary embodiments of electronic devices include but are not limited to The portable electronic device of Linux or other operating system. The above electronic device may also be other portable electronic devices, such as laptop computers (Laptop), etc. It should also be understood that in some other embodiments, the above electronic device may not be a portable electronic device, but a desktop computer, etc.

[0077] The electronic device provided in the embodiments of the present application is exemplarily introduced below.

[0078] Figure 1 A schematic diagram of the hardware structure of the electronic device 100 is shown.

[0079] The embodiment is described in detail below by taking the electronic device 100 as an example. It should be understood that the electronic device 100 may have more or fewer components than those shown in the figure, may combine two or more components, or may have different component configurations. The various components shown in the figure may be implemented in hardware, software, or a combination of hardware and software including one or more signal processing and / or application specific integrated circuits.

[0080] The electronic device 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194 and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0081] It is to be understood that the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0082] The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a memory, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and / or a neural-network processing unit (neural-network processing unit, NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors. Among them, the controller can be the nerve center and command center of the electronic device 100. The controller can generate an operation control signal according to the instruction opcode and the timing signal to complete the control of fetching and executing instructions.

[0083] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0084] The electronic device 100 implements the display function through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

[0085] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, a quantum dot light-emitting diode (QLED), etc.

[0086] In some embodiments, the display screen 194 may be a foldable screen, including but not limited to an inward-folding folding screen, an outward-folding folding screen, a two-fold or three-folding folding screen, etc.

[0087] In the embodiment of the present application, the electronic device 100 can execute the interface display method provided in the embodiment of the present application through the processor 110, and display the user interface provided in the embodiment of the present application through the display screen 194.

[0088] Figure 2 A software structure block diagram of an electronic device 100 disclosed in an embodiment of the present application.

[0089] The layered architecture divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the system is divided into four layers, from top to bottom: application layer, application framework layer, runtime and system library, and kernel layer.

[0090] The application layer can include a series of application packages.

[0091] like Figure 2 As shown, the application package may include shopping applications, camera, browser, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications (also referred to as applications).

[0092] In the embodiment of the present application, the application package may include food applications, travel applications, social applications, etc. The embodiment of the present application does not limit the type and classification method of the application.

[0093] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

[0094] like Figure 2 As shown, the application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, and the like.

[0095] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc.

[0096] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0097] The view system includes visual controls, such as controls for displaying text, controls for displaying images, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface including a text notification icon can include a view for displaying text and a view for displaying images.

[0098] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including connecting, hanging up, etc.).

[0099] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0100] The notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as notifications from applications running in the background, or a notification that appears on the screen in the form of a dialogue interface. For example, a text message is displayed in the status bar, a prompt sound is emitted, an electronic device vibrates, an indicator light flashes, etc.

[0101] The runtime includes the core library and the virtual machine. The runtime is responsible for the scheduling and management of the system.

[0102] The core library consists of two parts: one part is the function that the programming language (for example, Java language) needs to call, and the other part is the core library of the system.

[0103] The application layer and the application framework layer run in a virtual machine. The virtual machine executes the programming files (e.g., java files) of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0104] The system library may include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0105] The surface manager is used to manage the display subsystem and provide the fusion of two-dimensional (2D) and three-dimensional (3C) layers for multiple applications.

[0106] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0107] The 3D graphics processing library is used to implement 3C graphics drawing, image rendering, synthesis, and layer processing.

[0108] A 2D graphics engine is a drawing engine for 2D drawings.

[0109] The kernel layer is the layer between hardware and software. The kernel layer can include display drivers, camera drivers, audio drivers, sensor drivers, virtual card drivers, etc.

[0110] The following is an illustrative description of the workflow of the software and hardware of the electronic device 100 in conjunction with capturing a photo scene.

[0111] When the touch sensor 180K receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, timestamp of the touch operation, and other information). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. For example, if the touch operation is a touch single-click operation and the control corresponding to the single-click operation is the control of the camera application icon, the camera application calls the interface of the application framework layer to start the camera application, and then starts the camera driver by calling the kernel layer to capture static images or videos through the camera 193.

[0112] The following describes the interface display method in conjunction with a user interface implemented on an electronic device provided in an embodiment of the present application.

[0113] In an embodiment of the present application, the electronic device can display at least two display interfaces; the at least two display interfaces include a first display interface and a second display interface; the electronic device updates the display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, or updates the display content of the first display interface in real time when the content displayed on the first display interface is a comment on the content displayed on the second display interface.

[0114] Optionally, at least two display interfaces may display display interfaces of different sub-functions of the same application, or at least two display interfaces may display display interfaces of different applications. For example, at least two display interfaces are at least two display interfaces of a first application displayed by the electronic device in a parallel view mode; for another example, at least two display interfaces are display interfaces of application windows of different applications displayed by the electronic device through a split-screen function and / or a floating window function. For the convenience of description, in the following embodiments, an application window opened through a split-screen function is referred to as a split-screen window, and an application window opened through a floating window function is referred to as a floating window.

[0115] Among them, Parallel Vision is an in-application split-screen display function that can display multiple application pages of the same application in multiple display areas on the display screen of an electronic device.

[0116] Optionally, when the electronic device displays display interfaces of different applications, at least two display interfaces may be display interfaces of applications of different application types, or at least two display interfaces may be display interfaces of applications of the same application type. FIG. 8A to FIG. 10B Related embodiments of the present invention.

[0117] It should be noted that in the embodiments of the present application, the user operation can be a user's touch operation (such as a click operation, a long press operation, a swipe up operation, a swipe down operation, or a side swipe operation), or a non-contact operation (such as an air gesture or a mouse operation), or a user's voice command, and the embodiments of the present application do not impose specific restrictions on this. For the convenience of description, the following embodiments are described by taking the user's operation through the mouse as an example.

[0118] The implementation of the embodiments of the present application can meet the user's growing demand for timeliness and convenience in obtaining information. For example, the electronic device displays the shopping cart interface and order interface of the shopping application through the parallel vision split screen. The user can change the order information on the order page and calculate the order amount in real time by selecting the items in the shopping cart, without having to click the settlement control, which is conducive to users to settle orders more conveniently and quickly. For another example, for comments on competitive video websites and entertainment forums, users do not need to click manually. The electronic device can automatically refresh the comments on the comment interface in real time, which is conducive to convenient and quick information acquisition and reduces user operations.

[0119] First, an embodiment of updating an interface when an electronic device displays multiple interfaces through parallel fields of view is introduced.

[0120] In some embodiments, the electronic device may display at least two display interfaces of the first application in a parallel field of view, and the at least two display interfaces may include a first display interface and a second display interface; when the electronic device detects a user operation on the first display interface, it updates the display content of the first display interface and the second display interface respectively.

[0121] In the embodiment of the present application, the display mode of parallel horizons can be understood as an application split-screen function, which supports one application and multi-screen display. For example, a user can display the same application in two windows on an available terminal, operate and watch at the same time, without delay. For example, when a user uses a chat software in the horizontal screen state of the terminal, the system can enter the parallel horizon mode, and the user can easily reply to chat messages while browsing the circle of friends or public account articles; or when shopping online, you can check the product details of your favorite product while continuing to browse other product lists.

[0122] Optionally, the electronic device may be a folding device. For example, the first display interface and the second display interface may be displayed in different display areas of the same screen on the folding device, for example, the screen is divided into a first area and a second area along a folding edge, the first display interface may be displayed in the first area, and the second display interface may be displayed in the second area.

[0123] The following is an illustrative example of performing shopping settlement in a shopping scenario through an electronic device.

[0124] In some embodiments, the electronic device displays the shopping cart interface and the order interface of the shopping software through parallel vision split screen; when the electronic device detects user operations on the shopping cart interface, it updates the shopping cart interface and the order interface.

[0125] See also FIG. 3A to FIG. 3C , FIG. 3A to FIG. 3C The present invention provides an exemplary embodiment of an electronic device that implements a user interface for performing shopping checkout in a shopping scenario.

[0126] Figure 3A This is a user interface 31 on an electronic device provided by an exemplary embodiment of the present application. Figure 3A As shown, the user interface 31 includes an application interface 311 and an application interface 312. The application interface 311 is a shopping cart interface corresponding to the shopping software; the application interface 312 is any display interface of the shopping software, which is not limited here. The application interface 311 can be the first display interface mentioned above; the application interface 312 can be the second display interface mentioned above.

[0127] Among them, the application interface 311 may include multiple product information, such as the product name, price and quantity of the product in Picture 1, and a check control corresponding to each product, such as a check control 311a corresponding to the product in Picture 1, a check control 311b corresponding to the product in Picture 2, and a check control 311c corresponding to the product in Picture 3; the application interface 311 also includes a settlement control 311d.

[0128] In the embodiment of the present application, the color of the check control is used to represent the product status of the product. If the check control is gray, it means that the product status of the product corresponding to the check control is selected. For example, the three products displayed in the application interface 311 are all selected.

[0129] It should be understood that the above-mentioned user interface 31 is only an example provided in the embodiment of the present application. The shopping cart interface in the present application may also include more or fewer controls than the above-mentioned user interface 31, and the embodiment of the present application is not limited to this.

[0130] like Figure 3A As shown, when the electronic device detects a user operation on the settlement control 311d, in response to the user operation, the electronic device may display a Figure 3B The user interface 32 shown includes an application interface 311 and an application interface 320. The application interface 320 is an order interface of the shopping software. For example, the order interface may include address information, product information selected in the shopping cart interface (i.e., order product information), and order amount.

[0131] For ease of understanding in the embodiments of the present application, the order amount is set to the sum of the unit prices of all the goods on the order. In other embodiments of the present application, the order amount may not be equal to the sum of the unit prices of all the goods on the order, and may be changed according to the actual application scenario, such as when the order amount is less than the sum of the unit prices of all the goods on the order due to a full-discount activity.

[0132] In one implementation, the user can select or cancel the product in the application interface 311 by checking the control.

[0133] Optionally, the user can check one or more products in the application interface 311 at the same time. For example, by clicking the check control corresponding to a store, all products in the shopping cart of the store can be selected at the same time.

[0134] The following is an example of operating a product. For example, a user can click the check control corresponding to picture 3, and accordingly, the electronic device responds to the user operation, updates the product status of the product in picture 3 from a selected state to an unselected state, and updates the order information on the order interface.

[0135] like Figure 3B As shown, the electronic device detects a user operation for selecting a control 311c in the user interface 32. In response to the user operation, the electronic device may display a Figure 3C The user interface 33 shown in the figure includes an application interface 331 and an application interface 332. The application interface 331 is an updated shopping cart interface, and includes a checkbox control 331c updated to an unchecked state, and other controls that are not updated, such as a checkout control 311d; the application interface 332 is an updated order interface, and includes updated order information, such as order product information and order amount (updated from ￥542 to ￥387), and other contents that are not updated, such as address information.

[0136] Exemplarily, the difference between the above application interface 331 and the above application interface 311 may only be that the check control 311c in the application interface 311 is in a selected state, and the check control 331c in the application interface 331 is in an unselected state.

[0137] Exemplarily, the difference between the above-mentioned application interface 331 and the above-mentioned application interface 311 may only be that: the order information in the application interface 311 includes the product information of picture 3, the application interface 331 does not include the product information of picture 3, and the order amount of the above-mentioned application interface 331 is different from that of the above-mentioned application interface 311.

[0138] It should be understood that the exemplary embodiment of the present application is described by taking the user canceling a product from the shopping cart interface as an example; in other embodiments of the present application, when the user selects a new product from the shopping cart interface, the electronic device can also respond to the user operation, update the shopping cart interface and update the order interface, for example, the electronic device displays Figure 3C The user interface 33 shown in FIG. 1 displays the following when a user operation on the check control 331c is detected: Figure 3B The user interface 32 is shown.

[0139] In other embodiments, when the electronic device detects a user operation on a check control in the shopping cart interface, the electronic device only updates the shopping cart interface and does not update the order interface. For example, in response to a user operation on a check control 311c in the user interface 32, the displayed shopping cart interface may be as follows: Figure 3C The application interface 331 shown in the figure can display the order as follows: Figure 3B The application interface 320 shown; further, when the electronic device receives a user operation on the settlement control 311d of the application interface 331, the electronic device will update the application interface 320 to the above-mentioned application interface 331.

[0140] In the embodiment of the present application, the electronic device can respond to the check operation of the product in the shopping cart interface and update the product status in the shopping cart interface and the order information in the order interface. In this method, the order information in the order interface is automatically updated with the product status in the shopping cart, and the user does not need to check the product in the shopping cart interface before performing the settlement operation. This method can reduce user operations and improve user experience.

[0141] In the scenario of displaying comment information on forums and video websites, electronic devices usually refresh the forum content by calling the information content when the user clicks the time: electronic devices display live game content, because the amount of current hot information is large and timeliness is required, it is often refreshed by exiting the current interface and then re-entering it. This method results in the inability to quickly refresh the comment content in real time while the user is watching the displayed content of the electronic device, and the comment timeliness is insufficient.

[0142] In the embodiment of the present application, the electronic device can display at least two display interfaces of the first application, and the at least two display interfaces include a first display interface and a second display interface; the display content of the first display interface is the comments of the second display interface, and the electronic device can update the display content of the first display interface in real time. In this method, the electronic device can update the comments of the game, current events, etc. in real time without exiting the interface and entering the refresh again and clicking refresh. This method allows users to obtain information conveniently and quickly, and improves usage efficiency.

[0143] The specific implementation of real-time updating of the first display interface of the electronic device is introduced by way of example through the following two scenarios.

[0144] The first scene: real-time comment scene.

[0145] In some embodiments, the electronic device displays two display interfaces of the comment application through parallel perspectives, the display interfaces including a main interface and a comment interface corresponding to the main interface; the electronic device can update the content of the comment interface in real time.

[0146] The comment application may be an application where users can post comments, such as a video application or a posting application. For example, if the main interface is news, the comment interface corresponding to the main interface is the comment area of ​​the news; for example, if the main interface is a video, the comment interface corresponding to the main interface is the comment area of ​​the video.

[0147] Optionally, when the electronic device does not display the review application through a parallel view, the content of the main interface and the review interface corresponding to the main interface may be the content of the same display interface of the review application.

[0148] FIG. 4A to FIG. 4B Some user interfaces implemented on electronic devices in real-time comment scenarios are exemplified in the embodiments of the present application.

[0149] Figure 4A It is a user interface 41 on an electronic device provided by an exemplary embodiment of the present application. Figure 4A As shown, user interface 41 includes application interface 411 of the first application and application interface 412. Application interface 411 may be the main interface, and application interface 412 is the comment interface of application interface 411, and application interface 412 is used to display comments posted by netizens. Application interface 411 may be the first display interface mentioned above, and application interface 412 may be the second display interface mentioned above.

[0150] For example, the user opens the display interface of the first application through the folding machine, and clicks on the control of "Live broadcast of men's singles table tennis match" in the display interface. Accordingly, the folding machine responds to the user operation and displays the following information: Figure 4A The user interface 41 shown in the figure includes an application interface 411 and an application interface 412. The application interface 411 is used to display the main content of "Live broadcast of men's singles table tennis matches", and the application interface 412 is used to display the comments posted by users in the comment area of ​​"Live broadcast of men's singles table tennis matches". Exemplarily, the folding machine can display the application interface 411 on the first screen of the folding screen, and display the application interface 412 on the second screen, wherein the first screen and the second screen can be two screens divided by the folding screen along the folding edge.

[0151] Figure 4AThe example shows that the current time is "Beijing time 2023 / 4 / 20 10:16". At this time, the comment interface (ie) is also updated to the comment content at the current time.

[0152] For example, after two minutes, the electronic device may display the following Figure 4B The user interface 42 shown. The user interface 41 includes an updated application interface 421 and an updated application interface 422. The current time is "Beijing time 2023 / 4 / 2010:18", and the display content of the application interface 421 and the comments of the application interface 422 are updated to the current time, that is, "Beijing time 2023 / 4 / 20 10:18".

[0153] In other embodiments of the present application, the content of the main interface of the first application may remain unchanged, that is, the display content of the above-mentioned application interface 411 and application interface 421 may be the same, for example, the main interface of the first application is used to display a popular post or article.

[0154] In other embodiments, the content of the comment interface of the first application (such as the above-mentioned application interface 412) needs to be updated after user operation. In the embodiment of the present application, the electronic device can automatically update the comment content on the comment interface of the first application in real time without user operation. This method can improve the user experience.

[0155] The second scenario: real-time hotspot scenario.

[0156] FIG. 5A to FIG. 5B Some user interfaces implemented on electronic devices in real-time hot spot scenarios are exemplified in the embodiments of the present application.

[0157] First, through Figure 5A An example of a real-time hotspot scenario is given below. For example, when a user opens a news content of an application, the electronic device may display the following information: Figure 5A The user interface 51 shown in the figure shows the event information of a news event and the current user comments. After the electronic device displays the user interface 51, it will update the user comments only when it receives the user operation of refreshing the current interface.

[0158] In the embodiment of the present application, the electronic device can display the above Figure 5A The user interface 51 shown. Figure 5BAs shown, the electronic device can display a user interface 52, which includes an application interface 521 and an application interface 522. The application interface 521 has the same display content and display mechanism as the user interface 51, and both are interfaces that require user operation to be updated, and are used to display interfaces updated when users operate, such as the interface that the user just clicks to enter or the interface that is updated after the user refreshes; the application interface 522 is used to display the comments updated in the application interface 521 in real time.

[0159] like Figure 5B As shown, assuming that the time when the user opens the relevant interface of the XX news event of the first application is 10:16, the electronic device displays the user interface 52, which includes the main interface (i.e., application interface 521) and the comment interface (application interface 522); after two minutes (i.e., 10:18), the electronic device does not receive any user operation, the electronic device can keep the main interface unchanged, and update the comment interface, for example, the user interface displayed by the electronic device can be as follows Figure 5C The user interface 53 shown includes an unupdated main interface (ie, application interface 521) and an updated comment interface (ie, application interface 530), and the comment content of application interface 530 has been updated to the latest comment at the current time (ie, 10:18).

[0160] Next, an embodiment of updating the interface when the electronic device displays multiple application windows is introduced.

[0161] In an embodiment of the present application, an electronic device may display multiple application windows on the same user interface, and the multiple application windows may be application windows corresponding to different applications, for example, a first application window (also referred to as a first window) corresponding to a first application and a second application window (also referred to as a second window) corresponding to a second application; when the electronic device detects a first user operation on the first application window, it may update the display content of the first application window and the second application window in response to the first user operation. The multiple application windows may include floating windows and / or split-screen windows. The first application may also be referred to as a second application, and the second application may also be referred to as a third application.

[0162] Optionally, the first user operation may be a user operation for instructing the first application to search for the first search term. Then, in response to the first user operation, the electronic device may search for the first search term through the first application and the second application, and then update the display content of the first application window to an interface including the search results of the first application, and update the display content of the second application window to an interface including the search results of the second application.

[0163] Optionally, the first user operation may be a user operation for instructing the first application to refresh the first application window. Then, the electronic device may refresh the display contents of the first application window and the second application window in response to the first user operation.

[0164] In the embodiment of the present application, the first user operation may also be an operation such as clearing the input field, which is not limited in the embodiment of the present application. The following embodiment is exemplarily described by taking the search operation as an example.

[0165] In one implementation, the electronic device may display multiple application windows by opening multiple applications through a split-screen function (or a smart multi-screen function). Optionally, the electronic device may be a folding machine. For example, when the folding screen of the folding machine is a two-screen folding screen, the folding machine may display the application windows of two applications on the two screens on both sides of the folding edge; for another example, when the folding screen of the folding machine is a three-screen folding screen, the folding machine may display the application windows of three applications on the three screens.

[0166] In another implementation, the electronic device may display multiple application windows by opening multiple applications through a floating window function. That is, the application windows of the multiple applications are all floating window windows. For example, see Fig. 6A The user interface 60a shown in (A) in the figure exemplifies an interface diagram when the application windows of three applications, namely, application A, application B and application C, are opened respectively through the floating window function on the desktop of the electronic device. The application windows of these three applications are used to display the display interface of application A, the display interface of application B and the display interface of application C respectively. These three application windows are all floating windows.

[0167] Optionally, floating windows can also be associated with each other. Fig. 6A As shown, the floating windows in the user interface 60a may further include a function control 601 and a function control 602, and the function control 601 and the function control 602 are used to associate at least two application windows of the application windows of the three applications, namely, application A, application B, and application C. For example, when the electronic device detects a user operation on the function control 601, the application windows of the three applications are set to a selectable state so that the user can select the window to be associated. For specific steps on how to control the function control 601 and the function control 602 to achieve window association, please refer to the following FIG. 6B to FIG. 6G The specific process of using the function control 611.

[0168] In another implementation, the display of multiple application windows may include opening at least one application through a floating window function and opening at least one application through a split screen function. Fig. 6AThe user interface b shown in (B) in the figure exemplifies the application windows of four applications, namely, application A, application B, application C and application D, wherein the application windows of application A, application B and application C are split-screen windows opened by the split-screen function; the application window of application D is a floating window opened by the floating window function, and the application window of application D floats above the application windows of application A, application B and application C, and the position can be moved at will.

[0169] Optionally, the floating window and the split-screen window can also be associated. Fig. 6A As shown, the floating windows in the user interface 60a may further include function controls 603 and 604, and application B and application C may also include a function control (not shown). The function controls 603 and 604 are used to associate at least two application windows among the application windows of application A, application B, application C, and application D. For specific steps on how to control the function controls 603 and 604 to achieve window association, please refer to the following FIG. 6B to FIG. 6G The specific process of using the function control 611.

[0170] The second application window may be part or all of the application windows except the first application window among the multiple application windows.

[0171] In one implementation, the second application window is all application windows except the first application window among the multiple application windows. For example, the electronic device can display multiple application windows of different applications on the screen; when the electronic device detects a user operation on any application window, it updates the display content of all application windows displayed on the screen in response to the user operation.

[0172] In another implementation, the second application window is a portion of the application windows of the multiple application windows except the first application window. Optionally, the second application window may be an application window associated with the first application window. For example, the electronic device may display application windows corresponding to M applications on the screen, and N application windows of the M applications are associated with each other, where M and N are both positive integers, and N is not greater than M; when the electronic device detects a user operation on any of the N application windows, it updates the display content of the N interfaces in response to the user operation.

[0173] First, two association methods of associated application windows are exemplarily introduced.

[0174] The first association method: the electronic device displays application windows corresponding to multiple applications based on the split-screen function; when an association operation for several application windows is detected, the several application windows are determined as associated application windows. It should be noted that the association implementation of the floating window and the split-screen window and the association implementation between the floating windows can refer to the association process provided in the following embodiments, and the embodiments of this application are not limited to this.

[0175] FIG. 6B to FIG. 6G These are some user interfaces for implementing associated application windows on electronic devices provided in the embodiments of the present application.

[0176] Figure 6B It is a user interface 61 on an electronic device provided by an exemplary embodiment of the present application. Figure 6B As shown, the user interface 61 includes an application window of application A, an application window of application B and an application window of application C, which are used to display the application interface of application A, the application interface of application B and the application interface of application C respectively.

[0177] Among them, a function control 611 is displayed between the application window of application A and the application window of application B; and a function control 612 is displayed between the application window of application B and the application window of application C.

[0178] like Figure 6B As shown, when the electronic device detects a user operation on the function control 611, it can display the following Figure 6C User interface 62 is shown. User interface 62 includes associated controls 620.

[0179] It should be noted that when the electronic device detects a user operation on the function control 612, it can also display the user interface 62; the electronic device can also display the user interface 62 in other ways, such as long pressing the application window of application A, the application window of application B, and the application window of application C, etc., and the embodiments of the present application are not limited to this.

[0180] like Figure 6C As shown, when the electronic device detects a user operation on the associated control 620, it can display the following Fig.6D The user interface 63 shown includes three application windows in a selected state. It should be understood that Fig.6D Exemplarily, gray represents the selected state, and white represents the unselected state. In actual applications, the selected state can also be represented by a check control, etc., which is not limited in the embodiments of the present application.

[0181] like Fig.6D As shown, when the electronic device detects a user operation on the application interface of application C, the electronic device may display the following Fig. 6EIn the user interface 64 shown, the application window of application C in the user interface 64 is in an unselected state, and the application windows of application A and application B are in a selected state.

[0182] like Fig. 6E As shown, when the electronic device detects a user operation on the associated control 620, the electronic device determines the application window of application A and the application window of application B as associated application windows.

[0183] For example, assume that the interface displayed in the application window of application A is Fig. 6F The application interface 651 shown in the figure shows that the application window of application B displays the interface as follows: Fig. 6F The application interface 652 shown in the figure shows that the application window of application C displays the interface Fig. 6F Application interface 653 is shown.

[0184] Among them, the application interface 651 includes an input bar 651A and a preview area 651B, the input bar 651A includes the search term "children's gift", the input bar 651A includes a search control 651a, and the preview area 651B is used to display the display data of application A; the application interface 652 includes an input bar 652A and a preview area 652B, the input bar 652A is used to input the search term, and the preview area 652B is used to display the display data of application B; the application interface 653 includes an input bar 653A and a preview area 653B, the input bar 653A is used to input the search term, and the preview area 653B is used to display the display data of application C.

[0185] like Fig. 6F As shown, when the electronic device detects a user operation on the search control 651a in the application interface 651, the electronic device can search for the search term "children's gift" through application A and application B respectively, and then update the interface displayed by the application window of application A and the application window of application B. For example, the electronic device displays the following Figure 6G The user interface 66 shown includes the display interface of the updated application A (ie, application interface 661 ), the display interface of the updated application B (ie, application interface 662 ), and the display interface of the non-updated application C (ie, application interface 653 ).

[0186] Among them, the application interface 661 includes an input bar 651A and a preview area 661B, and the preview area 661B is used to display the search results of application A for "children's gifts"; the application interface 662 includes an input bar 662A and a preview area 662B, the input bar 662A includes the search term "children's gifts", and the preview area 662B is used to display the search results of application B for "children's gifts".

[0187] The second association method: the electronic device determines the application window of the selected application as the associated application window based on the global search function. The selected application window can be displayed in a split screen mode or in a floating window, which is not limited in the embodiment of the present application.

[0188] 7A to 7D These are some user interfaces for implementing associated application windows on electronic devices provided in the embodiments of the present application.

[0189] Fig. 7A It is a user interface 71 on the negative first screen of an electronic device provided by way of example in an embodiment of the present application. For example, the electronic device displays the main interface, and in response to a user operation of sliding left on the main interface, displays the negative first screen, such as the user interface 71. The user interface 71 includes an input bar 711 and a display area 712, wherein the input bar 711 includes an expansion control 711a; the display area 712 is used to display card information, etc.

[0190] like Fig. 7A As shown, when the electronic device detects a user operation for expanding the control 711a in the input field 711, in response to the user operation, the electronic device may display a Figure 7B User interface 72 is shown.

[0191] Figure 7B This is a user interface 72 under the shopping category provided by an embodiment of the present application. The user interface 72 includes category icons, such as an icon 722A corresponding to the shopping category, an icon 722B corresponding to the video category, an icon 722C corresponding to the taxi category, an icon 722D corresponding to the browser category, and an icon 722E for a custom application; and an input bar 721, which includes a search control 721a.

[0192] like Figure 7B As shown, the user interface 72 exemplarily shows that the search scope under the shopping category is application A, application B and application C, and application A, application B and application C are all shopping applications. If a global search is performed on the user interface 72, application A, application B and application C will simultaneously search for the content input in the input field 721. In other words, the application windows of application A, application B and application C are associated application windows.

[0193] For example, the user enters "children's gift" in the input field 721 and clicks the search control 721a; the electronic device responds to the user operation and searches for "children's gift" through application A, application B, and application C respectively, and then the electronic device can display the following information: Figure 7C User interface 73 is shown.

[0194] The user interface 73 may include an application interface 731 of application A, an application interface 732 of application B, and an application interface 733 of application C; wherein application interface 731, application interface 732, and application interface 733 are respectively used to display the search results of application A, application B, and application C for “children’s gifts”.

[0195] In other embodiments, the electronic device may provide a function of selecting applications, and then, in response to a user's selection operation on several applications, several applications are determined as associated applications.

[0196] For example, the user can click Figure 7B The icon 722E in the user interface 72 shown in FIG. 72 is displayed. Accordingly, the electronic device responds to the user operation and displays the following Fig.7D The user interface 74 shown in FIG. 74 may include category icons, an input field 721 and a custom scope 741 , wherein the category icons include icons 740E corresponding to custom applications.

[0197] The custom range 741 may include several application icons, such as an icon 741A corresponding to application A, an icon 741B corresponding to application B, an icon 741C corresponding to application C, and an icon 741D corresponding to application D; and a selection control 741E. The selection control 741E is used to select an application not displayed on the interface. It can be understood that the interface area size of the user interface 74 is limited. When all application icons cannot be displayed, the electronic device can respond to the user operation on the selection control 741E, and display application icons including those not displayed on the user interface 74 for the user to select.

[0198] For example, Fig.7D The state of the application icon displayed in the custom range 741 is unselected; the electronic device can display the application icon in a selected state in response to the user operation on the application icon, for example, the selected state can be represented by the color of the icon being gray or other colors. The application of the application icon in the selected state is the application within the search range, and the application window of the application icon in the selected state is the associated application window.

[0199] It should be noted that in the following FIG. 8A to FIG. 10B The application window in the user interface can be an application window based on the two associations mentioned above; it can also be an application window that has not been associated, that is, when the electronic device detects a user operation on any application window on the interface, it performs the same operation on the application window displayed on the interface.

[0200] Next, an embodiment of interface updating when multiple application windows are displayed is exemplarily introduced.

[0201] Optionally, the multiple application windows may be application windows of the same type of application. The same type of application may refer to applications with the same functions, for example, applications with shopping functions may be applications of the same type, or applications with taxi-hailing functions may be applications of the same type. It should be noted that the present application embodiment does not limit the classification method of application types.

[0202] For example, in a shopping scenario, a user can open multiple shopping applications, so the electronic device simultaneously displays the application windows of multiple shopping applications on the user interface; for another example, in a web search scenario, a user can open multiple browsers or question-and-answer applications, etc., so the electronic device simultaneously displays the application windows of multiple browsers or question-and-answer applications on the user interface; for another example, in a video watching scenario, a user can open multiple video software, so the electronic device simultaneously displays the application windows of multiple video applications on the user interface; for another example, in a taxi-hailing scenario, a user can open multiple taxi-hailing software, so the electronic device can simultaneously display the application windows of multiple taxi-hailing software. It should be understood that the examples of application scenarios provided for the embodiments of the present application above should not constitute a limitation on the present application, and the present application can also be applied to other application scenarios.

[0203] The following is an illustrative introduction to an embodiment of interface display when the same type of application uses a search engine.

[0204] The following is an exemplary introduction to an embodiment of searching in a shopping scenario.

[0205] In some embodiments, the electronic device can display display interfaces of at least two shopping applications; the electronic device can search through the at least two shopping applications in response to a user operation acting on the display interface of one of the at least two shopping applications; and then, the search results obtained from the at least two shopping applications can be respectively displayed on their corresponding display interfaces.

[0206] The following is an illustrative introduction using three shopping applications as examples. FIG. 8A to FIG. 8B These are some user interfaces for searching in a shopping scenario on an electronic device provided in an embodiment of the present application.

[0207] Fig. 8A It is a user interface 81 on an electronic device provided by an exemplary embodiment of the present application. Fig. 8A As shown, the user interface 81 includes an application interface 811 corresponding to shopping application A, an application interface 812 corresponding to shopping application B, and an application interface 813 corresponding to shopping application C.

[0208] Among them, the application interface 811 includes an input bar 811A and a preview area 811B, the input bar 811A is used to input search terms, the input bar 811A includes a search control 811a, and the preview area 811B is used to display product information, etc.; the application interface 812 includes an input bar 812A and a preview area 812B, the input bar 812A is used to input search terms, and the preview area 812B is used to display product information, etc.; the application interface 813 includes an input bar 813A and a preview area 813B, the input bar 813A is used to input search terms, and the preview area 813B is used to display product information, etc.

[0209] For example, Fig. 8A The input fields 812A and 813A are both blank. In other embodiments of the present application, the input contents of the input fields 812A and 813A may still be the input contents of the user's last operation; the input contents of the input fields 812A and 813A may be the same or different, which is not limited here.

[0210] In a possible implementation, the user enters the search word "clothing" in the input field 811A of the application interface 811 and clicks the search control 811a. Accordingly, the electronic device responds to the user operation and displays the following information: Figure 8B The user interface 82 shown includes an application interface 821 corresponding to shopping application A, an application interface 822 corresponding to shopping application B, and an application interface 823 corresponding to shopping application C.

[0211] Among them, the application interface 822 includes an input bar 811A and a preview area 821B, and the preview area 821B is used to display the product information after the search, etc.; the application interface 822 includes an input bar 822A and a preview area 822B, the input bar 822A displays the search word "clothing", and the preview area 822B is used to display the product information after the search, etc.; the application interface 823 includes an input bar 823A and a preview area 823B, the input bar 823A displays the search word "clothing", and the preview area 823B is used to display the product information after the search, etc.

[0212] like Fig. 8A and Figure 8B As shown, the electronic device responds to the search operation for the search word "clothing" acting on the application interface 811, and searches for the search word "clothing" through shopping application A, shopping application B and shopping application C at the same time, and displays the display interface after the search through the application windows of shopping application A, shopping application B and shopping application C respectively. The display interface after the search of shopping application A is application interface 821, the display interface after the search of shopping application B is application interface 822, and the display interface after the search of shopping application C is application interface 823.

[0213] In other embodiments, the electronic device detects that the Fig. 8A When the application interface 811 shown is for a search operation for the search word "clothing", in response to the user operation, the electronic device will only search for the search word "clothing" through the shopping application A, and then only update the display content of the application window of the shopping application A, and will not update the display content of other application windows. For example, in response to the user operation, the electronic device displays an interface including an updated display interface of the application window of the shopping application A (such as application interface 821) and non-updated display interfaces of other application windows (such as application interface 812 and application interface 813).

[0214] In the embodiment of the present application, the electronic device can display the display interfaces of multiple shopping applications; the electronic device can respond to the user operation on any of the displayed display interfaces, search through multiple shopping applications at the same time, and display the search results of multiple shopping applications. This method can meet the needs of users who want to search through multiple shopping applications, and can effectively improve the user experience.

[0215] The following is an exemplary introduction to an embodiment in a web page search scenario.

[0216] In some embodiments, the electronic device can display application windows of at least two browsers, such as an application window of a first browser and an application window of a second browser; when the electronic device detects a search operation for one of the application windows, the electronic device searches through the at least two browsers; and then, the search results obtained are respectively displayed through the application windows of the at least two browsers.

[0217] The following is an illustrative introduction using two browsers as examples. FIG. 9A to FIG. 9B These are some user interfaces for electronic devices to search in a web page search scenario provided by embodiments of the present application.

[0218] Fig.9A It is a user interface 91 on an electronic device provided by an exemplary embodiment of the present application. Fig.9A As shown, the user interface 91 includes an application interface 911 corresponding to browser A and an application interface 912 corresponding to browser B.

[0219] Among them, the application interface 911 includes an input bar 911A and a preview area 911B, the input bar 911A is used to input search terms, the input bar 911A includes a search control 911a, and the preview area 911B is used to display news and other messages; the application interface 912 includes an input bar 912A and a preview area 912B, the input bar 912A is used to input search terms, and the preview area 912B is used to display news and other messages.

[0220] In a possible implementation, the user enters the search term "Can I use my own car to take the driving school test in City A" in the input field 911A of the application interface 911, and clicks the search control 911a. Accordingly, the electronic device responds to the user operation and displays the following information: Fig. 9B The user interface 92 shown includes an application interface 921 corresponding to browser A and an application interface 922 corresponding to browser B.

[0221] Among them, the application interface 921 includes an input bar 911A and a preview area 921B, and the preview area 921B is used to display news and other messages after the search; the application interface 922 includes an input bar 922A and a preview area 922B, and the input bar 922A displays the search term "Can I use my own car to take the driving school test in City A?", and the preview area 922B is used to display news and other messages after the search.

[0222] like Fig.9A and Fig. 9B As shown, the electronic device responds to the search operation acting on the application interface 911 for the search term "Can I use my own car to take the driving school test in City A?", and searches for the search term "Can I use my own car to take the driving school test in City A?" through browser A, browser B, and browser C at the same time, and displays the display interface after the search through the application windows of browser A and browser B respectively. The display interface after the search by browser A is application interface 921, and the display interface after the search by browser B is application interface 922.

[0223] In other embodiments, the electronic device detects that the Fig.9A When a search operation is performed on the application interface 911 shown for the search term "Can I use my own car to take the driving school test in City A?", in response to the user operation, the electronic device will only search for the search term "Can I use my own car to take the driving school test in City A?" through browser A, and then only update the display content of the application window of browser A, and will not update the display content of other application windows. For example, the electronic device displays an updated interface in response to the user operation, and the updated interface includes the interface of the updated application window of browser A (such as application interface 921) and the interfaces of other application windows that have not been updated (such as application interface 912).

[0224] In the embodiment of the present application, the electronic device can display the display interfaces of multiple browsers; the electronic device can respond to the user operation on any of the displayed display interfaces, search through multiple browsers at the same time, and display the search results after searching through multiple browsers. This method can meet the needs of users who want to search through multiple browsers and can effectively improve the user experience.

[0225] The following is an exemplary introduction to an embodiment of searching in a movie watching scenario.

[0226] In some embodiments, the electronic device can display application windows of at least two video applications; when the electronic device detects a search operation for one of the application windows, it searches through the at least two video applications; and further, it displays the search results obtained through the application windows of the at least two video applications, respectively.

[0227] The following is an illustrative introduction using two video applications as examples.

[0228] Fig. 9C This is a user interface 93 on an electronic device provided by an exemplary embodiment of the present application. Fig. 9C As shown, the user interface 93 includes an application interface 931 corresponding to video application A and an application interface 932 corresponding to video application B.

[0229] Among them, the application interface 931 includes an input bar 931A and a preview area 931B, the input bar 931A is used to input search terms, the input bar 931A includes a search control 931a, and the preview area 931B is used to display videos and other content; the application interface 932 includes an input bar 932A and a preview area 932B, the input bar 932A is used to input search terms, and the preview area 932B is used to display videos and other content.

[0230] In a possible implementation, the user enters the search term "brave step" in the input field 931A of the application interface 931 and clicks the search control 931a. Accordingly, the electronic device responds to the user operation and displays the following information: Fig.9D The user interface 94 shown includes an application interface 941 corresponding to video application A and an application interface 942 corresponding to video application B.

[0231] Among them, the application interface 941 includes an input bar 931A and a preview area 941B, and the preview area 941B is used to display the video and other content after the search; the application interface 942 includes an input bar 942A and a preview area 942B, and the input bar 942A displays the search term "brave step", and the preview area 942B is used to display the video and other content after the search.

[0232] contrast Fig. 9C and Fig.9D It can be seen that the electronic device responds to the search operation acting on application interface 931 for the search term "brave step", and searches for the search term "brave step" through video application A, video application B and video application C at the same time, and displays the display interface after the search through the application windows of video application A and video application B respectively. The display interface after the search of video application A is application interface 941, and the display interface after the search of video application B is application interface 942.

[0233] In other embodiments, when the electronic device detects a search operation acting on the application interface 931 for the search term "brave step", in response to the user operation, the electronic device will only search for the search term "brave step" through the video application A, and then only update the display content of the application window of the video application A, and will not update the display content of other application windows. For example, the electronic device displays an updated interface in response to the user operation, and the updated interface includes an interface for updating the application window of the video application A (such as the application interface 941) and an interface for updating other application windows (such as the application interface 932).

[0234] In the embodiment of the present application, the electronic device can display the display interfaces of multiple video applications; the electronic device can respond to the user operation on any of the displayed display interfaces, search through multiple video applications at the same time, and display the search results after searching through multiple video applications. This method can meet the needs of users who want to search through multiple video applications and can effectively improve the user experience.

[0235] Optionally, the multiple application windows may be application windows of applications of different application types. Applications of different application types may refer to applications with different functions, for example, an application with a shopping function and an application with a taxi-hailing function may be applications of different application types. It should be noted that the present application embodiment does not limit the classification method of application types.

[0236] The following is an example of an application scenario of formulating a travel guide.

[0237] For example, the user opens the food software, travel software and social software on the electronic device, and accordingly, the electronic device may display the following information: Fig. 10A User interface 110 is shown.

[0238] Fig. 10A It is a user interface 110 on an electronic device provided by an exemplary embodiment of the present application. Fig. 10A As shown, the user interface 110 includes an application interface 111 corresponding to a food application, an application interface 112 corresponding to a travel application, and an application interface 113 corresponding to a social application.

[0239] Among them, the application interface 111 includes an input bar 111A and a preview area 111B, the input bar 111A is used to input search terms, the input bar 111A includes a search control 111a, and the preview area 111B is used to display food-related content; the application interface 112 includes an input bar 112A and a preview area 112B, the input bar 112A is used to input search terms, and the preview area 112B is used to display travel-related content; the application interface 113 includes an input bar 113A and a preview area 113B, the input bar 113A is used to input search terms, and the preview area 113B is used to display articles or comments posted online by netizens.

[0240] For example, Fig. 10A The input fields 112A and 113A are blank. In other embodiments of the present application, the input contents of the input fields 112A and 113A may be the same or different, which is not limited here.

[0241] In a possible implementation, the user enters the search term "Shenzhen travel" in the input field 111A of the application interface 111 and clicks the search control 111a. Accordingly, the electronic device responds to the user operation and searches for the search term "Shenzhen travel" through the above-mentioned food software, travel software and social software, respectively, and then displays the following information: Fig. 10B The user interface 120 shown includes a display interface generated after searching for food applications (i.e., application interface 121), a display interface generated after searching for travel applications (i.e., application interface 122), and a display interface generated after searching for social applications (i.e., application interface 123).

[0242] Among them, the application interface 121 includes an input bar 111A and a preview area 121B, and the preview area 121B is used to display food and other content related to "Shenzhen travel", such as Shenzhen's food recommendations, food specials, etc.; the application interface 122 includes an input bar 122A and a preview area 122B, the input bar 122A displays the search term "Shenzhen travel", and the preview area 122B is used to display strategies and other content related to "Shenzhen travel", such as Shenzhen travel strategies, attractions introductions, etc.; the application interface 123 includes an input bar 123A and a preview area 123B, the input bar 123A displays the search term "Shenzhen travel", and the preview area 123B is used to display content related to "Shenzhen travel" shared by netizens.

[0243] In other embodiments, the electronic device detects that the Fig. 10AWhen the application interface 111 is used to search for the search term "Shenzhen travel", the electronic device will only search for the search term "Shenzhen travel" through the food application corresponding to the application interface 111, and then only update the display content of the application window of the food application, and will not update the display content of other application windows. For example, the electronic device displays an updated interface in response to the user operation, and the updated interface includes the interface of the updated application window of the food application (such as application interface 121), and the interfaces of other application windows that have not been updated (such as application interface 112 and application interface 113).

[0244] In the embodiment of the present application, the electronic device can display multiple display interfaces of applications of different application types; the electronic device can respond to user operations on any of the displayed display interfaces, search through the above applications of different application types at the same time, and display the search results of applications of different application types. This method can meet the needs of users who want to operate multiple applications of different application types at the same time, and can effectively improve the user experience.

[0245] The following is an exemplary introduction to the web search scenario and an embodiment when the application window is a floating window. It should be noted that the application types corresponding to the multiple floating windows displayed by the electronic device can be the same or different. Here, two floating windows are windows corresponding to the browser as an example for explanation.

[0246] FIG. 11A to FIG. 11B These are some user interfaces for electronic devices to search in a web page search scenario provided by embodiments of the present application.

[0247] Fig.11A This is a user interface 210 on an electronic device provided by an exemplary embodiment of the present application. Fig.11A As shown, the user interface 210 includes an application interface 2101 corresponding to browser A, an application interface 2102 corresponding to browser B, and a background screen 2103. The application interface 2101 is displayed on a floating window corresponding to browser A, and the application interface 2102 is displayed on a floating window corresponding to browser B; the background screen 2103 includes a service card and an application icon (such as a gallery icon), and the specific content of the background screen is not limited in the embodiment of the present application.

[0248] Among them, the application interface 2101 includes an input bar 2101A and a preview area 2101B, the input bar 2101A is used to input search terms, the input bar 2101A includes a search control 2101a, and the preview area 2101B is used to display news and other messages; the application interface 2102 includes an input bar 2102A and a preview area 2102B, the input bar 2102A is used to input search terms, and the preview area 2102B is used to display news and other messages.

[0249] In a possible implementation, the user enters the search term "Can I use my own car to take the driving school test in City A" in the input bar 2101A of the application interface 2101, and clicks the search control 2101a. Accordingly, the electronic device responds to the user operation and displays the following information: Fig. 11B The user interface 220 shown includes an application interface 2201 corresponding to browser A, an application interface 2202 corresponding to browser B, and a background screen 2103.

[0250] Among them, the application interface 2201 includes an input bar 2201A and a preview area 2201B, and the preview area 2201B is used to display news and other messages after the search; the application interface 2202 includes an input bar 2202A and a preview area 2202B, and the input bar 2202A displays the search term "Can I use my own car to take the driving school test in City A", and the preview area 2202B is used to display news and other messages after the search.

[0251] like Fig.11A and Fig. 11B As shown, the electronic device responds to the search operation acting on the application interface 2101 for the search term "Can I use my own car to take the driving school test in City A?", and searches for the search term "Can I use my own car to take the driving school test in City A?" through browser A, browser B, and browser C at the same time, and displays the display interface after the search through the application windows of browser A and browser B respectively. The display interface after the search by browser A is application interface 2201, and the display interface after the search by browser B is application interface 2202.

[0252] In other embodiments, the electronic device detects that the Fig.11A When a search operation is performed on the application interface 2101 shown for the search term "Can I use my own car to take the driving school test in City A?", in response to the user operation, the electronic device will only search for the search term "Can I use my own car to take the driving school test in City A?" through browser A, and then only update the display content of the application window of browser A, and will not update the display content of other application windows. For example, the electronic device displays an updated interface in response to the user operation, and the updated interface includes the interface of the updated application window of browser A (such as application interface 2201) and the interfaces of other application windows that have not been updated (such as application interface 2102).

[0253] In the embodiment of the present application, the electronic device can display the display interfaces of multiple browsers; the electronic device can respond to the user operation on any of the displayed display interfaces, search through multiple browsers at the same time, and display the search results after searching through multiple browsers. This method can meet the needs of users who want to search through multiple browsers and can effectively improve the user experience.

[0254] An embodiment of the present application also provides an electronic device, which includes one or more processors and one or more memories; wherein the one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer program codes, and the computer program codes include computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes the method described in the above embodiment.

[0255] The embodiments of the present application also provide a computer program product including instructions. When the computer program product is executed on an electronic device, the electronic device executes the method described in the above embodiments.

[0256] An embodiment of the present application also provides a computer-readable storage medium, including instructions, which, when executed on an electronic device, enable the electronic device to execute the method described in the above embodiment.

[0257] It can be understood that the various embodiments of the present application can be combined arbitrarily to achieve different technical effects.

[0258] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in this application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website site, computer, server or data center to another website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) mode. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integration. The available medium can be a magnetic medium (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state hard disk Solid State Disk), etc.

[0259] Those skilled in the art can understand that to implement all or part of the processes in the above-mentioned embodiments, the processes can be completed by computer programs to instruct related hardware, and the programs can be stored in computer-readable storage media. When the programs are executed, they can include the processes of the above-mentioned method embodiments. The aforementioned storage media include: ROM or random access memory RAM, magnetic disk or optical disk and other media that can store program codes.

[0260] In short, the above is only an embodiment of the technical solution of this application, and is not intended to limit the protection scope of this application. Any modification, equivalent replacement, improvement, etc. made according to the disclosure of this application shall be included in the protection scope of this application.

Claims

1. An interface display method, characterized in that: Applied to electronic equipment, the method comprises: The electronic device displays a first display interface and a second display interface; The electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface.

2. The method according to claim 1, characterized in that: The first display interface and the second display interface are display interfaces of different sub-functions of the first application.

3. The method according to claim 2, characterized in that The first application is a shopping application, the first display interface is a shopping cart interface corresponding to a purchase function of the shopping application, and the second display interface is an order interface corresponding to a settlement function of the shopping application; The electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, including: In response to detecting a user operation instructing to cancel the first product in the shopping cart interface, the electronic device displays the first product in the shopping cart interface from a selected state to an unselected state; The electronic device deletes the product information of the first product in the order interface, and changes the order amount in the order interface from the total amount when the first product is included to the total amount when the first product is not included.

4. The method according to claim 2 or 3, characterized in that: The first application is a shopping application, the first display interface is a shopping cart interface corresponding to a purchase function of the shopping application, and the second display interface is an order interface corresponding to a settlement function of the shopping application; The electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, including: In response to detecting a user operation indicating selection of a second product in the shopping cart interface, the electronic device displays the second product in the shopping cart interface from an unselected state to a selected state; The electronic device displays the product information of the second product in the order interface, and changes the order amount in the order interface from the total amount when the second product is not included to the total amount when the second product is included.

5. The method according to any one of claims 1 to 4, characterized in that: The first display interface is an interface displayed in a first window corresponding to a second application, and the second display interface is an interface displayed in a second window corresponding to a third application; the second application and the third application are different applications.

6. The method according to claim 5, characterized in that The electronic device updates display content of the first display interface and the second display interface in response to detecting a user operation acting on the first display interface, including: In response to detecting a user operation instructing the second application to search, the electronic device searches through the second application and the third application respectively to obtain a first search result searched by the second application and a second search result searched by the third application; The electronic device displays the first search result in the first window; The electronic device displays the second search result on the second window.

7. The method according to claim 5 or 6, characterized in that: The second application and the third application have the same application type, and the application type includes at least one of a shopping type, a video type, a browser type, a food type, and a social type.

8. The method according to any one of claims 5 to 7, characterized in that: The first window and the second window are associated windows.

9. The method according to claim 8, characterized in that Before searching through the second application and the third application respectively, the method further includes: The electronic device displays a function control between the first window and the second window; The electronic device displays an associated control in response to detecting a user operation on the functional control; In response to detecting a user operation on the associated control, the electronic device displays the first window and the second window as selected, and displays a determination control for associating the windows displayed as selected.

10. The method according to claim 8, characterized in that Before searching through the second application and the third application respectively, the method further includes: The electronic device displays a search control; the search control is used to display an interface for global search; In response to detecting a user operation on the search control, the electronic device displays a custom interface including a first icon of the second application and a second icon of the third application; In response to detecting a user operation on the first icon and the second icon, the electronic device associates the first window with the second window.

11. The method according to any one of claims 5 to 10, characterized in that: The first window is a floating window or a split-screen window; the second window is a floating window or a split-screen window.

12. An interface display method, characterized in that: Applied to electronic equipment, the method comprises: The electronic device displays a display interface of the first application program in a split screen as a first display interface and a second display interface; the first display interface includes first information, and the second display interface includes second information; the second information is a user comment on the first information; The electronic device acquires the user comments in real time, and displays the acquired user comments on the second display interface in real time.

13. An electronic device, characterized in that: The electronic device includes one or more processors and one or more memories; wherein the one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer program code, and the computer program code includes computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes the method as described in any one of claims 1-12.

14. A computer-readable storage medium comprising instructions, characterized in that: When the instructions are executed on an electronic device, the electronic device is caused to execute the method as claimed in any one of claims 1 to 12.

15. A computer program product comprising instructions, characterized in that When the computer program product is executed on an electronic device, the electronic device is enabled to execute the method according to any one of claims 1 to 12.

Images