CN115640092A - Interface display method and device, electronic equipment and readable storage medium - Google Patents

Interface display method and device, electronic equipment and readable storage medium Download PDF

Info

Publication number
CN115640092A
CN115640092A CN202211348479.9A CN202211348479A CN115640092A CN 115640092 A CN115640092 A CN 115640092A CN 202211348479 A CN202211348479 A CN 202211348479A CN 115640092 A CN115640092 A CN 115640092A
Authority
CN
China
Prior art keywords
page
input
area
displayed
region
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202211348479.9A
Other languages
Chinese (zh)
Inventor
潘璠
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202211348479.9A priority Critical patent/CN115640092A/en
Publication of CN115640092A publication Critical patent/CN115640092A/en
Pending legal-status Critical Current

Links

Images

Abstract

The application discloses an interface display method, an interface display device, electronic equipment and a readable storage medium, and belongs to the technical field of terminals. The method comprises the following steps: displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode; receiving a first input for adjusting transparency of a first region of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages; in response to the first input, updating and displaying the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.

Description

Interface display method and device, electronic equipment and readable storage medium
Technical Field
The application belongs to the technical field of electronic equipment, and particularly relates to an interface display method and device, electronic equipment and a readable storage medium.
Background
In the prior art, at least two application pages are displayed by split screens. For example, the screen is divided into an upper part and a lower part, and the two parts of the screen respectively display different application pages.
However, in actual use, the size and the proportion of the original application page are changed, so that the operation convenience is low.
Disclosure of Invention
The embodiment of the application aims to provide an interface display method, an interface display device, electronic equipment and a readable storage medium, which can improve the convenience of using at least two application pages simultaneously.
In a first aspect, an embodiment of the present application provides an interface display method, including:
displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode;
receiving a first input for adjusting transparency of a first region of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages;
responding to the first input, and updating and displaying the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.
In a second aspect, an embodiment of the present application provides an interface display apparatus, including:
the interface display module is used for displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode;
the first receiving module is used for receiving a first input for adjusting the transparency of a first area of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages;
the area display module is used for responding to the first input and updating and displaying the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.
In a third aspect, embodiments of the present application provide an electronic device, which includes a processor and a memory, where the memory stores a program or instructions executable on the processor, and the program or instructions, when executed by the processor, implement the steps of the method according to the first aspect.
In a fourth aspect, embodiments of the present 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 according to the first aspect.
In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and the processor is configured to execute a program or instructions to implement the method according to the first aspect.
In a sixth aspect, embodiments of the present application provide a computer program product, which is stored in a storage medium and executed by at least one processor to implement the method according to the first aspect.
In the embodiment of the application, a user operation interface is displayed, the user operation interface comprises at least two stacked and displayed layered pages, a first input used for adjusting the transparency of a first region of a first page is received, the first page is a first-layer page of the at least two stacked and displayed layered pages, the first region is updated and displayed according to the adjusted transparency in response to the first input, and the updated first region displays a corresponding region of a lower-layer page of the first page.
Drawings
Fig. 1 is a schematic flowchart of an interface display method according to an embodiment of the present application.
Fig. 2A and 2B are schematic user interface diagrams of an interface display method according to an embodiment of the present application.
Fig. 3A and 3B are schematic user interface diagrams of an interface display method according to an embodiment of the present application.
Fig. 4 is a schematic user interface diagram of an interface display method according to an embodiment of the present application.
Fig. 5 is a user interface schematic diagram of an interface display method according to an embodiment of the present application.
Fig. 6 is a block diagram showing a structure of an interface display device according to an embodiment of the present application.
Fig. 7 is a block diagram of a structure of an electronic device according to an embodiment of the present application.
Fig. 8 is a schematic hardware structure diagram of an electronic device implementing an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be described below clearly with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments that can be derived by one of ordinary skill in the art from the embodiments given herein are intended to be within the scope of the present disclosure.
The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
The interface display method, the interface display apparatus, the electronic device, and the readable storage medium provided in the embodiments of the present application are described in detail below with reference to the accompanying drawings through specific embodiments and application scenarios thereof.
Referring to fig. 1, fig. 1 is a schematic flowchart of an interface display method according to an embodiment of the present disclosure. As shown in fig. 1, the interface display method according to the embodiment of the present application includes the following steps 102 to 108.
102, displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode.
In one embodiment, the electronic device displays a user interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode.
The at least two layered pages displayed in a stacked manner may be application pages of the same application program, or may respectively correspond to application pages of different application programs. For example, the target application has multiple controls, each of which may implement a different functionality and display a different application page. In the embodiment of the application, the application pages correspondingly displayed by different controls for operating the target application program can be selectively added into the stacked and displayed layered pages by clicking the preset layered display control, so that the application pages correspondingly displayed by the different controls of the same application program are stacked and displayed in a layered manner. Or after different application programs are started and corresponding application pages are entered, the application pages correspondingly displayed by the multiple application programs can be selectively added into the stacked and displayed layered pages by clicking the preset layered display control, so that the application pages correspondingly displayed by the different application programs are displayed in a layered and stacked manner.
The layered pages displayed by the at least two stacks may be fully overlaid stacks or partially overlapped interleaved stacks. And receiving the input of a user in a user operation interface, and performing corresponding operation on the stacked and displayed layered pages.
At least two layered pages which are displayed in a stacked manner and displayed on the user operation interface can be preset by a user. Referring to fig. 2A, upon entering the page 10, the page 10 may be set to the corresponding hierarchical stacking position by entering the hierarchical setting control 2 and receiving the user-selected placement at the bottom layer. After the user clicks on the bottom layer, as shown in fig. 2B, the transparency setting interface 12 pops up, the transparency of the page 10 may be changed by dragging the slider 14 or filling numbers in the frame 16, and after the determination control 18 is clicked, the page 10 is displayed on the bottom layer of the user operation interface with the set transparency.
Similarly, referring to FIG. 3A, upon entering page 20, page 20 may be set to a corresponding hierarchical stack position by entering hierarchical setting control 2 and receiving a user-selected top-level, i.e., top-level. After the user clicks on the top layer, as shown in fig. 3B, the transparency setting interface 22 pops up, the transparency of the page 20 can be changed by dragging the slider 24 or filling numbers in the frame 26, and after the determination control 28 is clicked, the page 20 is displayed on the top layer of the user operation interface with the set transparency.
104, receiving a first input for adjusting the transparency of a first area of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages.
In one embodiment, an electronic device receives a first input for adjusting a transparency of a first region of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages.
In this embodiment, the first input may be input by a user to a top-layer page of the layered pages displayed in the stack on the ui. Here, the top page is closest to the user's line of sight with respect to the layered page stacked therebelow, and the first input is, for example, a click or slide operation of the user's finger on the top page.
The first area may be an entire page area of the first page or a partial area in the first page. The first region may be automatically selected based on key content of a lower page of the first page. For example, when the underlying page is a conversation application, the system may automatically divide the area in which the conversation message display box in the conversation application page is located into the first area. Alternatively, it may be selected or divided based on a manual operation of the user. For example, if the lower page of the first page is a conversation application, the user may manually select an area corresponding to a conversation message display box in an application page of the conversation application of the lower page on the first page, thereby determining the first area.
Corresponding to the case that the user manually selects the first area, optionally, before receiving the first input for adjusting the transparency of the first area of the first page, the method further includes: receiving a second input; in response to the second input, a first region in the first page is determined.
For the default case, the first region may be the entire page region of the first page. In another embodiment, the first region is a local region in the first page. At this time, the user may select a specific region of the first page by operating the first page, and adjust only the transparency of the specific region.
In one embodiment, before receiving the first input of the user, the transparency of the entire page of the first page, which is the top page, may be 0, that is, the stacked lower pages cannot be displayed through the top page. After receiving the second input of the user, the first region is determined from the first page, so that after receiving the first input of the user, the transparency of the first region can be adjusted to display the region of the lower page of the first page corresponding to the first region, that is, the content of the region corresponding to the lower page is displayed through the first region.
The area of the lower page corresponding to the first area may be a key content area of the lower page, for example, the lower page is an application page 20 of a conversation application, the application page displays a conversation message display box 24 and a chat message input box 22, etc., for example, the first area is an area corresponding to the conversation message display box 24 in the application page of the conversation application.
Or the lower page is a user health information page of the target applet, the user health information page includes user identity information, a health information two-dimensional code and the like, for example, the first area is an area corresponding to the health information two-dimensional code of the user health information page.
Step 106, responding to the first input, and updating and displaying the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.
In one embodiment, the electronic device, in response to the first input, updates and displays the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.
The corresponding region may be the same size and location as the first region of the first page, and the corresponding region may be a region where key content of the underlying page of the first page is displayed, such as a local region where the conversation message display box 24 or chat message input box 22 is displayed for the application page 20 of the conversation application described above. Or the health information page is a local area where the health information two-dimensional code of the user health information page is located. When the number of the layered regions displayed in a stacked manner is 3 or more, the corresponding regions corresponding to the first region are respectively located in the underlying layered pages.
In this step, the transparency of the first region of the top page may be set by the first input. Here, the upper layer is closer to the user's sight line than the lower layer, whereas the lower layer is farther from the user's sight line than the upper layer, and the top page is the upper page closest to the user's sight line. The transparency of the adjusted first region is larger than that of the corresponding region of the lower page, and when a plurality of lower pages are provided, the transparency of the corresponding region of the upper page is larger than that of the corresponding region of the lower page. For example, a layered page displayed in a stack has 3 layers, a first region of a first layer page has a transparency of 50%, a corresponding region of a first lower layer page adjacent to the first layer page has a transparency of 40%, and a corresponding region of a second lower layer page adjacent to the first lower layer page has a transparency of 30%. Therefore, the page contents of the corresponding areas of the two lower-layer pages below can be displayed through the transparent display first area.
The transparency of the first area after being adjusted is larger than that of other areas of the first page. For example, the transparency of the region of the first page except the first region is 0, that is, only the first region of the first page can transparently display the corresponding region of the lower page, and the other regions of the first page block the corresponding region of the lower page. In this way, the user can only see the content displayed in the first page and the content of the key area corresponding to the first area in the lower page at the same time.
Therefore, on the premise that the first-layer page normally displays the content, the transparency of the target area in the first-layer page of the stacked layered display pages can be adjusted, and the key content of the area corresponding to the target area in the first-layer page and the lower-layer page of the first-layer page can be displayed at the same time, so that a user can clearly view the display information of at least two stacked layered pages at the same time, and can also operate the control of the first-layer page, thereby realizing the simultaneous display of a plurality of layered pages. When the plurality of layered pages correspond to different applications, the plurality of applications of the displayed layered application pages may be used while the plurality of application pages of the different applications are displayed.
Optionally, the lower page of the first page includes an application page of a target application; the method further comprises the following steps: receiving a third input under the condition of receiving an application message corresponding to the target application; and responding to the third input, and displaying an application message corresponding to the target application in a second area of the first page.
In this embodiment, when the lower page is an application page, the second area corresponds to an area where the target application displays the received or pushed application message. For example, if the target application is a session application and the application message is a received session message, the second area of the first page corresponding to the session message may be selected according to the third input, and the session message of the lower application page may be displayed in the second area of the first page.
In other embodiments, the second area may also be preset by the user, for example, an application page of the target session application corresponding to the lower page, the received new message may be displayed at the top of the application page, and then the user presets to determine the top specific area of the first page as the second area. By automatically detecting the message receiving condition of the conversation application of the lower page in real time, once the conversation application is detected to receive a new message, the new message is triggered to be displayed on the preset top area of the first page. That is, after receiving the application message of the lower application page, the application message of the target application in the area corresponding to the lower page is automatically detected and triggered to be transparently displayed in the second area of the first page.
In addition, the session message triggering the lower application page displayed in the second area of the first page may be a message of a preset target contact, for example, a message of a contact considered important by the user. And by binding the contact, only after receiving the message of the target contact of the lower application page, automatically detecting and triggering the message of the target contact of the lower page to be transparently displayed in the second area of the first page.
Optionally, the method further comprises: receiving a fourth input; in response to the fourth input, determining a second page from lower pages of the first page, and taking the second page as a first page of the at least two stacked and displayed layered pages; the second page comprises a transparent area, and at least one of the transparency and the position of the transparent area in the second page corresponds to the first area of the first page.
In this embodiment, the fourth input is an operation of the user to perform switching of the top-level page. When the lower page comprises a plurality of pages, the user can select the target page as the second page through the hierarchical setting control 2 and set the target page as the first page. After switching, the transparent area of the second page can be automatically set to correspond to the position of the first area of the transparent display of the first page which is originally the first-layer page, and the transparency of the second area can also be automatically set to be the same as that of the first area. Therefore, the switching of the first-layer page, the division of the first area of the first-layer page and the transparency setting are realized.
Optionally, the lower page of the first page includes a second page; the method further comprises the following steps: receiving a fifth input; and responding to the fifth input, and canceling the second page corresponding to the fifth input from being displayed in the user operation interface.
In this embodiment, the fifth input is a user operation to cancel one or more of the hierarchical pages, excluding the top level page. If the cancelled second page is a lower page adjacent to the first page, after the second page is cancelled, the first region of the first page transparently displays the lower page adjacent to the second page, for example, the content of the region corresponding to the first region in the third page.
Of course, the first-layer page may be displayed on the user operation interface by exiting the first-layer page from the hierarchy according to the input of the user.
After the user operation interface displays at least two layered pages which are displayed in a stacked mode, the switching and the canceling of the layered pages can be achieved through a layered setting control, and the control is shown in fig. 4. The hierarchical setting control 4 can be displayed on any target hierarchical page and includes various functions for receiving user settings: switching layers for realizing the upper and lower layer switching of the target layered page; modifying the transparency, wherein the modifying is used for realizing transparency modification of the target layered page; and exiting the layering to realize exiting the layered display mode, namely recovering the user operation interface to the normal display mode before layering.
In addition, the method also comprises a function of synchronous operation, and optionally, the method also comprises the following steps: and receiving an input for synchronous display operation, and responding to the input, and synchronously executing a first operation on a corresponding area of a lower page of a first page displayed in a first area while performing the first operation on the first area of the first page.
For example, for a scene that requires a synchronous operation on two application pages, such as copying a painting, after a user clicks the synchronous operation of the hierarchical setting control 4, the same operation may be displayed on a corresponding region displayed on a lower page while operating the control in the first region of the first page.
Optionally, the method further comprises: receiving a sixth input; and responding to the sixth input, and displaying a third page corresponding to the sixth input in the user operation interface.
In addition to being able to de-level at least one of the hierarchical pages displayed by the user interface, in this embodiment, a new hierarchically displayed page may be added to an existing hierarchical page displayed by the user interface.
As shown in fig. 5, through the hierarchical management interface 6, application pages corresponding to existing hierarchical pages displayed by the user operation interface may be displayed, for example, the existing hierarchical pages are application pages corresponding to the applications APP1 and APP2, respectively. By clicking the add control 8, the new APP application page can be added to the existing hierarchical page. In addition, when adding a hierarchical page needing hierarchical display, the hierarchy and transparency of the hierarchical display of the page can be set, for example, if the newly added page is set as 1 layer, the corresponding page is set as a first-layer page and is hierarchically displayed with other existing hierarchical pages; if the newly added page is set to be 2 layers, the corresponding setting is inserted between the first layer page and the adjacent lower layer page, and layered display is carried out.
For the hierarchical management, the hierarchical management can be realized through a floating control displayed on a user operation interface, so that the hierarchical application pages are managed and quickly switched, and the transparency of the area corresponding to the first area is automatically adjusted according to the hierarchy corresponding to each hierarchical page. For example, the transparency of the first region of the top page is greater than the transparency of the corresponding region of the lower page, and when the current top page is switched to the lower layer 2 page, the transparency of the first region of the top page is automatically adjusted to the default transparency of the layer 2 page. Similarly, after the lower layer target page is switched to the first layer page, the transparency of the first area of the target page is automatically adjusted to the default transparency of the layer 1 page, so that the use experience of the user is further improved.
Optionally, the lower page of the first page includes a second page and a fourth page; the second page is positioned at the lower layer of the first page, and the fourth page is positioned at the lower layer of the second page; the method further comprises the following steps: receiving a seventh input; in response to the seventh input, displaying a respective area of the fourth page in the first area.
In this embodiment, the control of the top page may be set to be inoperative, that is, the top page may not be operated by the user, so that any lower page may be operated through the first region of the transparent display. Under the condition that the stacking sequence of the layered pages is not changed, after a user selects a fourth page below the first-layer page, the control of the region corresponding to the fourth page displayed in the first region of the first-layer page can be operated and correspondingly displayed in the first region.
In the embodiment of the application, a user operation interface is displayed, the user operation interface comprises at least two stacked and displayed layered pages, a first input used for adjusting the transparency of a first region of a first page is received, the first page is a first-layer page of the at least two stacked and displayed layered pages, the first region is updated and displayed according to the adjusted transparency in response to the first input, and the updated first region displays a corresponding region of a lower-layer page of the first page.
According to the interface display method provided by the embodiment of the application, the execution main body can be an interface display device. The embodiment of the present application describes an interface display device provided in the embodiment of the present application, by taking an example in which an interface display device executes an interface display method.
As shown in fig. 6, an embodiment of the present application provides an interface display apparatus 800, including:
an interface display module 820 for displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode;
a first receiving module 840 for receiving a first input for adjusting transparency of a first region of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages;
a region display module 860, configured to update and display the first region according to the adjusted transparency in response to the first input; and the updated first area displays a corresponding area of a lower page of the first page.
Optionally, the interface display device 800 further includes:
the second receiving module is used for receiving a second input;
a region determination module to determine a first region in the first page in response to the second input.
Optionally, the lower page of the first page includes an application page of a target application; the interface display apparatus 800 further includes:
the third receiving module is used for receiving a third input under the condition of receiving the application message corresponding to the target application;
and the message display module is used for responding to the third input and displaying the application message corresponding to the target application in a second area of the first page.
Optionally, the interface display device 800 further includes:
a fourth receiving module for receiving a fourth input;
a first layer determining module, configured to determine, in response to the fourth input, a second page from lower pages of the first page, and use the second page as a first layer page of the at least two layered pages that are displayed in a stacked manner; wherein the second page comprises a transparent region, and at least one of transparency and position of the transparent region in the second page corresponds to the first region of the first page.
Optionally, the lower page of the first page includes a second page; the interface display apparatus 800 further includes:
a fifth receiving module, configured to receive a fifth input;
and the canceling module is used for responding to the fifth input and canceling and displaying the second page corresponding to the fifth input in the user operation interface.
Optionally, the interface display device 800 further includes:
a sixth receiving module, configured to receive a sixth input;
and the page display module is used for responding to the sixth input and displaying a third page corresponding to the sixth input in the user operation interface.
Optionally, the lower page of the first page includes a second page and a fourth page; the second page is positioned at the lower layer of the first page, and the fourth page is positioned at the lower layer of the second page; the interface display apparatus 800 further includes:
a seventh receiving module, configured to receive a seventh input;
a first region display module, configured to display, in response to the seventh input, a corresponding region of the fourth page in the first region.
In the embodiment of the application, a user operation interface is displayed, the user operation interface comprises at least two stacked and displayed layered pages, a first input used for adjusting the transparency of a first region of a first page is received, the first page is a first-layer page of the at least two stacked and displayed layered pages, the first region is updated and displayed according to the adjusted transparency in response to the first input, and the updated first region displays a corresponding region of a lower-layer page of the first page.
The interface display device in the embodiment of the present application may be an electronic device, or may be a component in an electronic device, such as an integrated circuit or a chip. The electronic device may be a terminal, or may be a device other than a terminal. By way of example, the electronic Device may be a Mobile phone, a tablet computer, a notebook computer, a palm computer, a vehicle-mounted electronic Device, a Mobile Internet Device (MID), an Augmented Reality (AR)/Virtual Reality (VR) Device, a robot, a wearable Device, an ultra-Mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and may also be a Personal Computer (PC), and the like, and the embodiments of the present application are not limited in particular.
The interface display device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system, an ios operating system, or other possible operating systems, which is not specifically limited in the embodiment of the present application.
The interface display device provided in the embodiment of the present application can implement each process implemented by the interface display method embodiments in fig. 1 to 5, and is not described here again to avoid repetition.
Optionally, as shown in fig. 7, an electronic device 900 is further provided in this embodiment of the present application, and includes a processor 940 and a memory 920, where the memory 920 stores a program or an instruction that can be executed on the processor 940, and when the program or the instruction is executed by the processor 940, the steps of the embodiment of the interface display method are implemented, and the same technical effects can be achieved, and are not described again to avoid repetition.
It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic device and the non-mobile electronic device described above.
Fig. 8 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
The electronic device 1000 includes, but is not limited to: a radio frequency unit 1001, a network module 1002, an audio output unit 1003, an input unit 1004, a sensor 1005, a display unit 1006, a user input unit 1007, an interface unit 1008, a memory 1009, and a processor 1010.
Those skilled in the art will appreciate that the electronic device 1000 may further comprise a power source (e.g., a battery) for supplying power to various components, and the power source may be logically connected to the processor 1010 through a power management system, so as to implement functions of managing charging, discharging, and power consumption through the power management system. The electronic device structure shown in fig. x does not constitute a limitation to the electronic device, and the electronic device may include more or less components than those shown in the drawings, or combine some components, or arrange different components, and thus, the description is omitted here.
The display unit 1006 is configured to display a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode;
a user input unit 1007 for receiving a first input for adjusting the transparency of a first region of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages;
a display unit 1006, further configured to update and display the first area according to the adjusted transparency in response to the first input; and the updated first area displays a corresponding area of a lower page of the first page.
Optionally, the user input unit 1007 is further configured to receive a second input;
a processor 1010 configured to determine a first region in the first page in response to the second input.
Optionally, the lower page of the first page includes an application page of a target application; a user input unit 1007, configured to receive a third input when receiving an application message corresponding to the target application;
the display unit 1006 is further configured to display, in response to the third input, an application message corresponding to the target application in a second area of the first page.
Optionally, the user input unit 1007 is further configured to receive a fourth input;
the processor 1010 is further configured to determine a second page from lower pages of the first page in response to the fourth input, and use the second page as a first page of the at least two stacked and displayed layered pages; wherein the second page comprises a transparent region, and at least one of transparency and position of the transparent region in the second page corresponds to the first region of the first page.
Optionally, the lower page of the first page includes a second page; a user input unit 1007 also used to receive a fifth input;
the processor 1010 is further configured to cancel, in response to the fifth input, displaying the second page corresponding to the fifth input in the ui.
Optionally, the user input unit 1007 is further configured to receive a sixth input;
the display unit 1006 is further configured to display, in response to the sixth input, a third page corresponding to the sixth input in the user operation interface.
Optionally, the lower page of the first page includes a second page and a fourth page; the second page is positioned at the lower layer of the first page, and the fourth page is positioned at the lower layer of the second page; a user input unit 1007 also used for receiving a seventh input;
a display unit 1006, further configured to display a corresponding area of the fourth page in the first area in response to the seventh input.
In the embodiment of the application, a user operation interface is displayed, the user operation interface comprises at least two stacked and displayed layered pages, a first input used for adjusting the transparency of a first region of a first page is received, the first page is a first-layer page of the at least two stacked and displayed layered pages, the first region is updated and displayed according to the adjusted transparency in response to the first input, and the updated first region displays a corresponding region of a lower-layer page of the first page.
It should be understood that in the embodiment of the present application, the input Unit 1004 may include a Graphics Processing Unit (GPU) 10041 and a microphone 10042, and the Graphics Processing Unit 10041 processes image data of still pictures or videos obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing mode. The display unit 1006 may include a display panel 10061, and the display panel 10061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 1007 includes at least one of a touch panel 10071 and other input devices 10072. The touch panel 10071 is also referred to as a touch screen. The touch panel 10071 may include two parts, a touch detection device and a touch controller. Other input devices 10072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein.
The memory 1009 may be used to store software programs as well as various data. The memory 1009 may mainly include a first storage area storing a program or an instruction and a second storage area storing data, wherein the first storage area may store an operating system, an application program or an instruction (such as a sound playing function, an image playing function, and the like) required for at least one function, and the like. Further, the memory 1009 may include volatile memory or nonvolatile memory, or the memory 1009 may include both volatile and nonvolatile memory. The non-volatile Memory may be a Read-Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable PROM (EEPROM), or a flash Memory. The volatile Memory may be a Random Access Memory (RAM), a Static Random Access Memory (Static RAM, SRAM), a Dynamic Random Access Memory (Dynamic RAM, DRAM), a Synchronous Dynamic Random Access Memory (Synchronous DRAM, SDRAM), a Double Data Rate Synchronous Dynamic Random Access Memory (Double Data Rate SDRAM, ddr SDRAM), an Enhanced Synchronous SDRAM (ESDRAM), a Synchronous Link DRAM (SLDRAM), and a Direct Memory bus RAM (DRRAM). The memory 1009 in the embodiments of the present application includes, but is not limited to, these and any other suitable types of memory.
Processor 1010 may include one or more processing units; optionally, the processor 1010 integrates an application processor, which primarily handles operations involving the operating system, user interface, and applications, and a modem processor, which primarily handles wireless communication signals, such as a baseband processor. It will be appreciated that the modem processor described above may not be integrated into processor 1010.
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements each process of the interface display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a computer read only memory ROM, a random access memory RAM, a magnetic or optical disk, and the like.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to execute a program or an instruction to implement each process of the interface display method embodiment, and can achieve the same technical effect, and the details are not repeated here to avoid repetition.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as a system-on-chip, or a system-on-chip.
Embodiments of the present application provide a computer program product, where the program product is stored in a storage medium, and the program product is executed by at least one processor to implement the processes of the foregoing interface display method embodiments, and can achieve the same technical effects, and in order to avoid repetition, details are not repeated here.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one of 8230, and" comprising 8230does not exclude the presence of additional like elements in a process, method, article, or apparatus comprising the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the present embodiments are not limited to those precise embodiments, which are intended to be illustrative rather than restrictive, and that various changes and modifications may be effected therein by one skilled in the art without departing from the scope of the appended claims.

