WO2023045853A1 - 界面显示方法及装置 - Google Patents

界面显示方法及装置 Download PDF

Info

Publication number
WO2023045853A1
WO2023045853A1 PCT/CN2022/119554 CN2022119554W WO2023045853A1 WO 2023045853 A1 WO2023045853 A1 WO 2023045853A1 CN 2022119554 W CN2022119554 W CN 2022119554W WO 2023045853 A1 WO2023045853 A1 WO 2023045853A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
input
transparent layer
layer
display
Prior art date
Application number
PCT/CN2022/119554
Other languages
English (en)
French (fr)
Inventor
邓松
Original Assignee
维沃移动通信有限公司
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 维沃移动通信有限公司 filed Critical 维沃移动通信有限公司
Publication of WO2023045853A1 publication Critical patent/WO2023045853A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present application belongs to the technical field of interface display, and in particular relates to an interface display method and device.
  • an advantage of a smart terminal is that it can load various applications, display user interfaces by running application programs, and provide services to users through the user interfaces to meet different needs of users.
  • multiple window interfaces are displayed on the screen of the terminal device.
  • the smart terminal can provide the function of manually switching the interface, and switches between multiple window interfaces by receiving the user's manual switching operation, and the display efficiency of this interface is not high.
  • the inventors conducted research on the existing interface display technology and found that when multiple window interfaces are displayed simultaneously, the multiple interfaces can be displayed in split screens to realize the simultaneous display of multiple interfaces.
  • the purpose of the embodiments of the present application is to provide an interface display method and device, which can improve the diversity of interface display.
  • the embodiment of the present application provides an interface display method, the method including:
  • the second interface In response to the first input, when the display area of the first interface of the first application program is not less than the first target value, display a second interface on the first interface, the second interface includes a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • the embodiment of the present application provides an interface display device, the device includes:
  • a first receiving module for receiving a first input
  • the display module in response to the first input, displays a second interface on the first interface under the condition that the display area of the first interface of the first application program is not less than the first target value, and the second interface It includes a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • an embodiment of the present application provides an electronic device, the electronic device includes a processor, a memory, and a program or instruction stored in the memory and operable on the processor, and the program or instruction is The processor implements the steps of the method described in the first aspect when executed.
  • an embodiment of the present application provides a readable storage medium, on which a program or an instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented .
  • an embodiment of the present application provides a computer program product, including a computer program, wherein, when the computer program is executed by a processor, the method according to the first aspect is implemented.
  • the second interface in response to the first input, when the display area of the first interface is not smaller than the first target value, the second interface is displayed on the first interface in a stacked manner of a transparent layer and a content display layer , the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer, and the content display layer is used to display specific content.
  • the second interface adopts a layered method, and the content display layer and the transparent layer are separated from each other, which is predictable for adjusting the window properties of the content display layer, and also predictable for seeing the first interface below through the transparent layer, so
  • the embodiment of the present application provides a more diverse interface display solution.
  • Fig. 1 is one of the flowcharts of the interface display method provided by the embodiment of the present application.
  • Fig. 2 is one of the application scene schematic diagrams of the interface display method provided by the embodiment of the present application.
  • Fig. 3 is the second flow chart of the interface display method provided by the embodiment of the present application.
  • Fig. 4 is the third flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 5 is the fourth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 6 is the fifth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 7 is the sixth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 8 is the second schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 9 is the third schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 10 is the fourth schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 11 is the fifth schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 12 is the seventh flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 13 is the sixth schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 14 is the eighth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 15 is the seventh schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 16 is the ninth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 17 is the tenth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 18 is the eighth schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 19 is the eleventh flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 20 is the twelfth flowchart of the interface display method provided by the embodiment of the present application.
  • Fig. 21 is the ninth schematic diagram of the application scenario of the interface display method provided by the embodiment of the present application.
  • Fig. 22 is one of the structural schematic diagrams of the interface display device provided by the embodiment of the present application.
  • Fig. 23 is the second structural schematic diagram of the interface display device provided by the embodiment of the present application.
  • Fig. 24 is the third structural schematic diagram of the interface display device provided by the embodiment of the present application.
  • Fig. 25 is the fourth structural schematic diagram of the interface display device provided by the embodiment of the present application.
  • Fig. 26 is the fifth structural schematic diagram of the interface display device provided by the embodiment of the present application.
  • FIG. 27 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 28 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
  • Fig. 1 is a flow chart of an interface display method provided by an embodiment of the present application.
  • the subject of execution of this method may be a terminal device with a screen, or a control module in the terminal device for executing the interface display method.
  • the terminal device may include, but is not limited to, a communication device such as a mobile phone or a tablet computer with an interface display function.
  • Step 110 Receive a first input.
  • the first input may be a message notification from an application program or an input from a user on a terminal device, which will be specifically described in conjunction with the following embodiments.
  • Step 120 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface It includes a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • the first input triggers the second interface to be displayed on the first interface in a layered manner
  • the layered method is a transparent layer and a content display layer located on the transparent layer.
  • the second interface adopts a layered method, and the content display layer and the transparent layer are separated from each other, which is predictable for adjusting the window properties of the content display layer, and also predictable for seeing the first interface below through the transparent layer, so
  • the embodiment of the present application provides a more diverse interface display solution.
  • the second interface and the first interface may be different interfaces of the first application program, or the second interface is an interface of the second application program, and the second application program is different from the first application program.
  • the API of the second application program may be called through the operating system to create two display frames respectively corresponding to the transparent layer and the content display layer in the second interface,
  • the second interface is split into a content display layer and a transparent layer, which are respectively displayed in two corresponding display frames.
  • the first application program may be a video player program, a game program, a picture display program, a text processing program or other application programs, which are not limited herein.
  • the second application program may be a social application program, a video player program, a picture display program or other application programs.
  • the first interface provided by the first application program and the second interface provided by the second application program are not limited, and may be a combination of interfaces of any two application programs.
  • the first interface may be a game interface
  • the second interface may be a video chat interface
  • the video screen can be set as the content display layer
  • other display parts of the second interface can be set as the transparent layer.
  • the display area of the first interface is not less than the first target value, and may be greater than or equal to the first target value.
  • the first target value may be the screen size of the terminal device.
  • the display area of the first interface may be equal to the screen size, that is, the first interface is displayed in full screen.
  • the screens of the terminal devices are different, and the corresponding screen sizes are also different.
  • the first target value may also be a set value smaller than the screen size.
  • the display area of the second interface may be smaller than the display area of the first interface.
  • the second interface is not displayed in full screen on the first interface, which is an example and is not specifically limited.
  • the display area of the second interface may be smaller than the first target value, or smaller than the second target value, and the second target value is smaller than the first target value.
  • the first interface 2A is displayed in full screen, and the second interface 2B is formed by stacking a transparent layer 21 and a content display layer 22 and displayed on the first interface 2A, while the content display layer The projection of 22 on the transparent layer 21 is located within the transparent layer 21 .
  • this embodiment proposes a new interface display scheme to improve the diversity of interface display in a full-screen display scenario.
  • the frame of the transparent layer 21 in FIG. 2 is represented by a dotted line, which is only for the convenience of understanding. In practical applications, the frame may not be displayed or may be represented by a non-dashed line.
  • the second interface there is only one content display layer in the second interface, which is an example.
  • the second interface may include multiple content display layers displayed on split screens, which is not limited here.
  • the terminal device displays a single second interface on the first interface.
  • the terminal device can display multiple interfaces on the first interface, the display attributes of each interface can be set with reference to the second interface of this embodiment, and the display relationship between each interface and the first interface can be set by referring to this
  • the display relationship between the first interface and the second interface in the embodiment is not limited here.
  • the first input may be a message notification, specifically a message notification from the second application program or a message notification from the first application program itself, and then in response to the message notification, the message notification is immediately performed through the second interface. displayed, and specifically displayed in the content display layer.
  • the first input may be a first input by the user on the terminal device.
  • the interface display method provided in this embodiment specifically includes the following steps:
  • Step 310 Receive the user's first input, wherein the user's first input is an input to set the display area of the first interface to be not smaller than the first target value, or the user's first input is to set the The second interface is switched to the input displayed on the first interface;
  • Step 320 In response to the user's first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface It includes a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • the user's first input triggers the display of the second interface on the first interface of the first application program in a stacked manner.
  • the first input of the user is an input of setting the display area of the first interface to be not smaller than the first target value.
  • the interface display method provided in this embodiment specifically includes the following steps:
  • Step 410 When the first interface and the second interface are displayed on the screen, receive a first input from the user;
  • Step 420 In response to the user's first input, adjust the display area of the first interface to be not less than the first target value, and display the second interface on the first interface, the second interface includes a transparent layer and is located on a transparent The content display layer on the layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • adjusting the display area of the first interface to be not smaller than the first target value may be to display the first interface in full screen.
  • the first interface of the first application program may be displayed in a non-full screen.
  • the first input is an operation of full-screen display of the first interface, triggering the terminal device to switch the first interface to full-screen display, and triggering the second interface to be displayed on top of the first interface when the first interface is switched to full-screen display , and make the transparent layer transparent.
  • the first input may be a touch operation on a designated area or a full-screen button in the first interface, for example, clicking or double-clicking on a designated area.
  • the second interface of the second application can be automatically displayed on the second interface in a stacked manner of a transparent layer and a content display layer immediately.
  • manual operation steps are omitted, and the diversity of interface display is further improved.
  • the user's first input is an input for switching the second interface to display on the first interface.
  • the interface display method provided in this embodiment specifically includes the following steps:
  • Step 510 When the second interface is running in the background, receive the first input from the user;
  • Step 520 In response to the user's first input, if the display area of the first interface of the first application program is not smaller than the first target value, switch the second interface to the foreground and display it on the first interface, the second The interface includes a transparent layer and a content display layer on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • the input for switching the second interface to be displayed on the first interface is specifically an interface switching display operation.
  • the interface display method provided in this embodiment specifically includes the following steps:
  • Step 610 Receive the user's first input when the message notification is displayed
  • Step 620 In response to the user's first input, if the display area of the first interface of the first application program is not smaller than the first target value, create a second interface based on the message notification and display it on the first interface Displaying the second interface, the second interface includes a transparent layer and a content display layer on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • the first input is the opening operation of the message notification
  • the creation of the second interface is triggered based on the opening operation, so that the second interface is started and displayed in a stacked manner of a transparent layer and a content display layer, and the interface display Diversity has been further improved.
  • the first input may be a click operation on the message notification, such as single click or double click, or other touch operations, which are not limited herein.
  • the interface display method provided in this embodiment includes the following steps:
  • Step 710 Receive a first input
  • Step 720 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface including a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer;
  • Step 730 receiving a second input from the user on the content display layer or transparent layer;
  • Step 740 In response to the user's second input, change the window properties of the content display layer, where the window properties include at least one of shape, size and position.
  • step 710 may refer to the content of step 110 above
  • step 720 may refer to the content of step 120 above, which will not be repeated here.
  • the second input acts on the content display layer, and the second input triggers changing the window properties of the content display layer.
  • the content display layer can be changed The coverage area of the first interface is changed and the perspective area of the first interface is changed by the transparent layer, so as to achieve the purpose of adjusting the perspective content of the first interface.
  • the user can change the window properties of the content display layer according to requirements, thereby adjusting the occlusion area of the first interface by the content display layer, and further improving the diversity of interface display.
  • the second input is the user's movement operation on the target position point in the content display layer along the target moving direction.
  • the second input in response to the second input, based on moving the target position point along the target moving direction Perform a move operation to change the window properties of the content display layer, where the window properties include at least one of shape, size and position.
  • the target position point in response to the second input, based on moving the target position point along the target moving direction, changing the content where the target position point is located Displays the shape of the layer's border.
  • one or more position points may be set on the frame of the content display layer, and the position points are used to define operation points for changing the shape of the content display layer.
  • the position point can be displayed or not displayed. In this case, as the user moves the target position point, the shape of the frame where the target position point is located can be changed, thereby changing the overall shape of the content display layer.
  • the initial shape of the content display layer 22 in FIG. 2 is quadrilateral, and the content display layer 82 in FIG. 8 is triangular.
  • the content display layer 82 shown in FIG. 8 is obtained by moving multiple position points on the upper border and the right border of the content display layer 22 in FIG. 2 .
  • the shape of the content display layer 92 in FIG. 9 is crescent-shaped, and the content display layer 92 shown in FIG. 9 can be obtained by stretching each frame in FIG. 2 .
  • the target position point when the target position point is located between two adjacent vertices on the frame of the content display layer, in response to the second input, based on moving the target position point along the target moving direction, change The content of the target location point is the shape of the border of the display layer.
  • the content display layer in response to the second input, is zoomed along the target moving direction.
  • the second input may be the user's sliding operation on two diagonal vertices of the content display layer along a diagonal line, or the second input may be the user pressing and holding a target pressure on a single target vertex of the content display layer While pressing, slide operation along the diagonal.
  • the content display layer can be scaled as a whole in the same proportion.
  • the shape of the content display layer can be changed by stretching the border where the target position point is located.
  • the movement of the target vertex may also stretch the two borders intersecting the vertex.
  • the target position point when the target position point is located within the frame of the content display layer, in response to the second input, move the position of the content display layer on the transparent layer along the target moving direction.
  • the shielding area of the content display layer to the first interface and the see-through area of the transparent layer to the first interface can be changed.
  • the second input may be that the user presses the frame of the content display layer and performs a sliding operation while keeping the press, so as to change the position of the content display layer on the transparent layer.
  • changing the window attribute of the content display layer in response to the second input specifically includes:
  • the window properties of the content display layer and the transparent layer are changed synchronously.
  • the second input acts on the transparent layer, triggering synchronous change of the window attributes of the content display layer and the transparent layer, so as to realize the change of the perspective area of the first interface.
  • the second input is a scaling operation on the transparent layer
  • synchronous scaling is performed on the content display layer and the transparent layer.
  • zooming includes zooming out or zooming in.
  • the content display layer is scaled to change the occlusion area of the first interface.
  • the dotted line frame represents the transparent layer 1000 in the initial state.
  • the user presses and holds the lower left corner of the transparent layer 1000 and slides to the position of the solid line frame along the direction of the arrow, so that the transparent layer 1000 and the content display layer 1010 shrink synchronously.
  • the transparent layer 1000 and the content display layer 1010 will increase in proportion to each other synchronously.
  • the content display layer and the transparent layer are moved synchronously on the first interface. This enables an overall movement of the position of the second interface.
  • the user's moving operation on the transparent layer is specifically a sliding operation while keeping the pressed state on the transparent layer, and the sliding end position is the target position of the second interface.
  • the second interface 1100 moves from position A to position B on the screen.
  • the user presses and holds any position A of the transparent layer 1101, and then slides the finger on the screen.
  • the entire second interface 1100 moves along with the screen contact position of the finger.
  • the second interface 1100 is Stay at the screen contact position B of your finger and no longer move.
  • the interface display method of this embodiment includes the following steps:
  • Step 1210 Receive a first input
  • Step 1220 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface including a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer;
  • Step 1230 receiving a third input from the user
  • Step 1240 In response to the third input, obtain a picture frame drawn by the user on the transparent layer, and adaptively change the shape of the content display layer based on the shape of the picture frame.
  • the third input is an operation of drawing a picture frame
  • the picture frame defines the shape and position of the content display layer to be changed.
  • the content display layer can be moved onto the picture frame and the shape of the content display layer can be changed adaptively, wherein the adaptation refers to that the projection on the transparent layer of the content display layer overlaps with the picture frame or is located in the picture frame inside while keeping the shape fit.
  • the original content display layer 1310 is a quadrilateral
  • the shape of the content display layer 1310 is adapted to form an irregular shape.
  • the interface display method in this embodiment includes the following steps:
  • Step 1410 Receive a first input
  • Step 1420 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface including a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer;
  • Step 1430 Receive a fourth input from the user to perform a target touch operation on the transparent layer or the content display layer;
  • Step 1440 In response to the fourth input, obtain a target movement path corresponding to the target touch operation, and synchronously move the transparent layer and the content display layer on the first interface along the target movement path, wherein the target touch operation The corresponding relationship between the control operation and the target moving path is preset.
  • the target touch operation corresponds to the target movement path
  • the corresponding relationship between the target touch operation and the target movement path is preset, so that the fourth input triggers the transparent layer and the content display layer to be displayed on the first interface synchronously. move automatically.
  • the position 1 in the upper left corner of the screen is the initial position state of the second interface composed of the content display layer and the transparent layer.
  • the counterclockwise movement path of the second interface is controlled to perform reciprocating rotation on the screen via position 1, position 2, position 3 and position 4.
  • the counterclockwise moving path is an example, and in an optional embodiment, it may also be a clockwise moving path or a moving path along a horizontal direction or a vertical direction or any other direction, which is not limited here.
  • the interface display method provided in this embodiment includes the following steps:
  • Step 1610 Receive a first input
  • Step 1620 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface including a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer;
  • Step 1630 Detect the pixel change value of each area in the first interface
  • Step 1640 If it is detected that the pixel change value of the target area in the various areas is smaller than the second target value, move the second interface to the target area.
  • step 1610 reference may be made to the content of step 110 above, and for step 1620, reference may be made to the content of step 120 above, which will not be repeated here.
  • the pixel change value of each area in the screen window reflects the light and dark changes of each area corresponding to the first interface. The stronger the light and dark change, it indicates that there is a dynamic change in the content displayed in this area, otherwise the displayed content is a static object or Change content slowly. For dynamically changing content, it is considered to be the content that needs to be focused on by the user.
  • the pixel change value of the target area is less than the target value, it is considered that the content displayed on the first interface in the target area is a static object or slowly changing content, and then the second interface is moved to the target area, and the result can be changed.
  • the area where the pixel change value is greater than the target value is well exposed, so that the content of this area can be displayed without occlusion.
  • the interface display method provided in the embodiment of the present application includes the following steps:
  • Step 1710 Receive a first input
  • Step 1720 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface including a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer;
  • Step 1730 Receive a fifth input from the user to perform a transparency adjustment operation on the transparent layer
  • Step 1740 In response to the fifth input, adjust the transparency of the transparent layer based on the transparency adjustment operation.
  • the transparency of the transparent layer is adjusted based on the fifth input, so that the transparency of the content displayed in the transparent layer can be changed, thereby realizing the hiding or explicit display of the content displayed in the transparent layer.
  • the content in the transparent layer is no longer displayed, so that the first interface below can be seen through.
  • the explicit state the content in the transparent layer is displayed to the user, improving the interface display efficiency of the second interface.
  • the fifth input may be a sliding operation on the transparent layer along the target direction
  • adjusting the transparency of the transparent layer based on a transparency adjustment operation specifically including:
  • a target transparency adjustment direction corresponding to the target direction is obtained, and the transparency of the transparent layer is adjusted based on the target transparency adjustment direction.
  • the target transparency adjustment direction may be to reduce transparency or increase transparency.
  • a sixth input from the user on the transparent layer is received, and a transparency adjustment slide bar is displayed in response to the sixth input.
  • the sixth input is a swipe operation on the transparency adjustment slider.
  • the transparency adjustment slide bar is in a hidden state under normal conditions, and is switched to a displayed state when triggered by the seventh input, for the user to slide and operate.
  • a transparency adjustment slide bar 1800 is displayed, and the transparency adjustment slide bar 1800 is slid vertically to realize transparency adjustment.
  • no transparency adjustment slide bar may be provided, and the sixth input may be a sliding operation on the effective area of the interface of the transparent layer along the target direction.
  • a seventh input from the user on the transparent layer is received, and a plurality of transparency options are displayed in response to the seventh input.
  • the seventh input is a selection operation on the target transparency option.
  • the interface display method provided in this embodiment may include the following steps:
  • Step 1910 Receive a first input
  • Step 1920 In response to the first input, when the display area of the first interface of the first application program is not smaller than the first target value, display a second interface on the first interface, and the second interface including a transparent layer and a content display layer located on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer;
  • Step 1930 Receive an eighth input from the user to perform a position locking operation on the transparent layer
  • Step 1940 Position-lock the transparent layer in response to the eighth input.
  • the content display layer In the position-locked state of the transparent layer, the content display layer is limited on the transparent layer, and the content display layer can be moved on the transparent layer or the position of the content display layer is also locked.
  • the window properties of the content display layer and the transparency of the transparent layer can be locked or not.
  • the interface display method provided in this embodiment may further include the following steps:
  • Step 2010 receiving the user's ninth input on the transparent layer of the location lock status
  • Step 2020 In response to the ninth input, release the position-locked state of the transparent layer.
  • the position of the transparent layer is adjustable.
  • a lock icon 2130 may be displayed.
  • the interface display method provided in the embodiment of the present application may be executed by an interface display device with a screen, or a control module in the interface display device for executing the interface display method.
  • the interface display device provided in the embodiment of the present application is described by taking the interface display method executed by the interface display device as an example.
  • the device includes:
  • the first receiving module 2210 receives a first input
  • the display module 2220 in response to the first input, displays a second interface on the first interface under the condition that the display area of the first interface of the first application program is not smaller than the first target value, and the second interface
  • the interface includes a transparent layer and a content display layer on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • the first receiving module 2210 is specifically configured to:
  • the user's first input is an input to set the display area of the first interface to be not less than a first target value, or the user's first input is to set the second The interface switches to the input displayed on the first interface.
  • the interface display device of this embodiment further includes:
  • the second receiving module 2310 is configured to receive a second input from the user on the content display layer or transparent layer;
  • the first changing module 2320 changes the window properties of the content display layer in response to the second input, and the window properties include at least one of shape, size and position.
  • the interface display device of this embodiment further includes:
  • the third receiving module 2410 receives a third input from the user
  • the second changing module 2420 in response to the third input, acquires a picture frame drawn by the user on the transparent layer, and adaptively changes the shape of the content display layer based on the shape of the picture frame.
  • the interface display device of this embodiment further includes:
  • the fourth receiving module 2510 is configured to receive a fourth input of the user performing a target touch operation on the transparent layer or the content display layer;
  • the first movement module 2520 in response to the fourth input, obtains the target movement path corresponding to the target touch operation, and synchronously moves the transparent layer and the content display layer on the first interface along the target movement path, wherein the The corresponding relationship between the target touch operation and the target moving path is preset.
  • the interface display device of this embodiment further includes:
  • Detection module 2610 detecting the pixel change value of each area in the first interface
  • the second moving module 2620 moves the second interface to the target area when it is detected that the pixel change value of the target area in the various areas is smaller than the second target value.
  • the interface display device in the embodiment of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal.
  • the device may be a mobile electronic device or a non-mobile electronic device.
  • the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a handheld computer, a vehicle electronic device, a wearable device, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC), a netbook or a personal digital assistant (personal digital assistant).
  • non-mobile electronic devices can be servers, network attached storage (Network Attached Storage, NAS), personal computer (personal computer, PC), television (television, TV), teller machine or self-service machine, etc., this application Examples are not specifically limited.
  • Network Attached Storage NAS
  • personal computer personal computer, PC
  • television television
  • teller machine or self-service machine etc.
  • the interface display device in the embodiment of the present application may be a device with an operating system.
  • the operating system may be an Android (Android) operating system, an ios operating system, or other possible operating systems, which are not specifically limited in this embodiment of the present application.
  • the interface display device provided by the embodiment of the present application can realize various processes realized by the method embodiments in FIG. 1 to FIG. 20 , and details are not repeated here to avoid repetition.
  • the embodiment of the present application further provides an electronic device 2700, including a processor 2701, a memory 2702, and programs or instructions stored in the memory 2702 and operable on the processor 2701,
  • an electronic device 2700 including a processor 2701, a memory 2702, and programs or instructions stored in the memory 2702 and operable on the processor 2701,
  • the program or instruction is executed by the processor 2701, each process of the above-mentioned photographing method embodiment can be realized, and the same technical effect can be achieved. To avoid repetition, details are not repeated here.
  • the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.
  • FIG. 28 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
  • the electronic device 2800 includes, but is not limited to: a radio frequency unit 2801, a network module 2802, an audio output unit 2803, an input unit 2804, a sensor 2805, a display unit 2806, a user input unit 2807, an interface unit 2808, a memory 2809, and a processor 2810, etc. part.
  • the electronic device 2800 can also include a power supply (such as a battery) for supplying power to various components, and the power supply can be logically connected to the processor 2810 through the power management system, so that the management of charging, discharging, and function can be realized through the power management system. Consumption management and other functions.
  • a power supply such as a battery
  • the structure of the electronic device shown in FIG. 28 does not constitute a limitation to the electronic device.
  • the electronic device may include more or fewer components than shown in the figure, or combine some components, or arrange different components, which will not be repeated here. .
  • the input unit 2804 is configured to receive a first input
  • the display unit 2806 is configured to, in response to the first input, display a second interface on the first interface under the condition that the display area of the first interface of the first application program is not smaller than the first target value, the
  • the second interface includes a transparent layer and a content display layer on the transparent layer, wherein the projection of the content display layer on the plane where the transparent layer is located is located in the transparent layer.
  • Using the electronic device of this embodiment provides a more diverse interface display solution.
  • the input unit 2804 is also configured to receive a first input from the user, where the first input from the user is an input to set the display area of the first interface to not less than the first target value, or the The first input by the user is an input for switching the second interface to display on the first interface.
  • the input unit 2804 is also configured to receive a second input in the content display layer or transparent layer;
  • the processor 2810 is further configured to change a window attribute of the content display layer in response to the second input, where the window attribute includes at least one of shape, size, and position.
  • the input unit 2804 is also configured to receive a third input from the user;
  • the processor 2810 is further configured to, in response to the third input, acquire a picture frame drawn by the user on the transparent layer, and adaptively change the shape of the content display layer based on the shape of the picture frame.
  • the input unit 2804 is also configured to receive a third input from the user;
  • the processor 2810 is further configured to, in response to the third input, acquire a picture frame drawn by the user on the transparent layer, and adaptively change the shape of the content display layer based on the shape of the picture frame.
  • the input unit 2804 is also configured to receive a fourth input of the user performing a target touch operation on the transparent layer or the content display layer;
  • the processor 2810 is further configured to, in response to the fourth input, obtain a target movement path corresponding to the target touch operation, and synchronously move the transparent layer on the first interface along the target movement path and a content display layer, wherein the corresponding relationship between the target touch operation and the target moving path is preset.
  • the processor 2810 is further configured to detect the pixel change value of each area in the first interface, and if it is detected that the pixel change value of the target area in each area is smaller than the second target value, set The second interface moves to the target area.
  • the input unit 2804 may include a graphics processor (Graphics Processing Unit, GPU) 2841 and a microphone 2842, and the graphics processor 2841 is used for the image capture device (such as the image data of the still picture or video obtained by the camera) for processing.
  • the display unit 2806 may include a display panel 2861, and the display panel 2861 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like.
  • the user input unit 2807 includes a touch panel 2871 and other input devices 2872 .
  • the touch panel 2871 is also called a touch screen.
  • the touch panel 2871 may include two parts, a touch detection device and a touch controller.
  • Other input devices 2872 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which will not be repeated here.
  • the memory 2809 can be used to store software programs as well as various data, including but not limited to application programs and operating systems.
  • the processor 2810 may integrate an application processor and a modem processor, wherein the application processor mainly processes operating systems, user interfaces, and application programs, and the modem processor mainly processes wireless communications. It can be understood that, the foregoing modem processor may not be integrated into the processor 2810 .
  • the embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, each process of the above-mentioned interface display method embodiment is realized, and the same To avoid repetition, the technical effects will not be repeated here.
  • the processor is the processor in the electronic device described in the above embodiments.
  • the readable storage medium includes computer readable storage medium, such as computer read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk, etc.
  • the embodiment of the present application further provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the above interface display method embodiment
  • the chip 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 above interface display method embodiment
  • chips mentioned in the embodiments of the present application may also be called system-on-chip, system-on-chip, system-on-a-chip, or system-on-a-chip.
  • the embodiment of the present application also provides a computer program product, including a computer program.
  • a computer program product including a computer program.
  • the various processes of the above-mentioned interface display method embodiment can be achieved, and the same technical effect can be achieved. In order to avoid repetition, it is not repeated here repeat.
  • the term “comprising”, “comprising” or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or apparatus comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or device. Without further limitations, an element defined by the phrase “comprising a " does not preclude the presence of additional identical elements in the process, method, article, or apparatus comprising that element.
  • the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved. Functions are performed, for example, the described methods may be performed in an order different from that described, and various steps may also be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种界面显示方法及装置，属于界面显示技术领域。该界面显示方法包括：接收第一输入，响应于第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在第一界面上显示第二界面，第二界面包括透明层和位于透明层上的内容显示层，其中内容显示层在透明层所在平面上的投影位于透明层内。

