WO2023082613A1 - 显示图层的方法及装置 - Google Patents

显示图层的方法及装置 Download PDF

Info

Publication number
WO2023082613A1
WO2023082613A1 PCT/CN2022/096658 CN2022096658W WO2023082613A1 WO 2023082613 A1 WO2023082613 A1 WO 2023082613A1 CN 2022096658 W CN2022096658 W CN 2022096658W WO 2023082613 A1 WO2023082613 A1 WO 2023082613A1
Authority
WO
WIPO (PCT)
Prior art keywords
layer
display mode
manager
life cycle
floating
Prior art date
Application number
PCT/CN2022/096658
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 WO2023082613A1 publication Critical patent/WO2023082613A1/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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros

Definitions

  • the present disclosure relates to the field of mobile Internet, and in particular to a method and device for displaying layers, an electronic device and a computer-readable storage medium.
  • the layer under the floating layer for example, the UI (User Interface Design, user interface) will always remain static, No matter what operation the user performs on the floating layer, it will not be linked with the layer under the floating layer, so that the layer under the floating layer will change. Since the existing technology does not support the dynamic linkage between the floating layer and the layer below the floating layer, when the user interacts with the floating layer, the change of the layer below the floating layer is too simple, which is not conducive to expanding the traffic entry in the application.
  • the UI User Interface Design, user interface
  • the present disclosure provides a method and device for displaying a layer, an electronic device and a computer-readable storage medium.
  • a method for displaying layers including: receiving a first operation on the first layer, and creating a floating layer manager, wherein the floating layer manager is used to control the second layer
  • the display and removal of the first layer and the second layer are displayed in a stacked form, thereby adjusting the display mode of the first layer according to the life cycle of the floating layer manager, wherein the life cycle of the floating layer manager is used for Characterizes when the second layer is revealed and when it is removed.
  • the method for displaying a layer further includes: the life cycle of the floating layer manager includes at least a first life cycle and a second life cycle, wherein the first life cycle includes at least: an awakening phase, an awakening completion phase, and a second life cycle Include at least: removal phase, removal completion phase.
  • the method for displaying layers further includes: adjusting the first display mode of the first layer to the second display mode according to the first life cycle of the floating layer manager, wherein the first display mode is different from the second display mode.
  • the method for displaying layers further includes: in response to the first life cycle being in the awakening phase, adjusting the first display mode of the first layer to a third display mode corresponding to the current business scenario, wherein the third display mode For the transitional display mode in which the first layer transitions from the first display mode to the second display mode, and in response to the fact that the first life cycle is in the awakening completion stage, determine the first switching time and the first switching style corresponding to the current business scenario, And adjust the third display mode of the first layer to the second display mode according to the first switching time and the first switching style.
  • the method for displaying layers further includes: adjusting the second display mode of the first layer to the first display mode according to the second life cycle of the floating layer manager.
  • the method for displaying layers further includes: in response to the fact that the second lifecycle is in the removal phase, adjusting the second display mode of the first layer to a fourth display mode corresponding to the current business scenario, wherein the fourth display The method is that the first layer transitions from the second display method to the first display method, and in response to the fact that the first life cycle is in the removal completion stage, determine the second switching time and the second switching time corresponding to the current business scenario style, and adjust the fourth display mode of the first layer to the second display mode according to the second switching time and the second switching style.
  • the method for displaying layers further includes: receiving a second operation on the target control in the second layer, and removing the second layer from the first layer.
  • the method for displaying layers further includes: receiving a third operation on the preset area in the second layer, and removing the second layer from the first layer.
  • the method for displaying layers further includes: receiving a fourth operation on the first layer, determining a first target layer from a plurality of second layers, and displaying the first target layer in the first layer, And in response to the fifth operation on the first target layer, remove the first target layer from the first layer, thereby responding to the sixth operation on the first layer, determine the second layer from the plurality of second layers target layer, and display the second target layer within the first layer.
  • an apparatus for displaying layers including: a creation unit configured to receive a first operation on the first layer, and create a floating layer manager, wherein the floating layer manager uses To control the display and removal of the second layer, the first layer and the second layer are displayed in a stacked form; the adjustment unit is configured to adjust the display mode of the first layer according to the life cycle of the floating layer manager, Wherein, the life cycle of the floating layer manager is used to represent the display time and removal time of the second layer.
  • an electronic device including: a processor; a memory for storing processor-executable instructions; wherein, the processor is configured to execute instructions to realize the above-mentioned display layer method.
  • a non-volatile computer-readable storage medium When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device can execute the above display image. layer method.
  • a computer program product including computer programs/instructions, wherein the above-mentioned method for displaying layers is implemented when the computer programs/instructions are executed by a processor.
  • the display and removal of the second layer can be controlled through the floating layer manager; on the other hand, the life cycle of the floating layer manager can Adjust the display mode of the first layer.
  • the life cycle of the floating layer manager represents the display time and removal time of the second layer.
  • the association between the first layer and the second layer is realized through the floating layer manager, and the The display time and removal time are used to dynamically adjust the display mode of the first layer, so as to achieve the purpose of dynamically adjusting the layer below the floating layer when the user interacts with the floating layer, thereby avoiding the difference between the floating layer and the floating layer.
  • the fact that layers cannot achieve dynamic linkage expands the traffic entry in the application.
  • Fig. 1 is a flowchart of a method for displaying layers according to an exemplary embodiment.
  • Fig. 2 is a flow chart showing a method for displaying layers according to an exemplary embodiment.
  • Fig. 3 is a flow chart showing a method for displaying layers according to an exemplary embodiment.
  • Fig. 4 is a schematic diagram of a user interface according to an exemplary embodiment.
  • Fig. 5 is a flowchart showing a method for displaying layers according to an exemplary embodiment.
  • Fig. 6 is a sequence diagram of a method for displaying layers according to an exemplary embodiment.
  • Fig. 7 is a block diagram of an apparatus for displaying layers according to an exemplary embodiment.
  • Fig. 8 is a block diagram of an electronic device according to an exemplary embodiment.
  • Fig. 9 is a schematic diagram of a user interface according to an exemplary embodiment.
  • Fig. 10 is a schematic diagram of a user interface according to an exemplary embodiment.
  • Fig. 11 is a schematic diagram of a user interface according to an exemplary embodiment.
  • Fig. 12 is a schematic diagram of a user interface according to an exemplary embodiment.
  • a terminal device with the function of displaying a layer can be used as the execution body of the method for displaying a layer in the embodiment of the present disclosure, wherein the terminal device includes but is not limited to: a smart phone, an intelligent portable wearable device, a server, a desktop devices such as computers, laptops, and smart tablets.
  • Fig. 1 is a flow chart of a method for displaying a layer according to an exemplary embodiment.
  • the method for displaying a layer can be applied to a terminal device with a function of displaying a layer, including step S11 : receiving the first operation on the first layer, and creating a floating layer manager; Step S12 : adjusting the display mode of the first layer according to the life cycle of the floating layer manager.
  • step S11 a first operation on the first layer is received, and a floating layer manager is created.
  • the floating layer manager is used to control the display and removal of the second layer, the first layer and the second layer are displayed in a stacked form, and the first layer can be a layer under the floating layer, for example, a terminal device
  • the second layer may be a floating layer, for example, a translucent floating layer of an application program on the terminal device.
  • the user can perform a first operation on the first layer by clicking, double-clicking, long-pressing, or sliding, and in response to the view manager corresponding to the first layer receiving a signal, create a floating layer management device.
  • the floating layer manager can be used to control the display and removal of the second layer. For example, in response to the floating layer manager receiving an instruction to invoke the terminal device, the floating layer manager can notify the view manager that "the floating layer is about to wake up ", then the view manager receives the call-up instruction and calls up the floating layer, and in response to the floating layer manager recognizing that the floating layer has been awakened, the floating layer manager notifies the view manager of "the floating layer has been awakened" First notification command.
  • the floating layer controller will send the view manager "the floating layer is about to disappear " or the click instruction of "the floating layer operation button is clicked", then the view manager removes the second layer, and in response to the floating layer manager recognizing that the floating layer has been removed, the floating layer manager The second notification instruction that "the floating layer has disappeared” is notified to the view manager.
  • the preset area in the second layer refers to all areas other than the second layer. As shown in 4, the floating layer where "unfollow” and “reduce this type of live broadcast" is located is the second layer. The preset area is all areas except the floating layer, which can also be called a mask layer.
  • the association between the first layer and the second layer is realized through the floating layer manager, and the display and removal of the second layer can be controlled through the floating layer manager, Users can choose whether to display the second layer.
  • step S12 the display mode of the first layer is adjusted according to the life cycle of the floating layer manager.
  • the life cycle of the floating layer manager is used to represent the display time and removal time of the second layer.
  • the life cycle of the floating layer manager in response to the creation of the floating layer manager by the view manager, the life cycle of the floating layer manager will be monitored at the same time, so as to adjust the first layer according to the life cycle of the floating layer manager.
  • the display method for example, when the view manager receives the calling instruction of "the floating layer is about to be awakened" from the floating layer manager, it means that the life cycle of the floating layer manager is in the call of "the floating layer is about to be awakened” at this time stage, at this point the view manager can dynamically transform the first layer according to the current business scenario, where the business scenario refers to the business attribution scenario displayed in the current first layer, for example, e-commerce business scenarios and social networking business scenarios etc.
  • the process of dynamic transformation can be determined according to different business scenarios.
  • the current business scenario is an e-commerce scenario.
  • the floating layer is invoked, and the background view below the floating layer
  • the item card animation in can adjust the position and size.
  • the view manager in response to the view manager receiving the notification instruction that "the floating layer has been awakened", can also dynamically change the current first layer, wherein the timing and style of the change can be determined according to the business scenario.
  • the first layer may include multiple sublayers, and the dynamic transformation includes but not limited to: position movement of the sublayers, animation transformation of the sublayers, and overlaying of a new UI layer on the first layer, etc.
  • the new UI layer covers the current first layer, and the new UI layer is also under the second layer.
  • the floating layer controller in response to the user clicking a preset area in the floating layer or a target control in the floating layer, for example, the user clicks the function of “reduce such live broadcasts” in the user interface shown in FIG. 4 control, the floating layer controller will send a disappearing instruction of "the floating layer is about to disappear” or a click instruction of "the floating layer operation button is clicked” to the view manager. Then, in response to the view manager receiving the notification instruction, the view manager can dynamically change the first view according to the business scenario.
  • the floating layer may include multiple functional controls.
  • the floating layer includes a "reduce such live broadcast” control, a "unfollow” control, a “follow” control, and a "favorite” control.
  • the display mode of the first layer is dynamically adjusted through the life cycle of the floating layer manager, and the life cycle of the floating layer manager represents the display and hiding of the second layer, thus realizing the
  • the purpose of displaying and hiding to dynamically adjust the display mode of the view below the floating layer is to avoid the fact that the dynamic linkage between the floating layer and the layer below the floating layer cannot be realized.
  • the positional relationship between the floating layer (that is, the second layer) and the first layer is not limited to the layered relationship shown in FIG. Show relationships side by side.
  • the relationship between the floating layer and the first layer when displayed side by side is not limited to that shown in FIG. side or right, and can also be set in the middle of each view in the first layer.
  • the floating layer manager is set and the first view is dynamically adjusted through the life cycle of the floating layer manager, by receiving the first view of the first layer Operation, create a floating layer manager, where the floating layer manager is used to control the display and removal of the second layer, the first layer and the second layer are displayed in a stacked form, and according to the life cycle of the floating layer manager Adjust the display mode of the first layer, where the life cycle of the floating layer manager is used to represent the display time and removal time of the second layer.
  • the floating layer manager can be used to control the display and removal of the second layer, and on the other hand, it can be adjusted through the life cycle of the floating layer manager
  • the display mode of the first layer, the life cycle of the floating layer manager represents the display time and removal time of the second layer, therefore, between the first layer (for example, the layer below the floating layer) and the second layer
  • a layer for example, a floating layer
  • the display of the second layer can Time and removal time to dynamically adjust the display mode of the first layer, so that when the user interacts with the floating layer, dynamically adjust the layer below the floating layer, thus avoiding the inconsistency between the floating layer and the layer below the floating layer
  • the fact of realizing dynamic linkage expands the traffic entry in the application.
  • the life cycle of the floating layer manager includes at least a first life cycle and a second life cycle, wherein the first life cycle includes at least: the awakening phase and the awakening completion phase, and the second life cycle includes at least: remove stage, remove complete stage.
  • the floating layer manager can define the first life cycle and the second life cycle according to the life cycle protocol, for example, define “the floating layer is about to be evoked", “the floating layer has been evoked”, “the The floating layer is about to disappear”, “the floating layer has disappeared” and “the floating layer operation button is clicked” and other API (Application Programming Interface, application programming interface) interfaces.
  • the "the floating layer is about to be awakened” API interface can correspond to the awakening phase of the first life cycle
  • the "the floating layer has been awakened” API interface can correspond to the awakening completion phase of the first life cycle
  • the “floating layer has disappeared” API interface may correspond to the removal phase of the second life cycle
  • the "the floating layer has disappeared” API interface may correspond to the removal completion phase of the second life cycle.
  • the terminal device may adjust the first display manner of the first layer to the second display manner according to the first life cycle of the floating layer manager, wherein the first display manner is different from the second display manner.
  • the first display mode can be the current display mode of the first layer
  • the second display mode is the adjusted display mode of the first layer based on the first display mode.
  • the two display modes are not the same display.
  • the view manager in response to the user operating the first view, the view manager will create a floating layer manager, and monitor the life cycle of the floating layer manager, in response to the floating layer manager receiving the call operation, the floating layer manager will send The view manager notifies the instructions of "the floating layer is about to be awakened" and "the floating layer has been awakened”. Dynamically adjust the display mode of the first layer according to the current business scenario.
  • the view manager adjusts the display mode of the first layer according to the first life cycle of the floating layer manager, realizing the display mode of the first layer in the first life cycle of the floating layer manager dynamic adjustment.
  • the first display mode of the first layer in response to the fact that the terminal device is in the awakening phase in the first life cycle, is adjusted to a third display mode corresponding to the current business scene, where the third display mode is the first
  • determine the first switching time and the first switching style corresponding to the current business scenario in response to the fact that the first life cycle is in the awakening completion stage, determine the first switching time and the first switching style corresponding to the current business scenario, and follow the first A switching time and the first switching style adjust the third display mode of the first layer to the second display mode.
  • the floating layer manager in response to the floating layer manager receiving the call-up operation instruction, the floating layer manager will send a call-up instruction of "the floating layer is about to wake up" to the view manager, that is, the view manager determines that the floating layer management The controller is in the awakening phase of the first life cycle, so that the view manager can adjust the first display mode of the first view according to the current business scenario.
  • the current business scenario is an e-commerce scenario
  • the first display mode is the default The display mode of the product list page
  • the view manager in response to the view manager receiving the instruction "the floating layer is about to be awakened”
  • the view manager changes the default display mode of the product list page, adjusts the position and size of the product card animation, and obtains according to the third The first layer to display by.
  • the floating layer manager in response to the floating layer manager recognizing that the floating layer has been awakened, the floating layer manager will send a first notification instruction "the floating layer has been awakened" to the view manager, and at this time the view manager determines that the floating layer manager In the evoking completion phase of the first life cycle, the view manager determines the first switching time and the first switching style corresponding to the current business scene, and displays the third display of the first layer according to the first switching time and the first switching style The mode is adjusted to the second display mode.
  • the view manager determines that the first switching time is 2 seconds, and the first switching style is a switching style gradually displayed from left to right, so that the After 2 seconds, the view manager gradually displays the first layer displayed in the second display mode from left to right.
  • the view manager enlarges and displays the subview 1, as shown in Figure 9 .
  • the view manager adjusts the position of subview 1 and other subviews in the first layer, for example, in Figure 9, the view manager divides subview 1 and other subviews into two rows, and subview 1 is set in In the first row, other subviews are reduced, and the reduced subviews are set in the second row.
  • the floating layer manager enters the evocation completion phase.
  • the view manager shrinks the zoomed-in subview 1, and at the same time zooms in on other subviews, and performs the same process as before the evocation phase.
  • the relative position between each sub-view arranges sub-view 1 and other sub-views, as shown in FIG. 10 .
  • the view manager moves the placed subviews downward, and displays a floating layer above the placed subviews, and at the same time highlights the border of subview 1, as shown in Figure 10, with bold
  • the dotted frame indicates that the subview 1 is highlighted, and the second layer is displayed at the same time, so that the user can clearly know the subview currently being operated.
  • the user interface shown in FIG. 9 is the third display mode of the first image
  • the user interface shown in FIG. 10 is the second display mode of the first image.
  • the view manager can perform zoom processing on subviews, and/or, highlight processing, and/or, cover new subviews on subviews, and/or, position subviews Move and other operations, and display the result of subview processing.
  • the view manager adjusts the display mode of the first layer according to the different stages of the first life cycle of the floating layer manager, and realizes the display of the first image during the floating layer awakening stage and the awakening completion stage. Dynamic adjustment of how layers are displayed. Moreover, in the process of adjustment, the changes of the first layer are enriched, so that more content can be displayed, and the traffic entry in the application is expanded.
  • the terminal device may adjust the second display manner of the first layer to the first display manner according to the second life cycle of the floating layer manager.
  • preset areas and target controls are set in the second layer.
  • the default area is all blank areas outside the floating layer, and the two floating layer buttons "Reduce this type of live broadcast” and "Unfollow” can be used as target controls.
  • the floating layer controller in response to the user operating the preset area or target control in the second layer, the floating layer controller will send the view manager a disappearance command of "the floating layer is about to disappear” or "the floating layer operation button Clicked" click instruction, and then in response to the view manager receiving the notification instruction, the view manager can determine that the floating layer manager enters the second life cycle, so that the view manager performs the display method of the first view according to the current business scenario Adjust, to return to the original state from the previous dynamic transformation, that is, to adjust the second display mode of the first layer to the first display mode.
  • the view manager adjusts the display mode of the first layer according to the second life cycle of the floating layer manager, realizing the dynamic adjustment of the first layer in the second life cycle of the floating layer manager display mode.
  • the second display mode of the first layer in response to the fact that the terminal device is in the removal stage in the second life cycle, is adjusted to a fourth display mode corresponding to the current business scenario, where the fourth display mode is The first layer transitions from the second display mode to the transition display mode of the first display mode, and in response to the fact that the first life cycle is in the removal completion stage, determine the second switching time and the second switching style corresponding to the current business scenario, And adjust the fourth display mode of the first layer to the first display mode according to the second switching time and the second switching style.
  • the view manager in response to the view manager receiving a disappear instruction of "the floating layer is about to disappear” or a click instruction of "the floating layer operation button is clicked", the view manager may determine that the floating layer manager is in the second life. Periodic removal stage, so that the view manager can adjust the second display mode of the first view according to the current business scenario to obtain the fourth display mode corresponding to the current business scenario, for example, according to the current business scenario to the first view
  • the layer is dynamically restored, or the first view is dynamically adjusted by panning, animation transformation, and removal of a certain UI, so as to obtain the first layer displayed in the fourth display mode.
  • the floating layer manager in response to the floating layer manager recognizing that the floating layer has been removed, the floating layer manager will send a second notification instruction "the floating layer has disappeared" to the view manager, and at this time the view manager determines that the floating layer management
  • the view manager is in the removal completion stage of the second life cycle, the view manager determines the second switching time and the second switching style corresponding to the current business scene, and converts the second switching time and the second switching style of the first layer to
  • the fourth display mode is adjusted to the first display mode. For example, according to the current business scene is an e-commerce scene, the view manager determines that the second switching time is 2 seconds, and the second switching style is a switching style that is gradually displayed from the right to the left. Therefore, after 2 seconds, the view manager gradually displays the first layer displayed in the first display manner from left to right.
  • the floating layer manager is in the removal stage, and the view manager moves sub-view 1, as shown in Figure 11.
  • Subview 1 moves to the left, and other subviews also move to the left at the same time.
  • the transparency of the floating layer that is, the second layer
  • the subview 2 in FIG.
  • the size of the subviews is restored to the original size.
  • subview 2 is moved to the position of atomic view 1, and the positions of other subviews are adjusted accordingly. While adjusting the positions of the subviews Or later, the view manager resizes the subviews.
  • the view manager can zoom and/or highlight the subviews, and/or overlay new subviews on the subviews, And/or, perform operations such as position movement on the subview, and display the result of processing the subview.
  • the view manager adjusts the display mode of the first layer according to the different stages of the second life cycle of the floating layer manager, and realizes the dynamic adjustment of the first layer during the floating layer removal stage and the removal completion stage.
  • the display mode of a layer is enriched, so that more content can be displayed, and the traffic entry in the application is expanded.
  • the terminal device receives a second operation on the target control in the second layer, and removes the second layer from the first layer.
  • the user in response to the second layer being displayed on the terminal device, the user can operate the target control in the second layer. As shown in FIG. 4, the user clicks "Cancel” or “ Reducing such live broadcasts”, in response to the terminal device receiving a touch instruction, the floating layer controller will send a click instruction of “the floating layer operation button is clicked” to the view manager, so that the view manager will move the second layer from the first.
  • the view processor can adjust the dynamic restoration of the first layer according to the current business scenario, or perform other dynamic transformations, such as translation, animation transformation, and removal of a certain UI.
  • the floating layer when the user needs to remove the floating layer, the floating layer can be removed and the first layer can be restored to the original display state only by operating the controls in the floating layer.
  • the terminal device receives a third operation on the preset area in the second layer, and removes the second layer from the first layer.
  • the user in response to the second layer being displayed on the terminal device, the user can operate a preset area in the second layer, for example, as shown in Figure 4, the user clicks a blank area outside the floating layer area, in response to the terminal device receiving a touch command, the floating layer controller will send a disappearing command to the view manager that "the floating layer is about to disappear", so that the view manager will move the second layer from the first layer remove.
  • the terminal device receives a fourth operation on the first layer, determines the first target layer from multiple second layers, displays the first target layer in the first layer, and responds to the A fifth operation on the first target layer, removing the first target layer from the first layer, thereby determining a second target layer from among the plurality of second layers in response to a sixth operation on the first layer , and display the second target layer within the first layer.
  • a view manager can be bound to multiple floating layer managers, wherein the floating layer managers correspond to the second view one by one, that is, one floating layer manager corresponds to a second view. view.
  • the terminal device determines the floating layer manager A from the three floating layer managers, so that in multiple second graphs The floating layer A corresponding to the floating layer manager A is determined in the layer, and at this time, in response to the completion of the floating layer evoking, the floating layer A will be displayed in the first layer.
  • the view manager in the terminal device will remove the floating layer A from the first layer, so that in response to the user continuing to click on the first view , the terminal device determines the floating layer manager B from the three floating layer managers, and thus determines the floating layer B corresponding to the floating layer manager B in multiple second layers. At this time, the response to the floating layer call is completed , floating layer B will be displayed in the first layer.
  • Fig. 6 shows a timing diagram of a method for displaying layers according to an exemplary embodiment, to further illustrate the steps of the method for displaying layers in the embodiment of the present disclosure, the steps include the following steps 1 to 1 8.
  • Step 1 the terminal device detects the user operation, thereby triggering an instruction to evoke the floating layer, and the view manager on the terminal device responds to the instruction to evoke the floating layer, and creates a floating layer manager;
  • Step 2 the view manager monitors the life cycle of the floating layer manager
  • Step 3 the floating layer manager enters the first life cycle, invokes the floating layer, and notifies the view manager of relevant instructions;
  • Step 4 When the floating layer is about to be displayed, the view manager dynamically adjusts the internal first layer according to the current business scenario, and at the same time, the view manager renders the adjusted first layer to the screen of the terminal device. At this time, the user You can see the adjusted UI.
  • Step 5 the terminal device detects that the user cancels the floating layer operation, thereby triggering an instruction to cancel the floating layer, and the view manager on the terminal device responds to the instruction of canceling the floating layer, and forwards the instruction to the floating layer manager;
  • Step 6 the view manager forwards the command to cancel the floating layer to the floating layer manager
  • Step 7 the floating layer manager enters the second life cycle, cancels the floating layer, and notifies the view manager of relevant instructions;
  • Step 8 when the floating layer is about to disappear, the view manager dynamically adjusts the internal first layer according to the current business scenario, and at the same time, the view manager renders the adjusted first layer to the screen of the terminal device, at this time The user sees the adjusted UI.
  • the view manager generates the floating layer manager and monitors its life cycle, and at the same time notifies the floating layer manager to wake up the floating layer, and the floating layer manager notifies the corresponding life cycle stage to the view controller during the floating layer awakening process, and the view
  • the controller can dynamically operate the first layer arbitrarily according to the life cycle of the floating layer, and the process of disappearing the floating layer is the same.
  • This process realizes the association between the first layer and the floating layer through the floating layer manager, and can dynamically adjust the first layer according to the life cycle of the floating layer, so as to achieve the user interaction with the floating layer , to dynamically adjust the purpose of the first layer below the floating layer, thereby avoiding the fact that the dynamic linkage between the floating layer and the layers below the floating layer cannot be realized.
  • the floating layer manager can be used to control the display and removal of the second layer; on the other hand, through the floating layer
  • the life cycle of the manager can also adjust the display mode of the first layer, and the life cycle of the floating layer manager represents the display time and removal time of the second layer, therefore, in the first layer (for example, floating layer layer) and the second layer (for example, floating layer) are displayed on the terminal device in a stacked form, the association between the first layer and the second layer is realized through the floating layer manager , and the display mode of the first layer can be dynamically adjusted according to the display time and removal time of the second layer, so as to achieve the purpose of enriching the changes of the layer below the floating layer when the user interacts with the floating layer. This avoids the fact that the dynamic linkage between the floating layer and the layer below the floating layer cannot be realized, and expands the traffic entry in the application.
  • FIG. 7 is a block diagram of an apparatus for displaying layers according to an exemplary embodiment.
  • the apparatus for displaying layers includes: a creation unit 701 and an adjustment unit 703 .
  • the creation unit 701 is configured to receive the first operation on the first layer, and create a floating layer manager, wherein the floating layer manager is used to control the display and removal of the second layer, the first layer and the second layer The second layer is displayed in a stacked form;
  • the adjustment unit 703 is configured to adjust the display mode of the first layer according to the life cycle of the floating layer manager, wherein the life cycle of the floating layer manager is used to represent the second layer Display time and removal time.
  • the creation unit 701 and the adjustment unit 703 correspond to steps S11 to S12 in the above method embodiment, and the examples and application scenarios realized by the above modules are the same as those of the corresponding steps, but are not limited to the above display diagrams Layer method embodiments are disclosed. It should be noted that, as a part of the device, the above modules can run in the computer terminal.
  • the device for displaying a layer further includes: the life cycle of the floating layer manager includes at least a first life cycle and a second life cycle, wherein the first life cycle includes at least: an awakening phase, an awakening completion phase, and a second life cycle 2.
  • the life cycle includes at least: the removal phase and the removal completion phase.
  • the device for displaying layers further includes: a first adjustment unit, configured to adjust the first display mode of the first layer to the second display mode according to the first life cycle of the floating layer manager, wherein the first A display mode is different from a second display mode.
  • the device for displaying layers further includes: a second adjustment unit and a determination unit.
  • the second adjustment unit is configured to adjust the first display mode of the first layer to the third display mode corresponding to the current business scene in response to the first life cycle being in the awakening phase, wherein the third display mode is the first A transitional display mode in which a layer transitions from the first display mode to the second display mode;
  • the determining unit is configured to determine the first switching time and the first switching corresponding to the current business scenario in response to the first life cycle being in the evoking completion stage style, and adjust the third display mode of the first layer to the second display mode according to the first switching time and the first switching style.
  • the adjustment unit further includes: a third adjustment unit, configured to adjust the second display mode of the first layer to the first display mode according to the second lifecycle of the floating layer manager.
  • the device for displaying layers further includes: a fourth adjusting unit and a first determining unit.
  • the fourth adjustment unit is configured to adjust the second display mode of the first layer to the fourth display mode corresponding to the current business scenario in response to the second life cycle being in the removal phase, wherein the fourth display mode is The first layer transitions from the second display mode to the transition display mode of the first display mode; the first determination unit is configured to determine the second switching time corresponding to the current business scenario in response to the first life cycle being in the removal completion stage and the second switching style, and adjust the fourth display mode of the first layer to the second display mode according to the second switching time and the second switching style.
  • the device for displaying layers further includes: a receiving unit configured to receive a second operation on the target control in the second layer, and remove the second layer from the first layer.
  • the apparatus for displaying layers further includes: a first receiving unit configured to receive a third operation on a preset area in the second layer, and remove the second layer from the first layer.
  • the device for displaying layers further includes: a second receiving unit, a first responding unit, and a second responding unit.
  • the second receiving unit is used to receive the fourth operation on the first layer, determine the first target layer from multiple second layers, and display the first target layer in the first layer; the first a response unit for removing the first target layer from the first layer in response to a fifth operation on the first target layer; a second response unit for responding to a sixth operation on the first layer from A second target layer is determined from among the plurality of second layers, and the second target layer is displayed in the first layer.
  • an embodiment of an electronic device including: a processor; a memory for storing the above-mentioned processor-executable instructions; wherein, the above-mentioned processor is configured to execute the above-mentioned instructions to achieve any one of The above method of displaying layers.
  • FIG. 8 is a block diagram of an electronic device according to an exemplary embodiment.
  • the computer terminal may include: at least one (only one is shown in the figure) processor 81, memory 82, and peripheral interface 83, and so on.
  • the memory can be used to store software programs and modules, such as the program instructions/modules corresponding to the method and device for displaying layers in the embodiments of the present disclosure, and the processor executes various software programs and modules stored in the memory by running the software programs and modules.
  • Functional application and data processing that is, the method for realizing the above-mentioned display layer.
  • the memory may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory.
  • the memory may further include a memory located remotely from the processor, and these remote memories may be connected to the computer terminal through a network. Examples of the aforementioned networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
  • the processor can call the information and the application program stored in the memory through the transmission device, so as to execute any one of the above-mentioned method steps for displaying layers.
  • an embodiment of a non-volatile computer-readable storage medium is also provided.
  • the electronic device can perform any The above method of displaying layers.
  • an embodiment of a computer program product When executed on a data processing device, a program adapted to execute any one of the above-mentioned methods for displaying a layer is initialized.
  • the disclosed technical content can be realized in other ways.
  • the device embodiments described above are only illustrative.
  • the division of the above-mentioned units can be a logical function division.
  • there may be another division method for example, multiple units or components can be combined or integrated. to another system, or some features may be ignored, or not implemented.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces, and the indirect coupling or communication connection of units or modules may be in electrical or other forms.
  • the units described above as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place, or may be distributed to multiple units. Part or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.
  • each functional unit in each embodiment of the present invention may be integrated into one processing unit, each unit may exist separately physically, or two or more units may be integrated into one unit.
  • the above-mentioned integrated units can be implemented in the form of hardware or in the form of software functional units.
  • the above integrated units are realized in the form of software functional units and sold or used as independent products, and can be stored in a computer-readable computer storage medium.
  • the essence of the technical solution of the present invention or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of software products, and the computer software products are stored in a computer storage medium
  • several instructions are included to make a computer device (which may be a personal computer, a server or a network device, etc.) execute all or part of the steps of the above-mentioned methods in various embodiments of the present invention.
  • the aforementioned computer storage media include: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, magnetic disk or optical disk, etc., which can store program codes. medium.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Control Of Indicators Other Than Cathode Ray Tubes (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开关于一种显示图层的方法、装置、电子设备及计算机可读存储介质，其中，上述显示图层的方法包括：接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，从而根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。

Description

显示图层的方法及装置
相关申请的交叉引用
本申请基于申请号为202111329803.8、申请日为2021年11月11日的中国专利申请提出，并要求该中国专利申请的优先权，该中国专利申请的全部内容在此引入本申请作为参考。
技术领域
本公开涉及移动互联网领域，尤其涉及一种显示图层的方法、装置、电子设备及计算机可读存储介质。
背景技术
随着移动互联网技术的发展，移动端设备上可下载越来越多的应用程序，其中，在用户使用各种各样的应用程序的过程中，浮层可以简化操作步骤，因此，移动设备上应用程序的浮层使用越来越广泛。
但是，在现有技术中，通常是用户主动通过长按等操作触发浮层，而且响应于触发完成，浮层下的图层，例如，UI(User Interface Design，用户界面)会始终保持静态，无论用户对浮层进行任何操作，都不会与浮层下的图层产生联动，使得浮层下的图层发生变化。由于现有技术不支持浮层与浮层下方的图层实现动态联动，因此在用户与浮层进行交互的情况下，浮层下方图层的变化过于单一，不利于拓展应用程序内流量入口。
发明内容
本公开提供一种显示图层的方法、装置、电子设备及计算机可读存储介质。
根据本公开实施例的第一方面，提供一种显示图层的方法，包括：接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，从而根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。
进一步地，显示图层的方法还包括：浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，第一生命周期至少包括：唤起阶段、唤起完成阶段，第二生命周期至少包括：移除阶段、移除完成阶段。
进一步地，显示图层的方法还包括：根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。
进一步地，显示图层的方法还包括：响应于第一生命周期处于唤起阶段，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式，并响应于第一生命周期处于唤起完成阶段，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。
进一步地，显示图层的方法还包括：根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式。
进一步地，显示图层的方法还包括：响应于第二生命周期处于移除阶段，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式，并响应于第一生命周期处于移除完成阶段，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第二显示方式。
进一步地，显示图层的方法还包括：接收对第二图层中的目标控件的第二操作，从第一图层中移除第二图层。
进一步地，显示图层的方法还包括：接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。
进一步地，显示图层的方法还包括：接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层，并响应对第一目标图层的第五操作，从第一图层中移除第一目标图层，从而响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。
根据本公开实施例的第二方面，提供一种显示图层的装置，包括：创建单元，被配置为接收 对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示；调整单元，被配置为根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。
根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现上述的显示图层的方法。
根据本公开实施例的第四方面，提供一种非易失性计算机可读存储介质，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述的显示图层的方法。
根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机程序/指令，其中，计算机程序/指令被处理器执行时实现上述的显示图层的方法。
在本公开实施例中，由于在创建浮层管理器的基础上，一方面可通过浮层管理器控制第二图层的显示和移除，另一方面，可通过浮层管理器的生命周期调整第一图层的显示方式，浮层管理器的生命周期表征了第二图层的显示时间以及移除时间，因此，当第一图层(例如，浮层下方的图层)和第二图层(例如，浮层)以堆叠的形式在终端设备上显示的情况下，通过浮层管理器实现了第一图层和第二图层之间的关联，并且可根据第二图层的显示时间和移除时间来动态调整第一图层的显示方式，从而达到了在用户与浮层进行交互的情况下，动态调整浮层下方图层的目的，进而避免浮层与浮层下方的图层无法实现动态联动的事实，拓展应用程序内流量入口。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种显示图层的方法的流程图。
图2是根据一示例性实施例示出的一种显示图层的方法的流程图。
图3是根据一示例性实施例示出的一种显示图层的方法的流程图。
图4是根据一示例性实施例示出的一种用户界面的示意图。
图5是根据一示例性实施例示出的一种显示图层的方法的流程图。
图6是根据一示例性实施例示出的一种显示图层的方法的时序图。
图7是根据一示例性实施例示出的一种显示图层的装置的框图。
图8是根据一示例性实施例示出的一种电子设备的框图。
图9是根据一示例性实施例示出的一种用户界面的示意图。
图10是根据一示例性实施例示出的一种用户界面的示意图。
图11是根据一示例性实施例示出的一种用户界面的示意图。
图12是根据一示例性实施例示出的一种用户界面的示意图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
需要说明的是，具有显示图层功能的终端设备可作为本公开实施例的显示图层的方法的执行主体，其中，终端设备包括但不限于：智能手机、智能化便携式佩戴设备、服务器、台式计算机、笔记本计算机以及智能平板等设备。
另外，还需要说明的是，本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。
图1是根据一示例性实施例示出的一种显示图层的方法的流程图，如图1所示，显示图层的方法可应用于具有显示图层的功能的终端设备中，包括步骤S11：接收对第一图层的第一操作，创建浮层管理器；步骤S12：根据浮层管理器的生命周期调整第一图层的显示方式。
在步骤S11中，接收对第一图层的第一操作，创建浮层管理器。
其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，第一图层可以为浮层下的图层，例如，终端设备上显示的UI用户界面，第二图层可以为浮层，例如，终端设备上应用程序的半透明浮层。
在一些实施例中，用户可通过单击、双击、长按或者滑动等动作对第一图层进行第一操作，响应于第一图层所对应的视图管理器接收到信号，创建浮层管理器。浮层管理器可用于控制第二图层的显示和移除，例如，响应于浮层管理器收到终端设备的唤起操作的指令，浮层管理器可通知视图管理器“该浮层即将唤起”的唤起指令，然后视图管理器接收唤起指令并唤起浮层，响应于浮层管理器识别到该浮层已经被唤起，浮层管理器再向视图管理器通知“该浮层已经唤起”的第一通知指令。
进一步地，响应于第二图层处于展示状态，用户操作第二图层中的预设区域或者第二图层中的目标控件，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令，然后视图管理器将第二图层移除，响应于待浮层管理器识别到该浮层已经移除，浮层管理器在向视图管理器通知“该浮层已经消失”的第二通知指令。其中，第二图层中的预设区域指的是第二图层以外的所有区域，如4所示，“取消关注”与“减少此类直播”所在的浮层即为第二图层，预设区域为该浮层以外的所有区域，也可称为蒙层。
在上述过程中，通过创建浮层管理器，第一图层与第二图层之间通过浮层管理器实现了关联，并且通过浮层管理器可控制第二图层的显示和移除，用户可自行选择是否显示第二图层。
在步骤S12中，根据浮层管理器的生命周期调整第一图层的显示方式。
其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。在一些实施例中，如图2所示，响应于视图管理器创建浮层管理器，会同时监听该浮层管理器的生命周期，从而根据浮层管理器的生命周期调整第一图层的显示方式，例如，在视图管理器接收到浮层管理器的“该浮层即将唤起”的唤起指令的情况下，说明此时浮层管理器的生命周期处于“该浮层即将唤起”的唤起阶段，此时视图管理器可根据当前的业务场景对第一图层进行动态变换，其中，业务场景指的是当前第一图层中所展示的业务归属场景，例如，电子商务业务场景以及社交业务场景等。动态变换的过程可根据不同的业务场景确定，例如，当前的业务场景为电子商务场景，在商品列表页上，响应于用户长按某一个商品的卡片，唤起浮层，浮层下方的背景视图中的商品卡片动画可以调整位置和大小。另外，响应于视图管理器接收到“该浮层已经唤起”的通知指令，视图管理器也可对当前的第一图层进行动态变换，其中，变换的时机以及样式可根据业务场景确定。而且，第一图层可以包括多个子图层，动态变换包括但不限于：子图层的位置移动、子图层进行动画变换以及在第一图层上覆盖一层全新的UI图层等。其中，新的UI图层覆盖掉当前的第一图层，新的UI图层也会在第二图层的下方。
进一步地，如图3所示，响应于用户点击浮层中的预设区域或者浮层内的目标控件，例如，用户点击图4中所示的用户界面中的“减少此类直播”的功能控件，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令。然后响应于视图管理器在接收到通知指令，视图管理器可根据业务场景动态变换第一视图。其中，浮层可以包括多个功能控件，例如，在图4中，浮层包括“减少此类直播”控件、“取消关注”控件、“关注”控件以及“收藏”控件。
在上述过程中，通过浮层管理器的生命周期来动态调整第一图层的显示方式，而浮层管理器的生命周期表征了第二图层的显示和隐藏，从而实现了根据浮层的显示和隐藏来动态调整浮层下方的视图的显示方式的目的，避免了浮层与浮层下方的图层无法实现动态联动的事实。
需要说明的是，浮层(即第二图层)与第一图层之间的位置关系不限于图4所示的层叠关系，还可以为并列显示的关系，例如，图10中所示的并列显示关系。其中，浮层与第一图层在并列显示时的关系也不限于图10所示，浮层还可以设置在第一图层中各个视图的下方或者设置在第一图层中各个视图的左侧或者右侧，还可以设置在第一图层中各个视图的中间位置。
基于步骤S11至步骤S12的过程可知，在本公开实施例中，采用设置浮层管理器，通过浮层管理器的生命周期动态调整第一视图的方式，通过接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示，并根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。
由于本公开实施例在创建浮层管理器的基础上，一方面可通过浮层管理器可用于控制第二图层的显示和移除，另一方面，可通过浮层管理器的生命周期调整第一图层的显示方式，浮层管理器的生命周期表征了第二图层的显示时间以及移除时间，因此，在第一图层(例如，浮层下方的 图层)和第二图层(例如，浮层)以堆叠的形式在终端设备上显示的情况下，通过浮层管理器实现了第一图层和第二图层之间的关联，并且可根据第二图层的显示时间和移除时间来动态调整第一图层的显示方式，从而在用户与浮层进行交互的情况下，动态调整浮层下方的图层，进而避免了浮层与浮层下方的图层无法实现动态联动的事实，拓展了应用程序内流量入口。
在一些实施例中，浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，第一生命周期至少包括：唤起阶段、唤起完成阶段，第二生命周期至少包括：移除阶段、移除完成阶段。
在一些实施例中，浮层管理器根据生命周期协议，可对第一生命周期和第二生命周期进行定义，例如，定义“该浮层即将唤起”、“该浮层已经唤起”、“该浮层即将消失”、“该浮层已经消失”以及“该浮层操作按钮被点击”等API(Application Programming Interface，应用程序接口)接口。其中，“该浮层即将唤起”API接口可对应第一生命周期的唤起阶段，“该浮层已经唤起”API接口可对应第一生命周期的唤起完成阶段，“该浮层即将消失”以及“该浮层已经消失”API接口可对应第二生命周期的移除阶段，“该浮层已经消失”API接口可对应第二生命周期的移除完成阶段。
在上述过程中，通过对浮层管理设置不同的生命周期，从而达到了根据生命周期的不同阶段动态调整第一图层的显示方式的目的，第一图层与第二图层之间通过浮层管理器实现了动态联动。
在一些实施例中，终端设备可根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。
在一些实施例中，第一显示方式可以是第一图层的当前显示方式，第二显示方式则为在第一显示方式的基础上调整后的第一图层的显示方式，两种显示方式是不相同的显示方式。如2所示，响应于用户操作第一视图，视图管理器会创建浮层管理器，并监听浮层管理器的生命周期，响应于浮层管理器接收到唤起操作，浮层管理器依次向视图管理器通知“浮层即将唤起”以及“浮层已经唤起”的指令，视图管理器则对应的依次监听到浮层管理器的第一生命周期的唤起阶段以及唤起完成阶段，进而视图管理器根据当前的业务场景动态调整第一图层的显示方式。
在上述过程中，视图管理器根据浮层管理器的第一生命周期，对第一图层的显示方式进行调整，实现了在浮层管理器的第一生命周期对第一图层的显示方式的动态调整。
在一些实施例中，响应于终端设备在第一生命周期处于唤起阶段，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式，响应于第一生命周期处于唤起完成阶段，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。
在一些实施例中，响应于浮层管理器收到唤起操作的指令，浮层管理器会向视图管理器发送“该浮层即将唤起”的唤起指令，即此时视图管理器确定浮层管理器处于第一生命周期的唤起阶段，从而视图管理器可根据当前的业务场景对第一视图的第一显示方式进行调整，例如，当前的业务场景为电子商务场景，第一显示方式为默认的商品列表页展示方式，响应于视图管理器接收到“该浮层即将唤起”的指令，视图管理器将默认的商品列表页展示方式进行改变，调整商品卡片动画的位置和大小，得到按照第三显示方式显示的第一图层。
进一步地，响应于浮层管理器识别到浮层已经被唤起，浮层管理器会向视图管理器发送“该浮层已经唤起”的第一通知指令，此时视图管理器确定浮层管理器处于第一生命周期的唤起完成阶段，视图管理器确定当前业务场景所对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式，例如，根据当前业务场景为电子商务场景，视图管理器确定第一切换时间为2秒，第一切换样式为从左侧到右侧逐渐显示的切换样式，从而在2秒后，视图管理器从左侧到右侧逐渐显示按照第二显示方式显示的第一图层。
又例如，在图9所示的用户界面中，用户长按子视图1，浮层管理器处于唤起阶段。在唤起阶段，视图管理器对子视图1进行放大显示，如图9所示。同时，视图管理器调整子视图1与第一图层中的其他子视图的位置，例如，在图9中，视图管理器将子视图1和其他子视图分为两行，子视图1设置在第一行，其他子视图进行缩小处理，并将缩小后的子视图设置在第二行。响应于唤起阶段结束，浮层管理器进入到唤起完成阶段，在唤起完成阶段，视图管理器对放大后的子视图1进行缩小处理，同时对其他子视图进行放大处理，并按照唤起阶段之前的各个子视图之间的相对位置对子视图1和其他子视图进行摆放，如图10所示。同时，视图管理器将摆放后的子视图向下移动，并在摆放后的子视图上方位置显示浮层，同时对子视图1的边框进行突出显示，如图10中，以加粗的虚线框表示对子视图1进行了突出显示，同时显示第二图层，以使用户能够清晰的知晓当前所操作的子视图。其中，图9所示的用户界面为第一图像的第三显示方式，图10所示 的用户界面为第一图像的第二显示方式。
另外，在实际应用中，视图管理器可对子视图进行缩放处理，和/或，高亮显示处理，和/或，在子视图上覆盖新的子视图，和/或，对子视图进行位置移动等操作，并显示对子视图进行处理后的结果。
在上述过程中，视图管理器根据浮层管理器的第一生命周期的不同阶段，对第一图层的显示方式进行调整，实现了在浮层唤起阶段以及唤起完成阶段中，对第一图层的显示方式的动态调整。而且，在调整的过程中，丰富了第一图层的变化，从而可以展示更多的内容，拓展了应用程序内流量入口。
在一些实施例中，终端设备可根据浮层管理器的第二生命周期将第一图层的第二显示方式调整为第一显示方式。
在一些实施例中，第二图层中设置有预设区域以及目标控件，例如，如图4所示，第二图层为“取消关注”与“减少此类直播”两个浮层按钮所在的浮层，预设区域为该浮层以外的所有空白区域，“减少此类直播”与“取消关注”两个浮层按钮都可以作为目标控件。如图3所示，响应于用户操作第二图层中的预设区域或者目标控件，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令，然后响应于视图管理器在接收到通知指令，视图管理器可确定浮层管理器进入第二生命周期，从而视图管理器根据当前业务场景对第一视图的显示方式进行调整，从之前的动态变换中恢复回开始状态，即将第一图层的第二显示方式调整为第一显示方式。
在上述过程中，视图管理器根据浮层管理器的第二生命周期，对第一图层的显示方式进行调整，实现了在浮层管理器的第二生命周期内，动态调整第一图层的显示方式。
在一些实施例中，响应于终端设备在第二生命周期处于移除阶段，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式，并响应于第一生命周期处于移除完成阶段，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第一显示方式。
在一些实施例中，响应于视图管理器接收到“该浮层即将消失”的消失指令或者“该浮层操作按钮被点击”的点击指令，视图管理器可确定浮层管理器处于第二生命周期的移除阶段，从而视图管理器可根据当前的业务场景对第一视图的第二显示方式进行调整，得到与当前业务场景对应的第四显示方式，例如，根据当前的业务场景对第一图层进行动态恢复的调整，或者对第一视图进行平移、动画变换以及移除某一个UI等动态调整，得到按照第四显示方式显示的第一图层。
进一步地，响应于浮层管理器识别到浮层已经被移除，浮层管理器会向视图管理器发送“该浮层已经消失”的第二通知指令，此时视图管理器确定浮层管理器处于第二生命周期的移除完成阶段，视图管理器确定当前业务场景所对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第一显示方式，例如，根据当前业务场景为电子商务场景，视图管理器确定第二切换时间为2秒，第二切换样式为从右侧到左侧逐渐显示的切换样式，从而在2秒后，视图管理器从左侧到右侧逐渐显示按照第一显示方式显示的第一图层。
又例如，在图10所示的用户界面中，用户点击了“取消关注”控件，此时，浮层管理器处于移除阶段，视图管理器对子视图1进行移动处理，如图11中，子视图1向左移动，其他子视图也同时向左移动，同时，浮层(即第二图层)的透明度逐渐降低，直至用户界面中不再显示浮层，子视图1在用户界面中消失。然后，响应于浮层管理器进入到移除完成阶段，将图10中的子视图2移动至原子视图1所在的位置上，同时对用户界面中的子视图进行放大处理，以使用户界面中的子视图的大小回复至原始大小，例如，在图12中，子视图2移动至原子视图1所在的位置上，其他子视图的位置进行对应的调整，在对子视图的位置进行调整的同时或者之后，视图管理器对子视图的大小进行调整。
另外，在实际应用中，视图管理器在移除浮层的过程中，可对子视图进行缩放处理，和/或，高亮显示处理，和/或，在子视图上覆盖新的子视图，和/或，对子视图进行位置移动等操作，并显示对子视图进行处理后的结果。
在上述过程中，视图管理器根据浮层管理器的第二生命周期的不同阶段，对第一图层的显示方式进行调整，实现了在浮层移除阶段以及移除完成阶段，动态调整第一图层的显示方式。而且，在调整的过程中，丰富了第一图层的变化，从而可以展示更多的内容，拓展了应用程序内流量入口。
在一些实施例中，终端设备接收对第二图层中的目标控件的第二操作，从第一图层中移除第 二图层。
在一些实施例中，响应于第二图层在终端设备上处于显示状态，用户可操作第二图层中的目标控件，图4所示，用户单击浮层中的“取消关注”或者“减少此类直播”，响应于终端设备接收到触控指令，浮层控制器会向视图管理器发送“该浮层操作按钮被点击”的点击指令，从而视图管理器将第二图层从第一图层中移除，同时视图处理器可根据当前业务场景对第一图层进行动态恢复的调整，或者进行其他动态变换，例如平移、动画变换以及移除某个UI等调整。
在上述过程中，在用户需要移除浮层的情况下，只需对浮层中的控件进行操作，即可将浮层移除，并将第一图层恢复至原始显示状态。
在一些实施例中，终端设备接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。
在一些实施例中，响应于第二图层在终端设备上处于显示状态，用户可操作第二图层中的预设区域，例如，如图4所示，用户单击浮层之外的空白区域，响应于终端设备在接收到触控指令，浮层控制器会向视图管理器发送“该浮层即将消失”的消失指令，从而视图管理器将第二图层从第一图层中移除。
在上述过程中，在用户需要移除浮层的情况下，只需操作第二图层中的预设区域，便可移除浮层，并将第一图层恢复到原始显示状态，过程简便。
在一些实施例中，终端设备接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层，并响应对第一目标图层的第五操作，从第一图层中移除第一目标图层，从而响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。
在一些实施例中，如图5所示，一个视图管理器可以绑定多个浮层管理器，其中，浮层管理器与第二视图一一对应，即一个浮层管理器对应一个第二视图。例如，如图5所示，响应于终端设备识别到用户对第一图层进行第四操作，终端设备从3个浮层管理器中确定了浮层管理器A，从而在多个第二图层中确定了浮层管理器A对应的浮层A，此时，响应于浮层唤起完成，第一图层中会显示浮层A。响应于用户点击浮层A的预设区域或者浮层A中的目标控件，终端设备中的视图管理器会从第一图层中将浮层A移除，从而响应于用户继续点击第一视图，终端设备从3个浮层管理器中确定了浮层管理器B，从而在多个第二图层中确定了浮层管理器B对应的浮层B，此时，响应于浮层唤起完成，第一图层中会显示浮层B。
在上述过程中，由于图层加载需要消耗的资源较大，因此每次只选择一个浮层管理器加载对应的浮层，有利于提高运行效率，避免出现应用程序卡顿，而且，多个浮层不会同时显示，可使得显示效果更加简洁。
图6示出了根据一示例性实施例的一种显示图层的方法的时序图，以对本公开实施例中的显示图层的方法的步骤进行进一步地说明，其步骤包括以下步骤1至步骤8。
步骤1，终端设备检测到用户操作，从而触发唤起浮层的指令，终端设备上的视图管理器响应唤起浮层的指令，创建浮层管理器；
步骤2，视图管理器器监听浮层管理器的生命周期；
步骤3，浮层管理器进入第一生命周期，唤起浮层，并将相关指令通知视图管理器；
步骤4，浮层即将显示的情况下，视图管理器根据当前的业务场景动态调整内部的第一图层，同时视图管理器将调整后的第一图层渲染到终端设备的屏幕上此时用户可看到调整后的UI。
步骤5，终端设备检测到用户取消浮层的操作，从而触发取消浮层的指令，终端设备上的视图管理器响应取消浮层的指令，并将指令转发给浮层管理器；
步骤6，视图管理器将取消浮层的指令转发给浮层管理器；
步骤7，浮层管理器进入第二生命周期，取消浮层，并将相关指令通知视图管理器；
步骤8，浮层即将消失的情况下，视图管理器根据当前的业务场景动态调整内部的第一图层，同时视图管理器将调整后的第一图层渲染到终端设备的屏幕上，此时用户可看到调整后的UI。
在上述过程中，视图管理器生成浮层管理器并监听其生命周期，同时通知浮层管理器唤起浮层，浮层唤起过程浮层管理器将对应的生命周期阶段通知给视图控制器，视图控制器根据浮层的生命周期可任意动态的操作第一图层，浮层消失过程的过程同理。该过程通过浮层管理器实现了第一图层和浮层之间的关联，并且可根据浮层的生命周期来动态调整第一图层，从而达到了在用户与浮层进行交互的情况下，动态调整浮层下方的第一图层的目的，进而避免了浮层与浮层下方的图层无法实现动态联动的事实。
由上述内容可知，在本公开实施例中，由于在创建浮层管理器的基础上，一方面通过浮层管 理器可用于控制第二图层的显示和移除，另一方面，通过浮层管理器的生命周期还可以调整第一图层的显示方式，而且，浮层管理器的生命周期表征了第二图层的显示时间以及移除时间，因此，在第一图层(例如，浮层下方的图层)和第二图层(例如，浮层)以堆叠的形式在终端设备上显示的情况下，通过浮层管理器实现了第一图层和第二图层之间的关联，并且可根据第二图层的显示时间和移除时间来动态调整第一图层的显示方式，从而达到了在用户与浮层进行交互的情况下，丰富浮层下方图层变化的目的，进而避免了浮层与浮层下方的图层无法实现动态联动的事实，拓展了应用程序内流量入口。
图7是根据一示例性实施例示出的一种显示图层的装置的框图，参照图7所示，显示图层的装置包括：创建单元701以及调整单元703。其中，创建单元701，被配置为接收对第一图层的第一操作，创建浮层管理器，其中，浮层管理器用于控制第二图层的显示和移除，第一图层和第二图层以堆叠的形式显示；调整单元703，被配置为根据浮层管理器的生命周期调整第一图层的显示方式，其中，浮层管理器的生命周期用于表征第二图层的显示时间和移除时间。
此处需要说明的是，上述创建单元701以及调整单元703对应于上述方法实施例中的步骤S11至步骤S12，上述模块与对应的步骤所实现的实例和应用场景相同，但不限于上述显示图层的方法实施例所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在计算机终端中。
在一些实施例中，显示图层的装置还包括：浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，第一生命周期至少包括：唤起阶段、唤起完成阶段，第二生命周期至少包括：移除阶段、移除完成阶段。
在一些实施例中，显示图层的装置还包括：第一调整单元，用于根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。
在一些实施例中，显示图层的装置还包括：第二调整单元以及确定单元。其中，第二调整单元，用于响应于第一生命周期处于唤起阶段，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式；确定单元，用于响应于第一生命周期处于唤起完成阶段，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。
在一些实施例中，上述调整单元还包括：第三调整单元，用于根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式。
在一些实施例中，显示图层的装置还包括：第四调整单元以及第一确定单元。其中，第四调整单元，用于响应于第二生命周期处于移除阶段，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式；第一确定单元，用于响应于第一生命周期处于移除完成阶段，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第二显示方式。
在一些实施例中，显示图层的装置还包括：接收单元，用于接收对第二图层中的目标控件的第二操作，从第一图层中移除第二图层。
在一些实施例中，显示图层的装置还包括：第一接收单元，用于接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。
在一些实施例中，显示图层的装置还包括：第二接收单元、第一响应单元以及第二响应单元。其中，第二接收单元，用于接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层；第一响应单元，用于响应对第一目标图层的第五操作，从第一图层中移除第一目标图层；第二响应单元，用于响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
根据本公开实施例，还提供一种电子设备的实施例，包括：处理器；用于存储上述处理器可执行指令的存储器；其中，上述处理器被配置为执行上述指令，以实现任一项上述的显示图层的方法。
在一些实施例中，图8是根据一示例性实施例示出的一种电子设备的框图，参照图8所示，该计算机终端可以包括：至少一个(图中仅示出一个)处理器81、存储器82、以及外设接口83，等等。
其中，存储器可用于存储软件程序以及模块，如本公开实施例中的显示图层的方法和装置对 应的程序指令/模块，处理器通过运行存储在存储器内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的显示图层的方法。存储器可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器可进一步包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行任一项上述的显示图层的方法步骤。
根据本公开实施例，还提供一种非易失性计算机可读存储介质的实施例，当上述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行任一项上述的显示图层的方法。
根据本公开实施例，提供一种计算机程序产品的实施例，当在数据处理设备上执行时，适于执行初始化有任一项上述的显示图层的方法的程序。
在本公开所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如上述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。
上述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
上述集成的单元以软件功能单元的形式实现并作为独立的产品销售或使用，可以存储在一个计算机可读取计算机存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个计算机存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例上述方法的全部或部分步骤。而前述的计算机存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
本公开所有实施例均可以单独被执行，也可以与其他实施例相结合被执行，均视为本公开要求的保护范围。

Claims (22)

  1. 一种显示图层的方法，包括：
    接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；
    根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间。
  2. 根据权利要求1所述的方法，其中，所述浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，所述第一生命周期至少包括：唤起阶段、唤起完成阶段，所述第二生命周期至少包括：移除阶段、移除完成阶段。
  3. 根据权利要求2所述的方法，其中，根据所述浮层管理器的生命周期调整所述第一图层的显示方式，包括：
    根据所述浮层管理器的第一生命周期将所述第一图层的第一显示方式调整第二显示方式，其中，所述第一显示方式不同于所述第二显示方式。
  4. 根据权利要求3所述的方法，其中，根据所述浮层管理器的第一生命周期将所述第一图层的第一显示方式调整所述第二显示方式，包括：
    响应于所述第一生命周期处于所述唤起阶段，将所述第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，所述第三显示方式为所述第一图层由所述第一显示方式过渡至所述第二显示方式的过渡显示方式；
    响应于所述第一生命周期处于所述唤起完成阶段，确定与所述当前业务场景对应的第一切换时间以及第一切换样式，并按照所述第一切换时间和所述第一切换样式将所述第一图层的第三显示方式调整为所述第二显示方式。
  5. 根据权利要求2所述的方法，其中，根据所述浮层管理器的生命周期调整所述第一图层的显示方式，包括：
    根据所述浮层管理器的第二生命周期将所述第一图层的第二显示方式调整第一显示方式。
  6. 根据权利要求5所述的方法，其中，根据所述浮层管理器的第二生命周期将所述第一图层的第二显示方式调整所述第一显示方式，包括：
    响应于所述第二生命周期处于所述移除阶段，将所述第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，所述第四显示方式为所述第一图层由所述第二显示方式过渡至所述第一显示方式的过渡显示方式；
    响应于所述第一生命周期处于所述移除完成阶段，确定与所述当前业务场景对应的第二切换时间以及第二切换样式，并按照所述第二切换时间和所述第二切换样式将所述第一图层的第四显示方式调整为所述第一显示方式。
  7. 根据权利要求5所述的方法，还包括：
    接收对所述第二图层中的目标控件的第二操作，从所述第一图层中移除所述第二图层。
  8. 根据权利要求5所述的方法，还包括：
    接收对所述第二图层中的预设区域的第三操作，从所述第一图层中移除所述第二图层。
  9. 根据权利要求1所述的方法，其中，所述第一图层与多个所述第二图层相关联，所述方法还包括：
    接收对所述第一图层的第四操作，从多个所述第二图层中确定第一目标图层，在所述第一图层中显示所述第一目标图层；
    响应对所述第一目标图层的第五操作，从所述第一图层中移除所述第一目标图层；
    响应对所述第一图层的第六操作，从多个所述第二图层中确定第二目标图层，并在所述第一图层中显示所述第二目标图层。
  10. 一种显示图层的装置，包括：
    创建单元，被配置为接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；
    调整单元，被配置为根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间。
  11. 根据权利要求10所述的显示图层的装置，其中，所述浮层管理器的生命周期至少包括第一生命周期和第二生命周期，其中，所述第一生命周期至少包括：唤起阶段、唤起完成阶段，所述第二生命周期至少包括：移除阶段、移除完成阶段。
  12. 根据权利要求11所述的显示图层的装置，还包括第一调整单元，用于根据浮层管理器的第一生命周期将第一图层的第一显示方式调整第二显示方式，其中，第一显示方式不同于第二显示方式。
  13. 根据权利要求12所述的显示图层的装置，还包括：
    第二调整单元，用于响应于第一生命周期处于唤起阶段，将第一图层的第一显示方式调整为与当前业务场景对应的第三显示方式，其中，第三显示方式为第一图层由第一显示方式过渡至第二显示方式的过渡显示方式；
    确定单元，用于响应于第一生命周期处于唤起完成阶段，确定与当前业务场景对应的第一切换时间以及第一切换样式，并按照第一切换时间和第一切换样式将第一图层的第三显示方式调整为第二显示方式。
  14. 根据权利要求11所述的显示图层的装置，还包括第三调整单元，用于根据浮层管理器的第二生命周期将第一图层的第二显示方式调整第一显示方式。
  15. 根据权利要求14所述的显示图层的装置，还包括：
    第四调整单元，用于响应于第二生命周期处于移除阶段，将第一图层的第二显示方式调整为与当前业务场景对应的第四显示方式，其中，第四显示方式为第一图层由第二显示方式过渡至第一显示方式的过渡显示方式；
    第一确定单元，用于响应于第一生命周期处于移除完成阶段，确定与当前业务场景对应的第二切换时间以及第二切换样式，并按照第二切换时间和第二切换样式将第一图层的第四显示方式调整为第二显示方式。
  16. 根据权利要求14所述的显示图层的装置，还包括接收单元，用于接收对第二图层中的目标控件的第二操作，从第一图层中移除第二图层。
  17. 根据权利要求14所述的显示图层的装置，还包括第一接收单元，用于接收对第二图层中的预设区域的第三操作，从第一图层中移除第二图层。
  18. 根据权利要求10所述的显示图层的装置，还包括：
    第二接收单元，用于接收对第一图层的第四操作，从多个第二图层中确定第一目标图层，在第一图层中显示第一目标图层；
    第一响应单元，用于响应对第一目标图层的第五操作，从第一图层中移除第一目标图层；
    第二响应单元，用于响应对第一图层的第六操作，从多个第二图层中确定第二目标图层，并在第一图层中显示第二目标图层。
  19. 一种电子设备，包括：
    处理器；
    用于存储所述处理器可执行指令的存储器；
    其中，所述处理器被配置为执行所述指令，以实现以下步骤：
    接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；
    根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间。
  20. 根据权利要求19所述的电子设备，其中，所述第一图层与多个所述第二图层相关联，所述处理器被配置为执行所述指令，还实现以下步骤：
    接收对所述第一图层的第四操作，从多个所述第二图层中确定第一目标图层，在所述第一图层中显示所述第一目标图层；
    响应对所述第一目标图层的第五操作，从所述第一图层中移除所述第一目标图层；
    响应对所述第一图层的第六操作，从多个所述第二图层中确定第二目标图层，并在所述第一图层中显示所述第二目标图层。
  21. 一种非易失性计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行以下步骤：
    接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；
    根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间。
  22. 一种计算机程序产品，包括计算机程序/指令，其中，所述计算机程序/指令被处理器执行时实现以下步骤：
    接收对第一图层的第一操作，创建浮层管理器，其中，所述浮层管理器用于控制第二图层的显示和移除，所述第一图层和所述第二图层以堆叠的形式显示；
    根据所述浮层管理器的生命周期调整所述第一图层的显示方式，其中，所述浮层管理器的生命周期用于表征所述第二图层的显示时间和移除时间。
PCT/CN2022/096658 2021-11-11 2022-06-01 显示图层的方法及装置 WO2023082613A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111329803.8 2021-11-11
CN202111329803.8A CN113778304B (zh) 2021-11-11 2021-11-11 显示图层的方法、装置、电子设备及计算机可读存储介质

Publications (1)

Publication Number Publication Date
WO2023082613A1 true WO2023082613A1 (zh) 2023-05-19

Family

ID=78873750

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/096658 WO2023082613A1 (zh) 2021-11-11 2022-06-01 显示图层的方法及装置

Country Status (2)

Country Link
CN (1) CN113778304B (zh)
WO (1) WO2023082613A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113778304B (zh) * 2021-11-11 2022-04-01 北京达佳互联信息技术有限公司 显示图层的方法、装置、电子设备及计算机可读存储介质
CN114356270B (zh) * 2022-01-10 2024-01-26 深圳数拓科技有限公司 多屏幕动画显示方法、装置和计算机设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104007887A (zh) * 2013-02-22 2014-08-27 腾讯科技（深圳）有限公司 浮层显示的方法和终端
CN108810646A (zh) * 2018-06-29 2018-11-13 上海哔哩哔哩科技有限公司 群组信息推送控制方法、装置及计算机可读存储介质
WO2019006939A1 (zh) * 2017-07-05 2019-01-10 武汉斗鱼网络科技有限公司 弹幕显示方法、装置及电子设备
CN110096189A (zh) * 2019-04-12 2019-08-06 平安国际智慧城市科技股份有限公司 应用功能访问控制方法、装置、存储介质及终端设备
CN113553122A (zh) * 2021-07-08 2021-10-26 北京奇艺世纪科技有限公司 浮层控制方法、装置、设备及计算机可读介质
CN113778304A (zh) * 2021-11-11 2021-12-10 北京达佳互联信息技术有限公司 显示图层的方法、装置、电子设备及计算机可读存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102156999B (zh) * 2010-02-11 2015-06-10 腾讯科技（深圳）有限公司 一种用户界面的生成方法和装置
CN102243573A (zh) * 2011-07-27 2011-11-16 北京风灵创景科技有限公司 一种应用程序中元素属性管理的方法和装置
CN104077040B (zh) * 2013-03-28 2019-10-18 腾讯科技（深圳）有限公司 在wap页面进行大图切换的方法、装置及触摸屏设备
CN104111788A (zh) * 2013-04-19 2014-10-22 联想(北京)有限公司 一种解锁方法及电子设备
US20150106753A1 (en) * 2013-10-14 2015-04-16 Invensys Systems, Inc. Human-machine interface (hmi) system having elements styles with centrally managed and distributed graphic styles

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104007887A (zh) * 2013-02-22 2014-08-27 腾讯科技（深圳）有限公司 浮层显示的方法和终端
WO2019006939A1 (zh) * 2017-07-05 2019-01-10 武汉斗鱼网络科技有限公司 弹幕显示方法、装置及电子设备
CN108810646A (zh) * 2018-06-29 2018-11-13 上海哔哩哔哩科技有限公司 群组信息推送控制方法、装置及计算机可读存储介质
CN110096189A (zh) * 2019-04-12 2019-08-06 平安国际智慧城市科技股份有限公司 应用功能访问控制方法、装置、存储介质及终端设备
CN113553122A (zh) * 2021-07-08 2021-10-26 北京奇艺世纪科技有限公司 浮层控制方法、装置、设备及计算机可读介质
CN113778304A (zh) * 2021-11-11 2021-12-10 北京达佳互联信息技术有限公司 显示图层的方法、装置、电子设备及计算机可读存储介质

Also Published As

Publication number Publication date
CN113778304A (zh) 2021-12-10
CN113778304B (zh) 2022-04-01

Similar Documents

Publication Publication Date Title
WO2023082613A1 (zh) 显示图层的方法及装置
WO2021043171A1 (zh) 一种屏幕截取方法及相关设备
US20220382440A1 (en) User interfaces for managing media styles
CN102754063B (zh) 用于执行多任务的设备和方法
CN101770399B (zh) 一种电子设备及切换其操作系统桌面的方法、装置
CN111597000B (zh) 一种小窗口管理方法及终端
US20150301730A1 (en) Object Suspension Realizing Method and Device
CN101184300A (zh) 一种手机图形系统中的窗口管理方法
CN103092458A (zh) 移动终端中运行应用程序的装置和方法
CN111970549B (zh) 菜单显示方法和显示设备
CN109782971B (zh) 智能终端及其屏幕显示方法、具有存储功能的装置
EP4348411A2 (en) Systems and methods for interacting with multiple display devices
CN112835485A (zh) 应用界面处理方法、装置、电子设备及可读存储介质
JP2019008668A (ja) クライアントデバイス、画像処理システム、画像の表示方法および、プログラム
CN109992227A (zh) 用户界面显示控制方法、装置、终端及计算机存储介质
WO2023030115A1 (zh) 界面显示方法和装置
CN104717367A (zh) 电子设备及图像显示方法
US11194598B2 (en) Information display method, terminal and storage medium
CN112463750B (zh) 一种文件同步方法及显示设备
CN113741708A (zh) 一种输入方法及电子设备
CN109213980B (zh) 一种编辑演示文稿的方法和装置及计算机可读存储介质
CN112835506B (zh) 一种显示设备及其控制方法
CN111935530B (zh) 一种显示设备
CN114007128A (zh) 一种显示设备及配网方法
KR102092156B1 (ko) 표시 장치의 영상 인코딩 방법

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: 22891423

Country of ref document: EP

Kind code of ref document: A1