Claims (10)

1. An interface display method, comprising:
displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode;
receiving a first input for adjusting transparency of a first region of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages;
in response to the first input, updating and displaying the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.
2. The method of claim 1, wherein prior to receiving the first input for adjusting the transparency of the first region of the first page, further comprising:
receiving a second input;
in response to the second input, a first region in the first page is determined.
3. The method of claim 1, wherein the lower page of the first page comprises an application page of a target application;
the method further comprises the following steps:
receiving a third input under the condition of receiving an application message corresponding to the target application;
and responding to the third input, and displaying an application message corresponding to the target application in a second area of the first page.
4. The method of claim 1, further comprising:
receiving a fourth input;
in response to the fourth input, determining a second page from lower pages of the first page, and using the second page as a first page of the at least two stacked and displayed layered pages; wherein the second page comprises a transparent region, and at least one of transparency and position of the transparent region in the second page corresponds to the first region of the first page.
5. The method of claim 1, wherein the lower page of the first page comprises a second page; the method further comprises the following steps:
receiving a fifth input;
and responding to the fifth input, and canceling the second page corresponding to the fifth input from being displayed in the user operation interface.
6. The method of claim 1, further comprising:
receiving a sixth input;
and responding to the sixth input, and displaying a third page corresponding to the sixth input in the user operation interface.
7. The method of claim 1, wherein the lower page of the first page comprises a second page and a fourth page; the second page is positioned at the lower layer of the first page, and the fourth page is positioned at the lower layer of the second page; the method further comprises the following steps:
receiving a seventh input;
in response to the seventh input, displaying a respective area of the fourth page in the first area.
8. An interface display device, comprising:
the interface display module is used for displaying a user operation interface; the user operation interface comprises at least two layered pages which are displayed in a stacked mode;
the first receiving module is used for receiving a first input for adjusting the transparency of a first area of a first page; the first page is a first-layer page of the at least two stacked and displayed layered pages;
the area display module is used for responding to the first input and updating and displaying the first area according to the adjusted transparency; and the updated first area displays a corresponding area of a lower page of the first page.
9. An electronic device comprising a processor and a memory, the memory storing a program or instructions executable on the processor, the program or instructions when executed by the processor implementing the steps of the interface display method of any one of claims 1-8.
10. A readable storage medium, on which a program or instructions are stored, which when executed by a processor, implement the steps of the interface display method according to any one of claims 1 to 8.
CN202211348479.9A 2022-10-31 2022-10-31 Interface display method and device, electronic equipment and readable storage medium Pending CN115640092A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211348479.9A CN115640092A (en) 2022-10-31 2022-10-31 Interface display method and device, electronic equipment and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211348479.9A CN115640092A (en) 2022-10-31 2022-10-31 Interface display method and device, electronic equipment and readable storage medium