Description

界面显示方法及装置
相关申请的交叉引用
本申请要求于2021年09月24日提交的申请号为202111123958.6，发明名称为“界面显示方法及装置”的中国专利申请的优先权，其通过引用方式全部并入本申请。
技术领域
本申请属于界面显示技术领域，具体涉及一种界面显示方法及装置。
背景技术
目前，智能终端的一个优势在于可以装载各类应用，通过运行应用程序来展示用户界面，通过用户界面向用户提供服务，以满足用户的不同需求。
在一些场景中，在终端设备的屏幕显示多个窗口界面。在通常情况下，智能终端可以提供手动切换界面功能，通过接收用户的手动切换操作，在多个窗口界面之间进行切换，这种界面显示效率不高。
发明人在对现有的界面显示技术进行研究发现，在同时显示多个窗口界面时，可以将多个界面进行分屏显示，实现多个界面同时显示。
因此，如何提升界面显示多样性，是现有技术所存在的技术问题。
发明内容
本申请实施例的目的是提供一种界面显示方法及装置，能够提升界面显示多样性。
第一方面，本申请实施例提供了一种界面显示方法，该方法包括：
接收第一输入；
响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第 一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
第二方面，本申请实施例提供了一种界面显示装置，该装置包括：
第一接收模块，接收第一输入；
显示模块，响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面，本申请实施例提供了一种计算机程序产品，包括计算机程序，其中，所述计算机程序被处理器执行时实现如第一方面所述的方法。
在本申请实施例中，响应于第一输入，在第一界面的显示面积不小于第一目标值的情况下，第二界面采用透明层和内容显示层的叠层方式显示在第一界面上，内容显示层在透明层所在平面上的投影位于透明层内，内容显示层用于显示具体内容。这样，第二界面采用叠层方式，内容显示层和透明层相互分离，这对于调整内容显示层的窗口属性具有可预期性，同时对于通过透明层透视下方第一界面也具有可预期性，因此本申请实施例提供了一种更多样化的界面显示方案。
附图说明
图1是本申请实施例提供的界面显示方法的流程图之一；
图2是本申请实施例提供的界面显示方法的应用场景示意图之一；
图3是本申请实施例提供的界面显示方法的流程图之二；
图4是本申请实施例提供的界面显示方法的流程图之三；
图5是本申请实施例提供的界面显示方法的流程图之四；
图6是本申请实施例提供的界面显示方法的流程图之五；
图7是本申请实施例提供的界面显示方法的流程图之六；
图8是本申请实施例提供的界面显示方法的应用场景示意图之二；
图9是本申请实施例提供的界面显示方法的应用场景示意图之三；
图10是本申请实施例提供的界面显示方法的应用场景示意图之四；
图11是本申请实施例提供的界面显示方法的应用场景示意图之五；
图12是本申请实施例提供的界面显示方法的流程图之七；
图13是本申请实施例提供的界面显示方法的应用场景示意图之六；
图14是本申请实施例提供的界面显示方法的流程图之八；
图15是本申请实施例提供的界面显示方法的应用场景示意图之七；
图16是本申请实施例提供的界面显示方法的流程图之九；
图17是本申请实施例提供的界面显示方法的流程图之十；
图18是本申请实施例提供的界面显示方法的应用场景示意图之八；
图19是本申请实施例提供的界面显示方法的流程图之十一；
图20是本申请实施例提供的界面显示方法的流程图之十二；
图21是本申请实施例提供的界面显示方法的应用场景示意图之九；
图22是本申请实施例提供的界面显示装置的结构示意图之一；
图23是本申请实施例提供的界面显示装置的结构示意图之二；
图24是本申请实施例提供的界面显示装置的结构示意图之三；
图25是本申请实施例提供的界面显示装置的结构示意图之四；
图26是本申请实施例提供的界面显示装置的结构示意图之五；
图27本申请实施例提供的电子设备的结构示意图；
图28为实现本申请实施例的电子设备的硬件结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的界面显示方法进行详细地说明。
图1为本申请实施例提供的界面显示方法的流程图，本方法的执行主体可以是带有屏幕的终端设备，或者该终端设备中的用于执行界面显示方法的控制模块。具体地，该终端设备可以包括但不限于具有界面显示功能的移动电话、或平板电脑等通信设备。
下面结合参照图1详细阐述本申请实施例提供的界面显示方法。
步骤110：接收第一输入。
在本实施例中，第一输入可以是来自应用程序的消息通知或用户在终端设备的输入，具体结合如下实施例进行说明。
步骤120：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
其中，第一输入触发第二界面采用叠层方式显示在第一界面上，该叠层方式为透明层和位于透明层上的内容显示层。这样，第二界面采用叠层方式，内容显示层和透明层相互分离，这对于调整内容显示层的窗口属性具有可预期性，同时对于通过透明层透视下方第一界面也具有可预期性，因此本申请实施例提供了一种更多样化的界面显示方案。
在本实施例中，第二界面和第一界面可以为第一应用程序的不同界面、或者第二界面为第二应用程序的界面，第二应用程序不同于第一应用程序。
在实际应用中，当第二界面为第二应用程序的界面时，可以通过操作系统调用第二应用程序的API，创建第二界面中的透明层和内容显示层分别对应的两个显示框，从而将第二界面拆分成内容显示层和透明层，分别显示在对应的两个显示框中。
在实际应用场景中，第一应用程序可以是视频播放程序、游戏程序、图片显示程序、文本处理程序或其他应用程序，在此不做限定。第二应用程序可以是社交应用、视频播放程序、图片显示程序或其他应用程序。对于第一应用程序提供的第一界面及第二应用程序提供的第二界面不受限定，可以是任意两种应用程序的界面组合。
例如，第一界面可以是游戏界面，第二界面可以是视频聊天界面。在这种情况下，可以将视频画面设置为内容显示层，第二界面的其他显示部分设置为透明层。
可选地，第一界面的显示面积不小于第一目标值，可以是大于或等于第一目标值。例如，第一目标值可以是终端设备的屏幕尺寸，此时第一界面的显示面积可以等于屏幕尺寸，即第一界面全屏显示。
其中，终端设备屏幕不同，对应的屏幕尺寸也不同。另外，该第一目标值也可以是小于屏幕尺寸的设定值。
另可选地，第二界面的显示面积可以小于第一界面的显示面积。例如，在第一界面全屏显示时，第二界面在第一界面上为非全屏显示，此为示例，不作具体限定。
具体地，第二界面的显示面积可以小于第一目标值、或者小于第二目标值，该第二目标值小于第一目标值。
结合参考图2，在一种状态下，其中，第一界面2A全屏显示，第二界面2B由透明层21和内容显示层22叠置而成并显示在第一界面2A上，同时内容显示层22在透明层21的投影位于透明层21内。
在这种情况下，本实施例提出一种新的界面显示方案，提升在全屏显示场景下的界面显示多样性。
可选地，需要说明的是，图2中的透明层21的边框使用虚线表示，此仅是为了方便理解的图示，在实际应用中可以不显示边框或使用非虚线表示。
在本实施例中，第二界面中的内容显示层为一个，此为示例。可选地，第二界面可以包括多个分屏显示的内容显示层，在此不做限定。
在本实施例中，终端设备在第一界面上显示单个第二界面。可选地，终端设备在第一界面上可以显示多个界面，每个界面的显示属性可以参考本实施例的第二界面进行设置，每个界面与第一界面之间的显示关系可以参考本实施例中第一界面与第二界面之间的显示关系，在此不做限定。
可选地，第一输入可以是消息通知，具体可以是来自第二应用程序的消息通知或第一应用程序自身的消息通知，进而响应于该消息通知，即时地将消息通知通过第二界面进行显示，并具体显示于内容显示层。
可选地，第一输入可以是用户在终端设备的第一输入。参考图3，本实施例提供的界面显示方法具体包括如下步骤：
步骤310：接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入；
步骤320：响应于用户的第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
在本实施例中，用户的第一输入触发在第一应用程序的第一界面上通过叠层方式显示第二界面。
可选地，用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入。例如参考图4，本实施例提供的界面显示方法具体包括如下步骤：
步骤410：在屏幕中显示所述第一界面和第二界面的情况下，接收用户的第一输入；
步骤420：响应于用户的第一输入，将第一界面的显示面积调整为不小于第一目标值，并将第二界面显示在所述第一界面上，第二界面包括透明层和位于透明层上的内容显示层，其中内容显示层在所述透明层所在平面上的投影位于所述透明层内。
其中，将第一界面的显示面积调整为不小于第一目标值，可以是全屏显示第一界面。
在本实施例中，在接收用户的第一输入之前，第一应用程序的第一界面可以是非全屏显示。第一输入为对第一界面进行全屏显示的操作，触发终端设备将第一界面切换为全屏显示，并在第一界面切换为全屏显示的情况下，触发将第二界面显示在第一界面之上，并使得透明层为透明显示。
具体地，第一输入可以是对第一界面中的指定区域或全屏按钮的触控操作，例如对指定区域单击或双击。
因此，本实施例能够实现在第一应用程序的第一界面切换为全屏显示的情况下，即时地自动将第二应用程序的第二界面以透明层和内容显示层的叠层方式显示在第一界面上，省去人工操作步骤，进一步提升界面显示多样性。
可选地，用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入，例如参考图5，本实施例提供的界面显示方法具体包括如下步骤：
步骤510：在第二界面在后台运行的情况下，接收用户的第一输入；
步骤520：响应于用户的第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，将第二界面切换到前台并显示在第一界面 上，第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
此时，将所述第二界面切换到所述第一界面上显示的输入具体为界面切换显示操作。
可选地，参考图6，本实施例提供的界面显示方法具体包括如下步骤：
步骤610：在显示消息通知的情况下，接收用户的第一输入；
步骤620：响应于用户的第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，基于所述消息通知创建第二界面并在所述第一界面上显示所述第二界面，第二界面包括透明层和位于透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
在本实施例中，第一输入为对消息通知的打开操作，基于该打开操作触发创建第二界面，从而实现第二界面以透明层和内容显示层的叠层方式进行启动和显示，界面显示多样性得到进一步提升。
具体地，第一输入可以是对消息通知的点击操作，如单击或双击，还可以是其他触控操作，在此不做限定。
可选地，参照图7，本实施例提供的界面显示方法包括如下步骤：
步骤710：接收第一输入；
步骤720：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；
步骤730：接收用户在所述内容显示层或透明层的第二输入；
步骤740：响应于所述用户的第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。
其中，步骤710可以参考上文步骤110的内容，步骤720可参考上文步骤120的内容，在此不再赘述。
在可选实施例中，第二输入作用在内容显示层，第二输入触发改变内容显示层的窗口属性，通过改变内容显示层的大小、形状及位置中的至少一种，可以改变内容显示层对第一界面的覆盖区域并改变透明层对第一界面的透视区域，达到调节第一界面透视内容的目的。
在实际应用中，用户可以根据需求改变内容显示层的窗口属性，从而调节内容显示层对第一界面的遮挡区域，进一步提升界面显示多样性。
具体地，第二输入为用户对内容显示层中的目标位置点沿目标移动方向的移动操作，在这种情况下，响应于第二输入，基于沿所述目标移动方向对所述目标位置点进行移动操作，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。
可选地，在目标位置点位于所述内容显示层边框上的情况下，响应于所述第二输入，基于沿所述目标移动方向移动所述目标位置点，改变所述目标位置点所在内容显示层边框的形状。
具体地，在内容显示层的边框上可以设置一个或多个位置点，该位置点用于定义对内容显示层的形状进行改变的操作点。其中，位置点可以显示或不显示。在这种情况下，随用户对目标位置点的移动操作，可以改变该目标位置点所在边框的形状，从而改变内容显示层的整体形状。
结合图2和图8，图2中内容显示层22的初始形状为四边形，图8中内容显示层82为三角形。通过对图2中内容显示层22的上边框和右边框上的多个位置点进行移动，得到图8所示内容显示层82。
结合图2和图9，图9中内容显示层92的形状为月牙形，可以通过对图2中各个边框的拉伸操作得到图9所示内容显示层92。
图8和图9的形状仅为示例，通过在内容显示层边框上的多个位置设置位置点，可以基于用户对目标位置点的移动操作，
可选地，在目标位置点位于所述内容显示层边框上相邻两个顶点之间的情况下，响应于所述第二输入，基于沿所述目标移动方向移动所述目标位置点，改变所述目标位置点所在内容显示层边框的形状。
可选地，在所述目标位置点为所述内容显示层边框的目标顶点的情况下，响应于所述第二输入，沿所述目标移动方向对所述内容显示层进行缩放。
在该实施例中，第二输入可以是用户对内容显示层两个对角顶点沿对角线的滑动操作，或第二输入可以是用户对内容显示层的单个目标顶点施加目标压力按压并保持按压的情况下，沿对角线的滑动操作。
在这种情况下，如果第二输入作用在内容显示层边框的顶点，则可以对内容显示层进行整体同比例缩放。当第二输入作用在内容显示层边框上相邻两个顶点之间的目标位置点，则可以通过对该目标位置点所在边框进行拉伸，改变内容显示层的形状。
可选地，第二输入作用在内容显示层边框的目标顶点时，也可以通过目标顶点的移动对相交于该顶点的两边框拉伸。
可选地，在目标位置点位于所述内容显示层边框内的情况下，响应于所述第二输入，沿所述目标移动方向移动所述内容显示层在所述透明层上的位置。
在本实施例中，通过移动所述内容显示层在所述透明层上的位置，可以改变内容显示层对第一界面的遮挡区域及透明层对第一界面的透视区域。
具体地，第二输入可以是用户对内容显示层边框内进行按压并在保持按压的情况下进行滑动操作，从而改变内容显示层在透明层上的位置。
可选地，第二输入作用在透明层上。在这种情况下，响应于所述第二输入，改变所述内容显示层的窗口属性，具体包括：
响应于用户的第二输入，同步改变内容显示层和透明层的窗口属性。
在本实施例中，第二输入作用在透明层，触发内容显示层和透明层的窗口属性同步改变，实现对第一界面透视区域的改变。
可选地，在第二输入为对所述透明层的缩放操作的情况下，响应于该第三输入，对内容显示层及透明层进行同步缩放。
其中，缩放包括缩小或放大。内容显示层缩放，改变第一界面的遮挡区域。
对于第二输入的形式，可以参考上文关于触发缩放的第二输入的描述，在此不再赘述。
结合参考图10所示，虚线框表征初始状态下的透明层1000，用户手指长按透明层1000左下角并沿箭头方向滑动到实线框的位置，使得透明层1000和内容显示层1010同步缩小。反之，若用户手指从实线框滑动到虚线框，则使得透明层1000和内容显示层1010同步等比增大。
可选地，在所述第二输入为对所述透明层的移动操作的情况下，响应于该第二输入，对内容显示层及透明层在第一界面上进行同步移动。这实现对第二界面的位置进行整体移动。
在本实施例中，用户对透明层的移动操作具体为在对透明层保持按压状态的情况下的滑动操作，滑动终点位置即为第二界面的目标位置。
参考图11，第二界面1100从屏幕上的位置A移动到位置B。
具体地，用户手指长按透明层1101的任意位置A，然后手指在屏幕上滑动，手指滑动时整个第二界面1100跟随手指的屏幕触点位置移动，当手指移动停止时，第二界面1100就停留在手指的屏幕触点位置B不再移动。
可选地，参考图12，本实施例的界面显示方法包括如下步骤：
步骤1210：接收第一输入；
步骤1220：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；
步骤1230：接收用户的第三输入；
步骤1240：响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。
在本实施例中，第三输入为绘制画框操作，画框定义需要改变的内容显示层的形状和位置。响应于该绘制画框操作，可将内容显示层移动到画框上并适配地改变内容显示层的形状，其中适配是指内容显示层透明层上的投影 与画框重叠或位于画框内，同时保持形状吻合。
结合参考图13，原始的内容显示层1310为四边形；
参考箭头，基于所绘制的不规则画框，内容显示层1310的形状作适应变更，形成不规则形状。
可选地，参考图14，本实施例的界面显示方法包括如下步骤：
步骤1410：接收第一输入；
步骤1420：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；
步骤1430：接收用户对透明层或内容显示层进行目标触控操作的第四输入；
步骤1440：响应于第四输入，获得目标触控操作所对应的目标移动路径，并沿着目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。
在本实施例中，目标触控操作对应目标移动路径，目标触控操作和目标移动路径之间的对应关系是预先设置的，从而第四输入触发透明层和内容显示层同步地在第一界面上自动移动。
结合图15所示，屏幕左上角位置1为内容显示层和透明层所组成第二界面的初始位置状态，在接收到对初始位置状态的透明层或内容显示层进行双击的情况下，获得对应的逆时针移动路径，从而控制第二界面在屏幕上经位置1、位置2、位置3及位置4进行往复旋转运动。
逆时针移动路径为一示例，在可选实施例中，还可以是顺时针移动路径或沿水平方向或竖直方向或其他任意方向的移动路径，在此不做限定。
可选地，参考图16，本实施例提供的界面显示方法包括如下步骤：
步骤1610：接收第一输入；
步骤1620：响应于所述第一输入，在第一应用程序的第一界面的显示面 积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；
步骤1630：检测第一界面中各区域的像素变化值；
步骤1640：在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。
其中，步骤1610可以参考上文步骤110的内容，步骤1620可参考上文步骤120的内容，不再赘述。
在本实施例中，屏幕窗口中各区域的像素变化值反映了第一界面对应各区域的明暗变化，明暗变化越强烈，表明该区域显示的内容存在动态变化，反之显示的内容为静态物或缓慢变化内容。对于动态变化内容，被认为是对用户来说需要重点关注的内容。
因此，当目标区域的像素变化值小于目标值的情况下，认为第一界面在该目标区域显示的内容为静态物或缓慢变化的内容，则将第二界面移动到该目标区域，则可以更好地曝露出像素变化值大于目标值的区域，从而使得该区域内容无遮挡展示。
可选地，参考图17，本申请实施例提供的界面显示方法包括如下步骤：
步骤1710：接收第一输入；
步骤1720：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；
步骤1730：接收用户对所述透明层进行透明度调整操作的第五输入；
步骤1740：响应于所述第五输入，基于所述透明度调整操作对所述透明层的透明度进行调整。
在本实施例中，基于第五输入对透明层的透明度进行调整，从而可以改变透明层中所显示内容的透明度，进而实现对透明层所显示内容的隐藏或明 示。在隐藏状态下，透明层中的内容不再显示，从而能够透视下方的第一界面。在明示状态下，透明层中的内容显示给用户，提升第二界面的界面显示效率。
具体地，第五输入可以是对透明层沿目标方向的滑动操作；
响应于第五输入，基于透明度调整操作对所述透明层的透明度进行调整，具体包括：
响应于第五输入，获得目标方向所对应的目标透明度调整方向，并基于上述目标透明度调整方向调节透明层的透明度，该目标透明度调整方向可以是减小透明度或增大透明度。
可选地，在接收用户对透明层进行透明度调整操作的第五输入之前，接收用户对透明层的第六输入，响应于该第六输入，显示透明度调节滑动条。在这种情况下，第六输入是对透明度调节滑动条的滑动操作。
在本实施例中，透明度调节滑动条在常态下为隐藏状态，并在第七输入的触发下切换为显示状态，供用户滑动操作。
结合参考图2和图18，当用户的单手指单击透明层右侧边框，则显示透明度调节滑动条1800，并沿竖直方向滑动透明度调节滑动条1800，实现透明度调节。
可选地，也可以不设置透明度调节滑动条，第六输入可以是对透明层的界面有效区域沿目标方向的滑动操作。
可选地，在接收用户对透明层进行透明度调整操作的第五输入之前，接收用户对透明层的第七输入，响应于该第七输入，显示多个透明度选项。在显示多个透明度选项的情况下，第七输入为对目标透明度选项的选择操作。
可选地，参考图19，本实施例提供的界面显示方法可以包括如下步骤：
步骤1910：接收第一输入；
步骤1920：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在 所述透明层所在平面上的投影位于所述透明层内；
步骤1930：接收用户对透明层进行位置锁定操作的第八输入；
步骤1940：响应于第八输入，将所述透明层进行位置锁定。在透明层位置锁定状态下，内容显示层被限定在透明层上，内容显示层可以在透明层上移动或内容显示层的位置也被锁定。
另外，在位置锁定状态下，内容显示层的窗口属性及透明层的透明度均可以锁定，也可以不锁定。
可选地，参考图20，本实施例提供的界面显示方法还可以包括如下步骤：
步骤2010：接收用户对位置锁定状态的透明层的第九输入；
步骤2020：响应于所述第九输入，解除透明层的位置锁定状态。在这种情况下，透明层的位置处于可调状态。
参考图21所示，在第二界面2110位于某位置时，在第二界面2110未锁定时，连续单击透明层2120窗口两下，第二界面2110窗口整体完成锁定，在锁定机制下第二界面2110窗口无法拖拽，无法调整大小，无法调整透明度。除了解锁的双击事件监听外，可以不监听其它事件；在锁定模式下，再次连续单击透明层2120窗口两下，即可完成第二界面2110窗口解锁。
其中，在透明层2120处于位置锁定状态时，可以显示锁定图标2130。
需要说明的是，本申请实施例提供的界面显示方法，执行主体可以为带有屏幕的界面显示装置，或者该界面显示装置中的用于执行界面显示方法的控制模块。本申请实施例中以界面显示装置执行界面显示方法为例，说明本申请实施例提供的界面显示装置。
参照图22，本装置包括：
第一接收模块2210，接收第一输入；
显示模块2220，响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
可选地，第一接收模块2210具体用于：
接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入。
可选地，参考图23，与图22相比，本实施例的界面显示装置还包括：
第二接收模块2310，接收用户在所述内容显示层或透明层的第二输入；
第一改变模块2320，响应于所述第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。
可选地，参考图24，与图22相比，本实施例的界面显示装置还包括：
第三接收模块2410，接收用户的第三输入；
第二改变模块2420，响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。
可选地，参考图25，与图22相比，本实施例的界面显示装置还包括：
第四接收模块2510，接收用户对所述透明层或内容显示层进行目标触控操作的第四输入；
第一移动模块2520，响应于第四输入，获得目标触控操作所对应的目标移动路径，并沿着目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。
可选地，参考图26，与图22相比，本实施例的界面显示装置还包括：
检测模块2610，检测所述第一界面中各区域的像素变化值；
第二移动模块2620，在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。
利用本申请实施例的界面显示装置，提供一种更多样化的界面显示方案。
本申请实施例中的界面显示装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、 车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personal digital assistant，PDA)等，非移动电子设备可以为服务器、网络附属存储器(Network Attached Storage，NAS)、个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的界面显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。
本申请实施例提供的界面显示装置能够实现图1至图20的方法实施例实现的各个过程，为避免重复，这里不再赘述。
可选地，如图27所示，本申请实施例还提供一种电子设备2700，包括处理器2701，存储器2702，存储在存储器2702上并可在所述处理器2701上运行的程序或指令，该程序或指令被处理器2701执行时实现上述拍照方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图28为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备2800包括但不限于：射频单元2801、网络模块2802、音频输出单元2803、输入单元2804、传感器2805、显示单元2806、用户输入单元2807、接口单元2808、存储器2809、以及处理器2810等部件。
本领域技术人员可以理解，电子设备2800还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器2810逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图28中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，输入单元2804，用于接收第一输入；
显示单元2806，用于响应于所述第一输入，在第一应用程序的第一界面 的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
使用本实施例的电子设备，提供一种更多样化的界面显示方案。
可选地，输入单元2804，还用于接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入。
可选地，输入单元2804，还用于接收在内容显示层或透明层的第二输入；
处理器2810，还用于响应于所述第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。
可选地，输入单元2804，还用于接收用户的第三输入；
处理器2810，还用于响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。
可选地，输入单元2804，还用于接收用户的第三输入；
处理器2810，还用于响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。
可选地，输入单元2804，还用于接收用户对所述透明层或内容显示层进行目标触控操作的第四输入；
处理器2810，还用于响应于所述第四输入，获得所述目标触控操作所对应的目标移动路径，并沿着所述目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。
可选地，处理器2810，还用于检测所述第一界面中各区域的像素变化值，在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。
应理解的是，本申请实施例中，输入单元2804可以包括图形处理器(Graphics Processing Unit，GPU)2841和麦克风2842，图形处理器2841对 在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元2806可包括显示面板2861，可以采用液晶显示器、有机发光二极管等形式来配置显示面板2861。用户输入单元2807包括触控面板2871以及其他输入设备2872。触控面板2871，也称为触摸屏。触控面板2871可包括触摸检测装置和触摸控制器两个部分。其他输入设备2872可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器2809可用于存储软件程序以及各种数据，包括但不限于应用程序和操作系统。处理器2810可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器2810中。
本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
本申请实施例还提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (16)

  1. 一种界面显示方法，其中，包括：
    接收第一输入；
    响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
  2. 根据权利要求1所述的界面显示方法，其中，所述接收第一输入，包括：
    接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入。
  3. 根据权利要求1所述的界面显示方法，其中，所述方法还包括：
    接收用户在所述内容显示层或透明层的第二输入；
    响应于所述用户的第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。
  4. 根据权利要求1所述的界面显示方法，其中，所述方法还包括；
    接收用户的第三输入；
    响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。
  5. 根据权利要求1所述的界面显示方法，其中，所述方法还包括：
    接收用户对所述透明层或内容显示层进行目标触控操作的第四输入；
    响应于所述第四输入，获得所述目标触控操作所对应的目标移动路径，并沿着所述目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。
  6. 根据权利要求1所述的界面显示方法，其中，所述方法还包括：
    检测所述第一界面中各区域的像素变化值；
    在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。
  7. 一种界面显示装置，其中，包括：
    第一接收模块，接收第一输入；
    显示模块，响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。
  8. 根据权利要求7所述的界面显示装置，其中，所述第一接收模块具体用于：
    接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入。
  9. 根据权利要求7所述的界面显示装置，其中，所述装置还包括：
    第二接收模块，接收用户在所述内容显示层或透明层的第二输入；
    第一改变模块，响应于所述第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。
  10. 根据权利要求7所述的界面显示装置，其中，所述装置还包括：
    第三接收模块，接收用户的第三输入；
    第二改变模块，响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。
  11. 根据权利要求7所述的界面显示装置，其中，所述装置还包括：
    第四接收模块，接收用户对所述透明层或内容显示层进行目标触控操作的第四输入；
    第一移动模块，响应于所述第四输入，获得所述目标触控操作所对应 的目标移动路径，并沿着所述目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。
  12. 根据权利要求7所述的界面显示装置，其中，所述装置还包括：
    检测模块，检测所述第一界面中各区域的像素变化值；
    第二移动模块，在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。
  13. 一种电子设备，其中，包括处理器，存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1至6任一项所述的界面显示方法的步骤。
  14. 一种可读存储介质，其中，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1至6任一项所述的界面显示方法的步骤。
  15. 一种计算机程序产品，包括计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述的界面显示方法的步骤。
  16. 一种芯片，其中，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如权利要求1至6任一项所述的界面显示方法。
PCT/CN2022/119554 2021-09-24 2022-09-19 界面显示方法及装置 WO2023045853A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111123958.6A CN113805760A (zh) 2021-09-24 2021-09-24 界面显示方法及装置
CN202111123958.6 2021-09-24

Publications (1)

Publication Number Publication Date
WO2023045853A1 true WO2023045853A1 (zh) 2023-03-30

Family

ID=78896712

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/119554 WO2023045853A1 (zh) 2021-09-24 2022-09-19 界面显示方法及装置

Country Status (2)

Country Link
CN (1) CN113805760A (zh)
WO (1) WO2023045853A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113805760A (zh) * 2021-09-24 2021-12-17 维沃移动通信有限公司 界面显示方法及装置
CN116521281A (zh) * 2022-01-20 2023-08-01 博泰车联网科技(上海)股份有限公司 一种界面显示的方法、装置及电子设备

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110004845A1 (en) * 2009-05-19 2011-01-06 Intelliborn Corporation Method and System For Notifying A User of An Event Or Information Using Motion And Transparency On A Small Screen Display
US20140304715A1 (en) * 2013-04-08 2014-10-09 Pantech Co., Ltd. Apparatus and method for processing event
CN105807893A (zh) * 2016-03-11 2016-07-27 联想(北京)有限公司 一种信息处理方法及电子设备
CN109005283A (zh) * 2018-06-29 2018-12-14 Oppo（重庆）智能科技有限公司 显示通知消息的方法、装置、终端及存储介质
CN109976847A (zh) * 2019-02-28 2019-07-05 努比亚技术有限公司 信息显示方法、移动终端及非暂态计算机可读存储介质
US20200005736A1 (en) * 2017-03-10 2020-01-02 Guangdong Oppo Mobile Telecommunications Corp., Ltd. Method for Controlling Rendering of Layers, Terminal, and Storage Medium
CN113132786A (zh) * 2019-12-30 2021-07-16 深圳Tcl数字技术有限公司 一种用户界面显示方法、装置及可读存储介质
CN113805760A (zh) * 2021-09-24 2021-12-17 维沃移动通信有限公司 界面显示方法及装置

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110004845A1 (en) * 2009-05-19 2011-01-06 Intelliborn Corporation Method and System For Notifying A User of An Event Or Information Using Motion And Transparency On A Small Screen Display
US20140304715A1 (en) * 2013-04-08 2014-10-09 Pantech Co., Ltd. Apparatus and method for processing event
CN105807893A (zh) * 2016-03-11 2016-07-27 联想(北京)有限公司 一种信息处理方法及电子设备
US20200005736A1 (en) * 2017-03-10 2020-01-02 Guangdong Oppo Mobile Telecommunications Corp., Ltd. Method for Controlling Rendering of Layers, Terminal, and Storage Medium
CN109005283A (zh) * 2018-06-29 2018-12-14 Oppo（重庆）智能科技有限公司 显示通知消息的方法、装置、终端及存储介质
CN109976847A (zh) * 2019-02-28 2019-07-05 努比亚技术有限公司 信息显示方法、移动终端及非暂态计算机可读存储介质
CN113132786A (zh) * 2019-12-30 2021-07-16 深圳Tcl数字技术有限公司 一种用户界面显示方法、装置及可读存储介质
CN113805760A (zh) * 2021-09-24 2021-12-17 维沃移动通信有限公司 界面显示方法及装置

Also Published As

Publication number Publication date
CN113805760A (zh) 2021-12-17

Similar Documents

Publication Publication Date Title
WO2023045853A1 (zh) 界面显示方法及装置
US9666158B2 (en) Apparatus and method of controlling screens in a device
CN107562322B (zh) 切换页面的方法和装置
US9026946B2 (en) Method and apparatus for displaying an image
WO2022063023A1 (zh) 视频拍摄方法、视频拍摄装置及电子设备
WO2022048633A1 (zh) 显示方法、装置和电子设备
CN101192230A (zh) 一种打开和关闭图片浏览窗口的方法及装置
US20230362294A1 (en) Window Display Method and Device
DE202007019583U1 (de) Tragbare elektronische Vorrichtung für Fotoverwaltung
CN112911147B (zh) 显示控制方法、显示控制装置及电子设备
WO2023030114A1 (zh) 界面显示方法和装置
WO2023025060A1 (zh) 界面显示的适配处理方法、装置和电子设备
WO2022199454A1 (zh) 显示方法和电子设备
WO2023066109A1 (zh) 一种显示方法、装置、电子设备和可读存储介质
WO2023284639A1 (zh) 显示控制方法、装置
WO2023030115A1 (zh) 界面显示方法和装置
WO2023016463A1 (zh) 显示控制方法、装置、电子设备和介质
WO2014161297A1 (zh) 屏幕区域缩放处理方法、装置及终端
CN112995406B (zh) 显示方法、装置和电子设备
CN111796746B (zh) 音量调节方法、音量调节装置和电子设备
CA2782130C (en) Method and apparatus for displaying an image
WO2023078348A1 (zh) 应用程序显示方法、装置及电子设备
WO2023045976A1 (zh) 对象切换方法、装置、电子设备和可读存储介质
WO2023066123A1 (zh) 终端省电显示方法、装置和电子设备
WO2023284762A1 (zh) 应用通知显示方法、装置和电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22871899

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE