Interface display method and device, and electronic device
Patent Information
- Application Number
- CN202111013110.8
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2021-08-31
- Publication Date
- 2026-08-21
- Estimated Expiration
- 2041-08-31
AI Technical Summary
[0004]本申请实施例的目的是提供一种界面显示方法、装置和电子设备,能够解决目前采用分屏方式显示多个界面不便于用户看清界面显示内容的技术问题
[0014] In this embodiment of the application, by receiving an interface display instruction, and in response to the interface display instruction, the interfaces of at least two objects are displayed on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the interfaces of the at least two objects are at least partially visible; this allows the interfaces of multiple objects to be displayed simultaneously in the same display area of the screen, and thus the interfaces of multiple objects can have the same size as when displayed individually, avoiding shrinking the interfaces of multiple objects and displaying them separately in different parts of the display area, thereby making it easier for the user to see the interface display content.
Smart Images

Figure CN113703632B_ABST
Abstract
Description
Technical Field
[0001] This application belongs to the field of electronic equipment technology, specifically relating to an interface display method, apparatus, and electronic equipment. Background Technology
[0002] When users want to use different applications (APPs), they need to switch between them, which is a rather cumbersome process.
[0003] Currently, the common practice is to use split-screen display for multiple applications to avoid switching between them. Split-screen display involves showing each application's interface in a different area of the screen. Due to screen size limitations, each interface is displayed in a smaller format, resulting in smaller images and fonts, making it difficult for users to clearly see the content. Summary of the Invention
[0004] The purpose of this application is to provide an interface display method, apparatus, and electronic device that can solve the technical problem that it is inconvenient for users to see the content of the interface display when multiple interfaces are displayed in a split-screen manner.
[0005] In a first aspect, embodiments of this application provide an interface display method, the method comprising:
[0006] Receive interface display instructions;
[0007] In response to the interface display instruction, interfaces of at least two objects are displayed on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the interfaces of the at least two objects are at least partially visible.
[0008] Secondly, embodiments of this application provide an interface display device, the device comprising:
[0009] The receiving module is used to receive interface display instructions;
[0010] A display module is configured to display the interfaces of at least two objects on a screen in response to the interface display instruction, wherein the interfaces of the at least two objects occupy the same display area on the screen and the interfaces of the at least two objects are at least partially visible.
[0011] Thirdly, embodiments of this application provide an electronic device including a processor, a memory, and a program or instructions stored in the memory and executable on the processor, wherein the program or instructions, when executed by the processor, implement the steps of the method described in the first aspect.
[0012] Fourthly, embodiments of this application provide a readable storage medium on which a program or instructions are stored, which, when executed by a processor, implement the steps of the method described in the first aspect.
[0013] Fifthly, embodiments of this application provide a chip, the chip including a processor and a communication interface, the communication interface being coupled to the processor, the processor being used to run programs or instructions to implement the method as described in the first aspect.
[0014] In this embodiment of the application, by receiving an interface display instruction, and in response to the interface display instruction, the interfaces of at least two objects are displayed on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the interfaces of the at least two objects are at least partially visible; this allows the interfaces of multiple objects to be displayed simultaneously in the same display area of the screen, and thus the interfaces of multiple objects can have the same size as when displayed individually, avoiding shrinking the interfaces of multiple objects and displaying them separately in different parts of the display area, thereby making it easier for the user to see the interface display content. Attached Figure Description
[0015] Figure 1 This is a schematic flowchart of an interface display method provided in an embodiment of the present invention;
[0016] Figure 2-1 and Figure 2-2 This is one of the schematic diagrams of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0017] Figure 3 This is the second schematic diagram of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0018] Figure 4 This is the third schematic diagram of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0019] Figure 5 This is a schematic flowchart of an interface display method provided in an embodiment of the present invention;
[0020] Figure 6 This is the fourth schematic diagram of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0021] Figure 7 This is a schematic flowchart of an interface display method provided in an embodiment of the present invention;
[0022] Figure 8 This is the fifth schematic diagram of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0023] Figure 9 This is the sixth schematic diagram of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0024] Figure 10 This is the seventh schematic diagram of the interface display method provided by an embodiment of the present invention in a practical application scenario;
[0025] Figure 11 This is a schematic flowchart of an interface display method provided in an embodiment of the present invention;
[0026] Figure 12 This is a schematic flowchart of an interface display method provided in an embodiment of the present invention;
[0027] Figure 13 This is a schematic diagram of the interface display device structure provided in one embodiment of the present invention;
[0028] Figure 14 A schematic diagram of the hardware structure of an electronic device for implementing various embodiments of the present invention. Detailed Implementation
[0029] The technical solutions of the embodiments of this application will be clearly described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of this application. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.
[0030] The terms "first," "second," etc., used in the specification and claims of this application are used to distinguish similar objects and not to describe a specific order or sequence. It should be understood that such use of data can be interchanged where appropriate so that embodiments of this application can be implemented in orders other than those illustrated or described herein. Furthermore, in the specification and claims, "and / or" indicates at least one of the connected objects, and the character " / " generally indicates that the preceding and following objects are in an "or" relationship.
[0031] The interface display method provided in this application will be described in detail below with reference to the accompanying drawings, through specific embodiments and application scenarios.
[0032] like Figure 1 As shown, one embodiment of this application provides an interface display method, which can be executed by an electronic device; in other words, the method can be executed by software or hardware installed on the electronic device. The method includes the following steps:
[0033] Step 101: Receive the interface display instruction.
[0034] The interface display command can be a command to simultaneously display the interfaces of multiple objects. When a user inputs this interface display command, the interfaces of multiple objects will be displayed on the screen at the same time.
[0035] The object can be an application, a document, or a function key within an application. If the object is an application, then the interfaces of multiple objects can be the interfaces of multiple applications. If the object is a document, then the interfaces of multiple objects can be the interfaces of multiple documents. Alternatively, if the object is a function key within an application, then the interfaces of multiple objects can be the interfaces corresponding to multiple function keys. Taking an instant messaging application as an example, when an instant messaging application is opened, the displayed interface includes three function keys: "Messages," "Contacts," and "Settings." Each function key has a corresponding interface. In existing technologies, clicking different function keys sequentially displays the interfaces corresponding to each function key. In this embodiment, by inputting the interface display command, the interfaces corresponding to multiple function keys can be displayed simultaneously.
[0036] The interface displays multiple input methods for commands, and the input method can also be set according to the type of object. This application embodiment does not limit the input method.
[0037] For example, in the case where the object is an application, in one implementation, such as Figure 2-1 As shown, the input method is as follows: When the interface of APP1 is displayed on the screen, the user inputs a first preset operation. The interface displays a list of recently used applications, including APP2 and APP3. After receiving the user's selection operation in APP2 and APP3, a prompt box pops up displaying "Enter screen mirroring mode?", as shown. Figure 2-2 As shown, based on the user's confirmation to enter the screen mirroring mode, the interface of APP1 and the interface of the user-selected application are displayed simultaneously. The first preset operation can be a long press, a click, a swipe, etc.; the user's selection operation between APP2 and APP3 allows them to choose APP2 and / or APP3 as the objects to be mirrored; when the user selects APP2 and APP3, the interfaces of all three applications can be displayed simultaneously.
[0038] Alternatively, in the case where the object is an application, in another implementation, such as Figure 3 As shown, the input method is as follows: the electronic device displays icons for APP1 and APP2 on its desktop. The user drags the icon of APP2 until it overlaps with the icon of APP1. Once the overlap area and / or overlap time reach a preset condition, the interfaces of APP1 and APP2 are displayed simultaneously. In other words, this input method allows users to input interface display commands simply by dragging.
[0039] For example, in the case where the object is a function key in the application, in one implementation, such as Figure 4 As shown, the input method involves displaying the interface of an application on the screen. This interface includes function keys A, B, and C. The currently displayed interface is the one corresponding to function key A. The system receives a second preset operation from the user on function key B and / or function key C, simultaneously displaying the interface corresponding to function key A and the interface corresponding to the user-selected function key. The second preset operation can be a long press, etc. For example, when the user long presses function key B, both the currently displayed interface and the interface corresponding to function key B are displayed simultaneously.
[0040] Step 102: In response to the interface display instruction, display the interfaces of at least two objects on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the interfaces of the at least two objects are at least partially visible.
[0041] For the explanation of objects and their interfaces, please refer to step 101, which will not be repeated here.
[0042] The interfaces of the at least two objects share the same display area on the screen. Specifically, this means that the interfaces of each object are displayed within the same display area, and the size of each object's interface is the same as the size of the display area. The interfaces of the at least two objects are at least partially visible, meaning that at least a portion of the interface content of each of the at least two objects' interfaces is visible within the same display area. For example, if the interfaces of the at least two objects include a first interface and a second interface, the user can see at least a portion of the interface content of both the first and second interfaces within the same display area. If only a portion of the first interface is visible, it means that the size of the first interface is the same as the size of the same display area, but the user can only see a portion of the first interface's content within that same display area. Similarly, if only a portion of the second interface is visible, the size of the second interface is the same as the size of the same display area, but the user can only see a portion of the second interface's content within that same display area.
[0043] In this embodiment, the display area for displaying the interface of at least two objects can be the entire display area of the screen. In this case, the interface of each object can be displayed in full screen. In practical applications, the display area for displaying the interface of at least two objects can also be a portion of the screen. The electronic device can be an electronic device with a curved screen. A curved screen is generally divided into a main display area and secondary display areas on the left and right sides. The secondary display areas on the left and right sides are generally functional areas. In this case, for such an electronic device, the interface of each object can be displayed in the main display area.
[0044] This application embodiment receives an interface display instruction and, in response to the instruction, displays the interfaces of at least two objects on the screen. The interfaces of the at least two objects occupy the same display area on the screen, and each interface is at least partially visible. This allows the interfaces of multiple objects to be displayed simultaneously in the same display area of the screen, and the interfaces of multiple objects can have the same size as when displayed individually. For example, when multiple object interfaces are displayed in full-screen mode, each object's interface has the same size as when displayed individually (all are full-screen displays), avoiding the need to shrink the interfaces of multiple objects and display them separately in different parts of the display area, thus making it easier for the user to see the displayed content.
[0045] To facilitate the explanation of the interface display method provided in the embodiments of this application, the following description uses two objects as an example to illustrate the solution provided in the embodiments of this application. The at least two objects include a first object and a second object, and the interfaces of the at least two objects include a first interface of the first object and a second interface of the second object. It should be understood that the at least two objects including a first object and a second object is merely an example and does not represent a limitation on the embodiments of this application. The at least two objects may also include a third object, a fourth object, or more objects. When the at least two objects include more objects, the interface display method provided in the following embodiments can also be referred to.
[0046] To facilitate user viewing of the first and second interfaces, in one implementation, such as Figure 5 As shown, step 102, in response to the interface display instruction, displays an interface with at least two objects on the screen, including:
[0047] Step 1021: In response to the interface display instruction, determine the relative positional relationship between the first interface and the second interface.
[0048] The relative positional relationship between the first interface and the second interface can be that the first interface is displayed on top of the second interface, and the second interface is displayed on top of the first interface. Specifically, the relative positional relationship between the first interface and the second interface includes: the first interface is displayed on top of the second interface, or the second interface is displayed on top of the first interface.
[0049] There are several ways to determine the relative position of the first and second interfaces. One method is based on the order in which they are opened. For example, if the first interface opens first and the second opens later, then either the first interface will be displayed on top of the second, or vice versa. Another method is to determine the relative position based on the user's choice. For instance, after receiving an interface display command, a selection box can pop up, allowing the user to choose whether the interface should be displayed on top or below.
[0050] In a more preferred embodiment, determining the relative positional relationship between the first interface and the second interface in response to the interface display instruction specifically includes: in response to the interface display instruction, acquiring the display content of the first interface of the first object and the display content of the second interface of the second object; determining the priority of the first interface and the second interface based on the display content of the first interface and the display content of the second interface; and determining the relative positional relationship between the first interface and the second interface based on the priority of the first interface and the second interface.
[0051] The priority of the first and second interfaces is determined based on their displayed content. This can be based on factors such as the complexity of the images on the first and second interfaces, and whether the images are static or dynamic. The complexity can be determined by the number of elements on each interface. For example, if the complexity of the first interface is greater than that of the second interface, then the first interface has a higher priority. Similarly, if the first interface displays static content while the second interface displays dynamic content, then the second interface has a higher priority.
[0052] To prevent users from missing important content on both interfaces, in one implementation, the priority of the first and second interfaces is determined based on the content displayed on the first and second interfaces. This includes: determining the priority of the first and second interfaces based on the importance of the content displayed on the first and second interfaces, wherein the interface with higher content importance has a higher priority than the interface with lower content importance.
[0053] In practical applications, the importance of the displayed content on the first and second interfaces can be determined based on a preset algorithm or rules pre-defined by the user. For example, an electronic device can provide a settings interface for the interface display method provided in this application embodiment. In the settings interface, the user can input the importance ranking of the displayed content, such as video playback content being more important than instant messaging message content, instant messaging message content being more important than advertising content, and so on. In particular, when the advertising content includes advertising content during video playback, the importance of the displayed content on the first and second interfaces may change as the displayed content on the first and second interfaces changes, and consequently, the priority of the first and second interfaces may also change. In other words, the priority of the first and second interfaces can change according to the change in the comparison result of the importance of the displayed content on the first and second interfaces. For example, following the example above, based on the rules input by the user, the first interface is the video playback content interface, and the second interface is the instant messaging message interface. When the video playback content interface is playing the main video, the first interface can be displayed first (e.g., the first interface is placed on top of the second interface). When the video playback content interface transitions from the main video to an advertisement, the second interface can be displayed first (e.g., the second interface is placed on top of the first interface). In this way, users are prevented from missing important content, and the time spent playing advertisements can also be utilized.
[0054] Based on the priority of the first interface and the second interface, their relative positions are determined. This can be achieved by displaying the higher-priority interface at the top and the lower-priority interface at the bottom. For example, if there are three interfaces—first, second, and third—with priority ordered as first interface > second interface > third interface, then their relative positions could be such that the second interface is below the first interface, and the third interface is below the second interface.
[0055] Step 1022: According to the relative positional relationship, display the first interface of the first object and the second interface of the second object in the same display area on the screen.
[0056] If the relative positional relationship is determined based on the priority of the first interface and the second interface, then when the priorities of the first interface and the second interface are different, the interface with higher priority among the first interface and the second interface can be displayed on the interface with lower priority in the same display area on the screen.
[0057] For example, in the above embodiments, after determining the priorities of the first interface and the second interface based on the importance of the displayed content of the first interface and the displayed content of the second interface, the interface with higher display content importance can be displayed on top of the interface with lower display content importance.
[0058] It is understandable that by using the above scheme, the priority of the first interface and the second interface is determined, and the relative position of the first interface and the second interface is determined according to the priority. The interface with higher priority can be displayed on top of the interface with lower priority, thereby avoiding confusion between the display content of the first interface and the second interface when they are displayed on the same layer, and making it easier for users to view the first interface and the second interface.
[0059] In one embodiment, step 1022, which displays the first interface of the first object and the second interface of the second object in the same display area on the screen according to the relative position relationship, further includes: when the priority of the first interface and the second interface meets a preset condition, displaying the first interface and the second interface simultaneously in the same display area on the screen with a preset transparency according to the relative position relationship.
[0060] The preset condition can be that the first interface and the second interface have the same priority. However, it's understood that having the same priority is just one example of the preset condition, and in practice, other conditions can also be used. When the first interface and the second interface have the same priority, either the first interface or the second interface can be selected to be displayed on the upper layer, and the other interface on the lower layer. When displaying the first interface and the second interface in the same display area on the screen, both can be displayed simultaneously with a preset transparency, ensuring that both interfaces are clearly visible and easy for the user to view.
[0061] The first interface and the second interface are displayed simultaneously with preset transparency. Specifically, the first interface and the second interface can be displayed with the same transparency; or the first interface and the second interface can be displayed with different transparency levels. For example, the first interface can be displayed with a first preset transparency level, and the second interface can be displayed with a second preset transparency level, with the first preset transparency level and the second preset transparency level being different. The same transparency value, the first preset transparency value, and the second preset transparency value can be set and adjusted according to actual conditions, and will not be elaborated further here.
[0062] In the foregoing embodiments, when the first interface and the second interface have different priorities, displaying the higher-priority interface on top of the lower-priority interface allows the upper-layer interface to completely cover and obscure the lower-layer interface. Considering that although the upper-layer interface has a higher priority, users may still need to view the lower-layer interface simultaneously, in one implementation, the specific display method for displaying the higher-priority interface on top of the lower-priority interface includes adjusting the transparency of the higher-priority interface between the first and second interfaces, making the transparency of the higher-priority interface greater than that of the lower-priority interface.
[0063] The greater the transparency, the more transparent the interface. When displaying a higher-priority interface on top of a lower-priority interface, the transparency of the upper and / or lower interface can be adjusted to meet the user's need to view both interfaces simultaneously. For example, when displaying a higher-priority interface on top of a lower-priority interface, the transparency of the upper interface can be increased, making it more transparent than the lower interface, allowing the user to see through the upper interface to the lower interface. While increasing the transparency of the upper interface, the transparency of the lower interface can be decreased to enhance its display effect (e.g., improve clarity). The specific values for adjusting the transparency of the upper and lower interfaces can be set according to actual needs, and this application embodiment does not impose specific limitations on this.
[0064] In practical applications, while ensuring the upper-layer interface is clearly displayed, the brightness of the upper-layer interface and / or the lower-layer interface can be further adjusted to enhance the display of the lower-layer interface. For example, the brightness of the upper-layer interface can be reduced and / or the brightness of the lower-layer interface can be increased to enhance the display of the lower-layer interface.
[0065] It is understandable that by adjusting the transparency of the higher-priority interface between the first and second interfaces, as described above, the transparency of the higher-priority interface is made greater than that of the lower-priority interface, thereby allowing users to see both the upper and lower interfaces simultaneously, thus improving the user experience.
[0066] Taking the example that the first screen has a higher priority than the second screen, the first screen can be displayed on top of the second screen. Considering that the first screen may contain important content as well as unimportant content, and the second screen may contain unimportant content as well as important content, if the first screen is displayed completely on top of the second screen, the user may miss the important content on the second screen if they are not paying attention.
[0067] To address this, in one embodiment, the display area includes at least two display sub-areas. Step 1021, in response to the interface display instruction, determines the relative positional relationship between the first interface and the second interface. Specifically, this includes: in response to the interface display instruction, determining the relative positional relationship between the first interface and the second interface in each of the at least two display sub-areas. Step 1022, according to the relative positional relationship, displays the first interface of the first object and the second interface of the second object in the same display area on the screen. Specifically, this includes: according to the relative positional relationship between the first interface and the second interface in each display sub-area, displaying the content corresponding to the first interface of the first object and the content corresponding to the second interface of the second object in each display sub-area of the display area on the screen.
[0068] The display area is divided into multiple sub-regions, which can be based on the display area itself, such as its size or shape. In a preferred embodiment, the display area is divided according to the display content of a first interface and a second interface. Before determining the relative position of the first and second interfaces in each sub-region, the method further includes: obtaining the display content of the first interface of the first object and the display content of the second interface of the second object; and determining the at least two sub-regions of the display area based on the display content of the first and second interfaces. The rules for dividing the display area can refer to the method for determining the priority of the two interfaces described above, and can be based on the dynamic or static state of the first and second interfaces, their complexity, and the importance of their display content. For example, if the left side of the first interface is a dynamic image and the right side is a static image, and the left side of the second interface is a static image and the right side is a dynamic image, then the display area can be divided into two sub-regions: left and right. Similarly, if the upper part of the first interface is more complex than the lower part, and the upper part of the second interface is less complex than the lower part, then the display area can be divided into two sub-regions: upper and lower. Alternatively, if the content displayed in the middle area of the first interface is more important than the content displayed in the surrounding areas, and the content displayed in the surrounding areas of the second interface is more important than the content displayed in the middle area, then the display area can be divided into two sub-areas: the middle area and the surrounding area.
[0069] Taking a display area comprising two sub-display areas as an example, the two sub-display areas are the first display area and the second display area. Since the size of the first interface and the second interface is the same as the size of the display area, the first interface is also equivalent to being divided into two interface sub-areas, namely the first interface sub-area and the second interface sub-area. The second interface is also equivalent to being divided into two interface sub-areas, namely the third interface sub-area and the fourth interface sub-area. The first interface sub-area and the third interface sub-area correspond to the first display area, and the second interface sub-area and the fourth interface sub-area correspond to the second display area.
[0070] Therefore, taking the first display sub-region and the second display sub-region as examples, for each of the at least two display sub-regions, determining the relative positional relationship between the first interface and the second interface in each display sub-region can be as follows:
[0071] The relative positional relationship between the first interface sub-region and the third interface sub-region is determined in the first display sub-region; thus, the first interface sub-region and the third interface sub-region can be displayed in the first display sub-region according to the relative positional relationship. Similarly, the relative positional relationship between the second interface sub-region and the fourth interface sub-region is determined in the second display sub-region; thus, the second interface sub-region and the fourth interface sub-region can be displayed in the second display sub-region according to the relative positional relationship.
[0072] Furthermore, the relative positional relationship between the first and third interface sub-regions in the first display sub-region can be determined by their priorities. This allows the higher-priority sub-region to be displayed on top of the lower-priority sub-region within the first display sub-region. Similarly, the relative positional relationship between the second and fourth interface sub-regions in the second display sub-region can be determined by their priorities. This allows the higher-priority sub-region to be displayed on top of the lower-priority sub-region within the second display sub-region. The determination of the priorities of the first and third interface sub-regions, and the determination of the priorities of the second and fourth interface sub-regions, can be found in the aforementioned embodiments and will not be repeated here.
[0073] It is understandable that, through the above scheme, the same layer can display content from different interfaces. For example, in the above embodiment, the interface sub-area with higher priority is displayed on the upper layer and the interface sub-area with lower priority is displayed on the lower layer in each display sub-area. Then the upper layer can display the content with higher priority from different interfaces, and the lower layer can display the content with lower priority from different interfaces.
[0074] like Figure 6As shown, the screen is divided into three display sub-areas: display sub-area 1, display sub-area 2, and display sub-area 3. The two objects are APP1 and APP2. Within display sub-area 1, the content corresponding to that display sub-area 1 in the APP1 interface has higher priority than the content corresponding to that display sub-area 1 in the APP2 interface. Within display sub-area 1, the content corresponding to that display sub-area 1 in the APP1 interface is displayed on the top layer, and the content corresponding to that display sub-area 1 in the APP2 interface is displayed on the bottom layer (the applications corresponding to the content displayed on the bottom layer are indicated by parentheses in the diagram). Within display sub-area 2, the content corresponding to that display area 2 in the APP2 interface has higher priority than APP1. In the interface, the content corresponding to display sub-area 2 is displayed on the upper layer, and the content corresponding to display sub-area 2 of APP2 is displayed on the lower layer. In display sub-area 3, the content corresponding to display sub-area 3 of APP1 has higher priority than the content corresponding to display sub-area 3 of APP2. In display sub-area 3, the content corresponding to display sub-area 3 of APP1 is displayed on the upper layer, and the content corresponding to display sub-area 3 of APP2 is displayed on the lower layer. Therefore, the upper layer displays the interface content of APP1 and APP2, and the lower layer also displays the interface content of APP1 and APP2.
[0075] It is understandable that the above solution can display the important content of the first and second interfaces on the upper layer, and display the less important content of the first and second interfaces on the lower layer, so that users can more directly obtain the important content of the first and second interfaces, thereby avoiding missing the important content of the two interfaces.
[0076] It is worth noting that different priority determination methods can be used when determining the priority of two interfaces within each display sub-region. For example, in display sub-region 1 and display sub-region 2, the priority of the interface display can be determined based on the importance of the content of the two interfaces. However, in display sub-region 3, the content of the two interfaces is of equal importance, and the priority of the interface display cannot be determined. In this case, other methods can be used to determine the priority of the interface display, such as determining the priority based on the opening order of APP1 and APP2.
[0077] After determining the relative positional relationship between the content displayed on the two interfaces in each display sub-region, the transparency, brightness, etc. of the interfaces in each display sub-region can be further adjusted. For details, please refer to the aforementioned embodiments, which will not be repeated here.
[0078] To facilitate user operation of the first and second interfaces, such as Figure 7As shown, in one embodiment, after displaying an interface of at least two objects on the screen in response to the interface display instruction in step 102, the method further includes:
[0079] Step 103: In response to the interface operation command, display the interface options of the at least two objects.
[0080] The interface operation commands can be long press, click, swipe, etc. When the user inputs the interface operation commands, interface options for a first object and a second object can be displayed. Both the first object and the second object are applications, namely, first application APP1 and second application APP2, respectively. Figure 8 As shown.
[0081] Step 104: Receive the selection operation of the interface option, determine the operation object corresponding to the selection operation, and perform the target operation on the determined operation object.
[0082] The operation object may include a first object and / or a second object. Taking the object as an example, the operation object may include a first application and / or a second application.
[0083] like Figure 8 As shown, the application the user wants to operate on can be determined based on the user's selection of options on the interface. The user can select a first application and / or a second application from the interface options. After determining the target application, the user can then perform operations on it. Taking increasing the volume as an example, if the user selects the first application as the target application, then when the user increases the volume, the first application will respond and the volume will increase, while the second application will not respond and the volume will remain unchanged. If the user selects both the first and second applications as the target applications, then when the user increases the volume, both applications will respond and the volume will increase.
[0084] Furthermore, in one embodiment, when the display area includes at least two display sub-areas, after determining the operation object corresponding to the selection operation, the method further includes: determining the operation area corresponding to the operation object, wherein the operation area corresponding to the operation object includes: the display area or one of the at least two display sub-areas; and performing the target operation on the determined operation object includes: performing the target operation on the operation object in the determined operation area.
[0085] In practical applications, when the display area is divided into multiple sub-regions to display two interfaces according to the above embodiments, the interface operation instructions can be a long press, click, or swipe operation by the user on one of the sub-regions. After determining the operation object based on the user's selection, the area targeted by the subsequent target operation can be determined based on the operation area corresponding to the determined operation object. If the operation area is the entire interface of the operation object, then the area targeted by the subsequent target operation is the entire interface of the operation object, i.e., the display area. If the operation area is the interface area corresponding to a certain sub-region of the operation object's interface, then the area targeted by the subsequent target operation is that interface area, i.e., that specific sub-region.
[0086] For example, if the determined operation object corresponds to operation area A, which is the interface area A of the operation object's interface within a certain display sub-area, and the subsequent target operation is to adjust transparency, and the user selects the first application as the operation object, then after the user performs the transparency adjustment operation, the transparency of interface area A in the first application's interface is adjusted, while the transparency of other areas in that interface remains unchanged. This method allows for the individual adjustment of the transparency of the interface area corresponding to the aforementioned display sub-area within the first application's interface. In practical applications, the transparency adjustment operation can specifically be a long-press operation. By controlling the long-press duration, the transparency can be continuously adjusted; for example, the longer the long-press duration, the lower the transparency, and the interface area corresponding to the aforementioned display sub-area in the first application's interface will be more clearly displayed.
[0087] For example, if the operation area corresponding to the determined operation object is the entire interface of the operation object, and the subsequent target operation is to adjust the transparency, and the user selects the first application as the operation object, then after the user performs the transparency adjustment operation, the transparency of the entire interface of the first application is adjusted.
[0088] In practical applications, once the target object is identified, a selection dialog box can pop up for the user to choose the corresponding operation area, thus defining the area targeted by subsequent operations. (See attached...) Figure 6 ,like Figure 9 As shown, in response to interface operation commands, the interface options of APP1 and APP2 are displayed. Figure 9 (Left image in the image), where the interface operation command can be triggered by the user long-pressing a certain display sub-area; after the user selects the operation object in the interface options (for example, APP1), a region selection box pops up ( Figure 9(See the right image in the image). The area selection box can display "Whether it is globally effective". If the user selects "yes", the subsequent target operation can be applied to the entire interface of the target object. If the user selects "no", the subsequent target operation can be applied to the interface area corresponding to the target object in the display sub-area.
[0089] It is understandable that the above solution allows users to accurately operate on the objects and areas they want to manipulate, thereby further improving the user experience.
[0090] In one implementation, when the two objects include a target application and a user guide, the operation object can be the target application and the user guide by default, and the operation object can no longer be determined based on the user's selected operation.
[0091] When both objects include a target application and a user guide, the user guide's interface can be displayed on top of the target application's interface. Specifically, the user guide's interface can be displayed on top of the target application's interface with a preset transparency. The preset transparency can be set according to actual needs.
[0092] The operation guide may be recorded specifically for a target function of the target application, allowing users to achieve that function under its guidance. For example, if the operation guide is recorded for the "add friends" function of the target application, users can add friends within the application by following its instructions. In practice, different operation guides can be recorded for different functions of the target application. When a specific function of the target application needs to be implemented, the application's interface and the corresponding operation guide's interface can be displayed on the same screen.
[0093] The display positions of text, icons, and other elements in the user guide's interface can be designed based on the display positions of text, icons, and other elements in the target application's interface, so that when the user guide's interface is displayed on top of the target application's interface, the text, icons, and other elements in the interface do not obscure important content in the target application's interface as much as possible.
[0094] Furthermore, after displaying the guide's interface and the target application's interface on the screen, the method further includes: playing a target operation guide from the guide; and automatically playing the next operation guide in the guide in response to receiving an operation matching the target operation guide. If no operation matching the target operation guide is received, the target operation guide is played repeatedly. Figure 10As shown, the guide's interface is displayed on the upper layer, and the target application's interface is displayed on the lower layer (indicated by parentheses). The target operation guide "Click here" is played on the screen. When the user clicks, both the target application and the guide respond to the click. The target application performs the operation corresponding to the click, and the guide plays the next operation guide. If the user does not click, the guide loops the target operation guide "Click here".
[0095] In one embodiment, the method further includes: controlling the operation guide to exit display in response to receiving an operation that matches the last operation instruction of the operation guide.
[0096] When the user performs an operation that matches the last instruction in the operation guide, the target function of the target application can be achieved. At this point, the operation guide can be exited, and only the target interface of the target application will be displayed on the screen, making it easier for the user to operate the target application subsequently.
[0097] It is understandable that in existing technologies, when using operation guides, users typically operate the target application based on memory after viewing the guide. However, the above solution displays the target application and the operation guide in the same display area on the screen, and plays the target operation instructions from the operation guide. In response to receiving an operation that matches the target operation instructions, the next operation instruction from the target operation guide is automatically played, allowing users to perform corresponding operations on the target application in real time according to each played operation instruction, thereby quickly and accurately achieving the target function of the target application.
[0098] Based on the interface display method provided in the above embodiments of this application, this application also provides a more specific interface display method. It should be understood that this interface display method is merely a specific example and does not imply a limitation on the interface display method provided in this application. In this method, the objects include: a first application and a second application; the interfaces of the objects include: a first interface of the first application and a second interface of the second application; the display areas of both interfaces are the same as the screen area, that is, both interfaces are displayed in full screen, such as... Figure 11 As shown, the method includes the following steps:
[0099] Step 201: Receive the interface display instruction.
[0100] Step 202: In response to the interface display instruction, obtain the display content of the first interface of the first application and the display content of the second interface of the second application; divide the screen into at least two display sub-areas based on the display content of the first interface and the display content of the second interface.
[0101] Step 203: For each of the at least two display sub-regions, determine the priority of the first interface and the second interface in each display sub-region.
[0102] Step 204: Within each display sub-area, display the content corresponding to the interface with higher priority in the first interface and the second interface on top of the content corresponding to the interface with lower priority.
[0103] Step 205: In response to the interface operation command, display the interface options of the first application and the second application.
[0104] Step 206: Receive the selection operation of the interface option, determine the operation object corresponding to the selection operation, and perform the target operation on the determined operation object; wherein, the operation object includes a first application and / or a second application.
[0105] The specific implementation methods for steps 201-206 can be referred to the above embodiments, and will not be repeated here.
[0106] It is understood that, in this embodiment of the application, by receiving an interface display instruction, the first interface of the first application and the second interface of the second application are both displayed in full screen in response to the interface display instruction, so that the interfaces of multiple applications can have the same size as when displayed individually, avoiding shrinking the interfaces of multiple applications and displaying them separately in different display areas of the screen, thereby making it easier for users to see the interface display content.
[0107] Based on the interface display method provided in the above embodiments of this application, this application also provides another more specific interface display method. In this method, the object includes: a target application and an operation guide for the target application; the interface of the object includes: a target interface of the target application and a guide interface of the operation guide; the display area of both interfaces is the same as the screen area, that is, both interfaces are displayed in full screen, such as... Figure 12 As shown, the method includes the following steps:
[0108] Step 301: Receive interface display instructions.
[0109] The interface display command can be to drag the operation guide from the desktop to the target application so that the two overlap.
[0110] Step 302: In response to the interface display instruction, display the target interface and the guide interface in full screen on the screen.
[0111] The guide interface is displayed on top of the target interface with a preset transparency. The preset transparency can be set and adjusted according to actual needs.
[0112] Step 303: Play the target operation instructions from the operation guide.
[0113] Step 304: In response to receiving an operation that matches the target operation instruction, automatically play the next operation instruction of the operation instruction.
[0114] Step 305: In response to receiving an operation that matches the last operation instruction in the operation guide, control the operation guide to exit the display.
[0115] The specific implementation methods for steps 301-305 can also refer to the above embodiments, and will not be repeated here.
[0116] Based on the interface display method provided in the above embodiments of this application, both the target application and the operation guide are displayed in full screen. In response to receiving an operation that matches the target operation guide, the next operation guide of the target operation guide is automatically played, so that the user can perform corresponding operations on the target application in real time according to each operation guide played, thereby quickly and accurately realizing the target function of the target application.
[0117] It should be noted that the interface display method provided in this application embodiment can be executed by an interface display device, or by a control module in the interface display device for executing the method of loading and displaying the interface. This application embodiment uses the execution of the method of loading and displaying the interface by an interface display device as an example to illustrate the interface display method provided in this application embodiment.
[0118] This application embodiment also provides an interface display device 40, such as Figure 13 As shown, the interface display device includes:
[0119] The receiving module 401 is used to receive interface display instructions.
[0120] The interface display command can be a command to simultaneously display the interfaces of multiple objects. When a user inputs this command, the interfaces of multiple objects can be displayed on the screen at the same time. These objects can be applications, documents, or even function keys within an application.
[0121] Display module 402 is configured to display the interfaces of at least two objects on the screen in response to the interface display instruction, wherein the interfaces of the at least two objects occupy the same display area on the screen and the interfaces of the at least two objects are at least partially visible.
[0122] Specifically, the interfaces of the at least two objects occupy the same display area on the screen. This means that the interfaces of all objects are displayed within the same display area, and the size of each object's interface is the same as the size of the display area. The interfaces of the at least two objects are at least partially visible, meaning that at least a portion of the interface content of each of the at least two objects is visible within the same display area. The display area used to display the interfaces of the at least two objects can be the entire display area of the screen or a portion of the screen's display area.
[0123] The interface display device provided in this application embodiment receives an interface display instruction and, in response to the instruction, displays the interfaces of at least two objects on the screen. The interfaces of the at least two objects occupy the same display area on the screen, and each interface is at least partially visible. This allows the interfaces of multiple objects to be displayed simultaneously in the same display area of the screen, and the interfaces of multiple objects can have the same size as when displayed individually. For example, when multiple object interfaces are displayed in full screen, each object's interface has the same size as when displayed individually (all are full-screen displays), avoiding the need to shrink the interfaces of multiple objects and display them separately in different parts of the display area, thereby improving the user experience.
[0124] In one embodiment, the at least two objects include: the interfaces of the at least two objects include: a first interface of a first object and a second interface of a second object; the display module 402 further includes a relative position relationship determination unit and a display unit, the relative position relationship determination unit being used to determine the relative position relationship of the first interface and the second interface in response to the interface display instruction, wherein the relative position relationship of the first interface and the second interface includes: the first interface being displayed on top of the second interface, or the second interface being displayed on top of the first interface; the display unit being used to display the first interface of the first object and the second interface of the second object in the same display area on the screen according to the relative position relationship.
[0125] In one embodiment, the relative position relationship determination unit includes an acquisition unit and a determination subunit. The acquisition unit is configured to, in response to the interface display instruction, acquire the display content of a first interface of a first object and the display content of a second interface of a second object. The determination subunit is configured to determine the priorities of the first interface and the second interface based on the display content of the first interface and the display content of the second interface, and to determine the relative position relationship between the first interface and the second interface based on their priorities. Specifically, the display unit is configured to, when the priorities of the first interface and the second interface are different, display the interface with the higher priority among the first interface and the second interface on top of the interface with the lower priority in the same display area on the screen. In one specific embodiment, the display unit is further configured to adjust the transparency of the interface with the higher priority among the first interface and the second interface, such that the transparency of the interface with the higher priority is greater than that of the interface with the lower priority.
[0126] In one embodiment, the display unit is further configured to simultaneously display the first interface and the second interface with a preset transparency in the same display area on the screen according to the relative position relationship, provided that the priority of the first interface and the second interface meets a preset condition.
[0127] In one embodiment, the display area includes at least two display sub-areas; the relative position relationship determination unit is specifically configured to, in response to the interface display instruction, determine the relative position relationship of the first interface and the second interface in each of the at least two display sub-areas. The display unit is specifically configured to, according to the relative position relationship, display the content corresponding to the first interface of the first object and the content corresponding to the second interface of the second object in each of the display sub-areas of the display area on the screen.
[0128] Furthermore, in one embodiment, the interface display device 40 further includes a display area division module, which is used to obtain the display content of the first interface of the first object and the display content of the second interface of the second object before determining the relative positional relationship between the first interface and the second interface in each display sub-area; and to determine the at least two display sub-areas of the display area based on the display content of the first interface and the display content of the second interface.
[0129] In one embodiment, the interface display device 40 further includes an interface option display module, an operation object determination module, and an operation execution module; the interface option display module is used to display interface options of the at least two objects in response to an interface operation instruction; the operation object determination module is used to receive a selection operation on the interface option and determine the operation object corresponding to the selection operation; the operation execution module is used to perform a target operation on the determined operation object.
[0130] In one embodiment, the interface display device 40 further includes an operation area determination module. This module, when the display area includes at least two display sub-areas, determines the operation area corresponding to the operation object after determining the operation object corresponding to the selection operation. The operation area corresponding to the operation object includes either the display area or one of the at least two display sub-areas. The operation execution module is specifically used to perform the target operation on the operation object within the determined operation area.
[0131] In one embodiment, the at least two objects include a target application and an operation guide for the target application; the interfaces of the at least two objects include a target interface of the target application and a guide interface of the operation guide; displaying the interfaces of the at least two objects on the screen includes displaying the target interface of the target application and the guide interface of the operation guide in the same display area on the screen; the interface display device 40 further includes a playback module, which, after displaying the interfaces of the at least two objects on the screen, plays the target operation guide of the operation guide; and automatically plays the next operation guide of the target operation guide in response to receiving an operation matching the target operation guide.
[0132] Furthermore, the interface display device 40 may also include an exit module, which is used to control the operation guide to exit display in response to receiving an operation that matches the last operation instruction of the operation guide.
[0133] The interface display device in this application embodiment can be a device, or a component, integrated circuit, or chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. For example, mobile electronic devices can be mobile phones, tablets, laptops, PDAs, in-vehicle electronic devices, wearable devices, ultra-mobile personal computers (UMPCs), netbooks, or personal digital assistants (PDAs), etc., while non-mobile electronic devices can be servers, network attached storage (NAS), personal computers (PCs), televisions (TVs), ATMs, or self-service machines, etc. This application embodiment does not impose specific limitations.
[0134] The interface display device in this application embodiment can be a device with an operating system. This operating system can be Android, iOS, or other possible operating systems; this application embodiment does not specifically limit the specific operating system used.
[0135] The interface display device provided in this application embodiment can achieve... Figures 1 to 12 The various processes implemented by the interface display device in the method embodiment will not be described again here to avoid repetition.
[0136] The interface display device provided in this application embodiment receives an interface display instruction and, in response to the instruction, displays the interfaces of at least two objects on the screen. The interfaces of the at least two objects occupy the same display area on the screen, and each interface is at least partially visible. This allows the interfaces of multiple objects to be displayed simultaneously in the same display area of the screen, and the interfaces of multiple objects can have the same size as when displayed individually. For example, when multiple object interfaces are displayed in full screen, each object's interface has the same size as when displayed individually (all are full-screen displays), avoiding the need to shrink the interfaces of multiple objects and display them separately in different parts of the display area, thereby improving the user experience.
[0137] Optional, such as Figure 14 As shown, this application embodiment also provides an electronic device 500, including a processor 510, a memory 509, and a program or instructions stored in the memory 509 and executable on the processor 510. When the program or instructions are executed by the processor 510, they implement the various processes of the above-described interface display method embodiment and achieve the same technical effect. To avoid repetition, they will not be described again here.
[0138] It should be noted that the electronic devices in the embodiments of this application include the mobile electronic devices and non-mobile electronic devices described above.
[0139] Figure 14 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of this application.
[0140] The electronic device 500 includes, but is not limited to, components such as: radio frequency unit 501, network module 502, audio output unit 503, input unit 504, sensor 505, display unit 506, user input unit 507, interface unit 508, memory 509, and processor 510.
[0141] Those skilled in the art will understand that the electronic device 500 may also include a power supply (such as a battery) for supplying power to various components. The power supply may be logically connected to the processor 510 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system. Figure 14 The electronic device structures shown are not intended to limit the electronic device. An electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements; these will not be elaborated further here. In embodiments of the present invention, the electronic device includes, but is not limited to, mobile phones, tablet computers, laptops, PDAs, in-vehicle terminals, wearable devices, and pedometers.
[0142] The processor 510 is configured to receive an interface display instruction; in response to the interface display instruction, display the interfaces of at least two objects on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the interfaces of the at least two objects are at least partially visible.
[0143] The electronic device provided in this application embodiment receives an interface display instruction and, in response to the interface display instruction, displays the interfaces of at least two objects on the screen. The interfaces of the at least two objects occupy the same display area on the screen, and each of the at least two objects' interfaces is at least partially visible. This allows the interfaces of multiple objects to be displayed simultaneously in the same display area of the screen, and thus the interfaces of multiple objects can have the same size as when displayed individually. For example, when the interfaces of multiple objects are displayed in full screen, each object's interface has the same size as when displayed individually (all are full-screen displays), avoiding the need to shrink the interfaces of multiple objects and display them separately in different parts of the display area, thereby improving the user experience.
[0144] It should be understood that, in this embodiment of the invention, the radio frequency unit 501 can be used for receiving and transmitting signals during information transmission or calls. Specifically, it receives downlink data from the base station and processes it with the processor 510; additionally, it transmits uplink data to the base station. Typically, the radio frequency unit 501 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low-noise amplifier, a duplexer, etc. Furthermore, the radio frequency unit 501 can also communicate with networks and other devices through a wireless communication system.
[0145] The electronic device provides users with wireless broadband internet access through the network module 502, such as helping users send and receive emails, browse web pages, and access streaming media.
[0146] The audio output unit 503 can convert audio data received by the radio frequency unit 501 or the network module 502 or stored in the memory 509 into audio signals and output them as sound. Furthermore, the audio output unit 503 can also provide audio output related to specific functions performed by the electronic device 500 (e.g., call signal reception sound, message reception sound, etc.). The audio output unit 503 includes a speaker, a buzzer, and a receiver, etc.
[0147] Input unit 504 is used to receive audio or video signals. Input unit 504 may include a graphics processing unit (GPU) 5041 and a microphone 5042. The GPU 5041 processes image data of still images or videos acquired by an image capture device (such as a camera) in video capture mode or image capture mode. The processed image frames can be displayed on display unit 506. The image frames processed by GPU 5041 can be stored in memory 509 (or other storage medium) or transmitted via radio frequency unit 501 or network module 502. Microphone 5042 can receive sound and process such sound into audio data. The processed audio data can be converted into a format that can be transmitted to a mobile communication base station via radio frequency unit 501 in telephone call mode.
[0148] The electronic device 500 also includes at least one sensor 505, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor includes an ambient light sensor and a proximity sensor. The ambient light sensor can adjust the brightness of the display panel 5061 according to the ambient light level, and the proximity sensor can turn off the display panel 5061 and / or backlight when the electronic device 500 is moved to the ear. As a type of motion sensor, an accelerometer sensor can detect the magnitude of acceleration in various directions (generally three axes). When stationary, it can detect the magnitude and direction of gravity and can be used to identify the posture of the electronic device (such as landscape / portrait switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc. The sensor 505 may also include a fingerprint sensor, pressure sensor, iris sensor, molecular sensor, gyroscope, barometer, hygrometer, thermometer, infrared sensor, etc., which will not be described in detail here.
[0149] The display unit 506 is used to display information input by the user or information provided to the user. The display unit 506 may include a display panel 5061, which may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.
[0150] User input unit 507 can be used to receive input numerical or character information, and to generate key signal inputs related to user settings and function control of electronic devices. Specifically, user input unit 507 includes a touch panel 5071 and other input devices 5072. Touch panel 5071, also known as a touch screen, can collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near touch panel 5071). Touch panel 5071 may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch position and the signal generated by the touch operation, and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts it into touch point coordinates, and sends it to the processor 510, which receives and executes commands from the processor 510. In addition, touch panel 5071 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. Besides touch panel 5071, user input unit 507 may also include other input devices 5072. Specifically, other input devices 5072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, power buttons, etc.), trackballs, mice, and joysticks, which will not be elaborated further here. Furthermore, a touch panel 5071 may cover the display panel 5061. When the touch panel 5071 detects a touch operation on or near it, it transmits the information to the processor 510 to determine the type of touch event. Subsequently, the processor 510 provides corresponding visual output on the display panel 5061 based on the type of touch event. Although in Figure 14 In this embodiment, the touch panel 5071 and the display panel 5061 are two independent components to realize the input and output functions of the electronic device. However, in some embodiments, the touch panel 5071 and the display panel 5061 can be integrated to realize the input and output functions of the electronic device. The specific implementation is not limited here.
[0151] Interface unit 508 serves as an interface for connecting external devices to electronic device 500. For example, external devices may include a wired or wireless headphone port, an external power supply (or battery charger) port, a wired or wireless data port, a memory card port, a port for connecting a device with an identification module, an audio input / output (I / O) port, a video I / O port, a headphone port, and so on. Interface unit 508 can be used to receive input from external devices (e.g., data, power, etc.) and transmit the received input to one or more components within electronic device 500, or it can be used to transmit data between electronic device 500 and external devices.
[0152] The memory 509 can be used to store software programs and various data. The memory 509 may primarily include a program storage area and a data storage area. The program storage area may store the operating system, applications required for at least one function (such as sound playback, image playback, etc.), etc.; the data storage area may store data created based on the use of the mobile phone (such as audio data, phonebook, etc.). Furthermore, the memory 509 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device.
[0153] The processor 510 is the control center of the electronic device. It connects various parts of the electronic device via various interfaces and lines. By running or executing software programs and / or modules stored in the memory 509, and by calling data stored in the memory 509, it performs various functions and processes data, thereby providing overall monitoring of the electronic device. The processor 510 may include one or more processing units; preferably, the processor 510 may integrate an application processor and a modem processor. The application processor mainly handles the operating system, user interface, and applications, while the modem processor mainly handles wireless communication. It is understood that the modem processor may not be integrated into the processor 510.
[0154] The electronic device 500 may also include a power supply 511 (such as a battery) for supplying power to various components. Preferably, the power supply 511 can be logically connected to the processor 510 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system.
[0155] In addition, the electronic device 500 includes some functional modules not shown, which will not be described in detail here.
[0156] This application also provides a readable storage medium storing a program or instructions. When the program or instructions are executed by a processor, they implement the various processes of the above-described interface display method embodiments and achieve the same technical effect. To avoid repetition, they will not be described again here.
[0157] The processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes computer-readable storage media, such as computer read-only memory (ROM), random access memory (RAM), magnetic disk, or optical disk.
[0158] This application embodiment also provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run programs or instructions to implement the various processes of the above-described interface display method embodiments and can achieve the same technical effect. To avoid repetition, it will not be described again here.
[0159] It should be understood that the chip mentioned in the embodiments of this application may also be referred to as a system-on-a-chip, system chip, chip system, or system-on-a-chip, etc.
[0160] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element. Furthermore, it should be noted that the scope of the methods and apparatuses in the embodiments of this application is not limited to performing functions in the order shown or discussed, but may also include performing functions substantially simultaneously or in the reverse order, depending on the functions involved. For example, the described methods may be performed in a different order than described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.
[0161] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in the various embodiments of this application.
[0162] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.
Claims
1. A method for displaying an interface, characterized in that, The method includes: Receive interface display instructions; In response to the interface display instruction, the interfaces of at least two objects are displayed on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the size of the interface of each object is the same as the display area; the interfaces of the at least two objects are at least partially visible. The interfaces of the at least two objects include: a first interface of the first object and a second interface of the second object; The interface that displays at least two objects on the screen in response to the interface display instruction includes: In response to the interface display instruction, the relative positional relationship between the first interface and the second interface is determined, wherein the relative positional relationship between the first interface and the second interface includes: the first interface is displayed on top of the second interface, or the second interface is displayed on top of the first interface; According to the relative positional relationship, the first interface of the first object and the second interface of the second object are displayed in the same display area on the screen; Among the first interface and the second interface, the transparency of the interface with higher priority is greater than that of the interface with lower priority. The display area includes at least two display sub-areas; The step of determining the relative positional relationship between the first interface and the second interface in response to the interface display instruction includes: in response to the interface display instruction, determining the relative positional relationship between the first interface and the second interface in each of the at least two display sub-regions in each display sub-region; The step of displaying the first interface of the first object and the second interface of the second object in the same display area on the screen according to the relative position relationship includes: displaying the content corresponding to the first interface of the first object and the content corresponding to the second interface of the second object in each display sub-area of the display area on the screen according to the relative position relationship between the first interface and the second interface in each display sub-area; wherein, in each display sub-area, the interface sub-area with higher priority is displayed on the upper layer, and the interface sub-area with lower priority is displayed on the lower layer.
2. The interface display method according to claim 1, characterized in that, Determining the relative positional relationship between the first interface and the second interface in response to the interface display instruction includes: In response to the interface display instruction, the display content of the first interface of the first object and the display content of the second interface of the second object are obtained; The priority of the first interface and the second interface is determined based on the content displayed on the first interface and the content displayed on the second interface. The relative positional relationship between the first interface and the second interface is determined based on their priorities. The step of displaying the first interface of the first object and the second interface of the second object in the same display area on the screen according to the relative position relationship includes: when the first interface and the second interface have different priorities, displaying the interface with higher priority among the first interface and the second interface on top of the interface with lower priority in the same display area on the screen.
3. The interface display method according to claim 2, characterized in that, The step of displaying the first interface of the first object and the second interface of the second object in the same display area on the screen according to the relative position relationship further includes: when the priority of the first interface and the second interface meets the preset conditions, displaying the first interface and the second interface simultaneously in the same display area on the screen with preset transparency according to the relative position relationship.
4. The interface display method according to claim 2, characterized in that, The area of the display area is the same as the area of the screen, and the interface display method further includes: Adjust the transparency of the interface with higher priority between the first interface and the second interface so that the transparency of the interface with higher priority is greater than that of the interface with lower priority.
5. The interface display method according to claim 1, characterized in that, Before determining the relative positional relationship between the first interface and the second interface in each display sub-region, the interface display method further includes: Obtain the display content of the first interface of the first object and the display content of the second interface of the second object; Based on the content displayed on the first interface and the content displayed on the second interface, the at least two display sub-areas of the display area are determined.
6. The interface display method according to claim 1, characterized in that, The interface display method further includes: In response to interface operation commands, display the interface options of the at least two objects; Receive a selection operation on the interface option and determine the operation object corresponding to the selection operation; Perform the target operation on the identified operation object.
7. The interface display method according to claim 6, characterized in that, The display area includes at least two display sub-areas. After determining the operation object corresponding to the selection operation, the interface display method further includes: determining the operation area corresponding to the operation object; wherein, the operation area corresponding to the operation object includes: the display area or one of the at least two display sub-areas. The step of performing a target operation on the determined operation object includes: performing the target operation on the operation object within the determined operation area.
8. The interface display method according to claim 1, characterized in that, The at least two objects include a target application and an operation guide for the target application; The interfaces of the at least two objects include: the target interface of the target application and the guidance interface of the operation guide; The interface that displays at least two objects on the screen includes: displaying the target interface of the target application and the guide interface of the operation guide in the same display area on the screen; After displaying an interface with at least two objects on the screen, the interface display method further includes: Play the target operation instructions from the aforementioned operation guide; In response to receiving an operation that matches the target operation instruction, the next operation instruction in the operation instruction is played automatically.
9. The interface display method according to claim 8, characterized in that, The interface display method further includes: In response to receiving an operation that matches the last operation instruction in the operation guide, the operation guide is controlled to exit display.
10. An interface display device, characterized in that, The device includes: The receiving module is used to receive interface display instructions; The display module is configured to respond to the interface display instruction to display the interfaces of at least two objects on the screen, wherein the interfaces of the at least two objects occupy the same display area on the screen, and the size of the interface of each object is the same as the display area; the interfaces of the at least two objects are at least partially visible. The interfaces of the at least two objects include: a first interface of the first object and a second interface of the second object; The display module further includes a relative position relationship determination unit and a display unit; The relative position relationship determination unit is used to determine the relative position relationship between the first interface and the second interface in response to the interface display instruction, wherein the relative position relationship between the first interface and the second interface includes: the first interface is displayed on top of the second interface, or the second interface is displayed on top of the first interface. The display unit is used to display the first interface of the first object and the second interface of the second object in the same display area on the screen according to the relative positional relationship; Among the first interface and the second interface, the transparency of the interface with higher priority is greater than that of the interface with lower priority. The display area includes at least two display sub-areas; The relative position relationship determination unit is further configured to: in response to the interface display instruction, determine the relative position relationship between the first interface and the second interface in each of the at least two display sub-regions; The display unit is further configured to: display the content corresponding to the first interface of the first object and the content corresponding to the second interface of the second object in each display sub-region of the display area on the screen according to the relative position relationship between the first interface and the second interface in each display sub-region; wherein, in each display sub-region, the interface sub-region with higher priority is displayed on the upper layer, and the interface sub-region with lower priority is displayed on the lower layer.
11. An electronic device, characterized in that, It includes a processor, a memory, and a program or instructions stored in the memory and executable on the processor, wherein the program or instructions, when executed by the processor, implement the steps of the interface display method as described in any one of claims 1-9.
Citation Information
Patent Citations
Same-screen method and system, mobile terminal and computer readable storage medium
CN110213648A
Interaction control method and electronic equipment
CN111367483A
Screen projection method, screen projection device, electronic equipment and readable storage medium
CN112486386A