Publications (1)

Publication Number Publication Date
CN115640092A true CN115640092A (en) 2023-01-24

Family

ID=84946338

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211348479.9A Pending CN115640092A (en) 2022-10-31 2022-10-31 Interface display method and device, electronic equipment and readable storage medium

Country Status (1)

Country Link
CN (1) CN115640092A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116450276A (en) * 2023-06-09 2023-07-18 北京达佳互联信息技术有限公司 Event response method, device, electronic equipment and medium

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116450276A (en) * 2023-06-09 2023-07-18 北京达佳互联信息技术有限公司 Event response method, device, electronic equipment and medium
CN116450276B (en) * 2023-06-09 2023-10-13 北京达佳互联信息技术有限公司 Event response method, device, electronic equipment and medium

Similar Documents

Publication Publication Date Title
CN112162665A (en) Operation method and device
WO2023155877A1 (en) Application icon management method and apparatus and electronic device
CN113268182B (en) Application icon management method and electronic device
CN115640092A (en) Interface display method and device, electronic equipment and readable storage medium
CN114415886A (en) Application icon management method and electronic equipment
CN113282546A (en) File processing method and device
CN112148167A (en) Control setting method and device and electronic equipment
CN112817555A (en) Volume control method and volume control device
CN111796746A (en) Volume adjusting method, volume adjusting device and electronic equipment
CN116107531A (en) Interface display method and device
CN114095611B (en) Processing method and device of caller identification interface, electronic equipment and storage medium
CN114416269A (en) Interface display method and display device
CN115167721A (en) Display method and device of functional interface
CN114518821A (en) Application icon management method and device and electronic equipment
CN114518929A (en) Application program processing method and device
CN114721565A (en) Application program starting method and device, electronic equipment and storage medium
CN114679546A (en) Display method and device, electronic equipment and readable storage medium
CN114115639A (en) Interface control method and device, electronic equipment and storage medium
CN114564134A (en) Application icon display method and device
CN104335151A (en) Terminal device, display-control method, and program
CN117319549A (en) Multimedia data selection method and device
CN116909446A (en) Display method and display device
CN117149715A (en) File processing method and device
CN115756681A (en) Interface display method and device, electronic equipment and medium
CN115373790A (en) Display method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination