WO2019019757A1 - 视图展示方法及装置、存储器及用户终端 - Google Patents

视图展示方法及装置、存储器及用户终端 Download PDF

Info

Publication number
WO2019019757A1
WO2019019757A1 PCT/CN2018/085411 CN2018085411W WO2019019757A1 WO 2019019757 A1 WO2019019757 A1 WO 2019019757A1 CN 2018085411 W CN2018085411 W CN 2018085411W WO 2019019757 A1 WO2019019757 A1 WO 2019019757A1
Authority
WO
WIPO (PCT)
Prior art keywords
view
animation
preset
area
animation effect
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2018/085411
Other languages
English (en)
French (fr)
Inventor
张磊
陈少杰
张文明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Publication of WO2019019757A1 publication Critical patent/WO2019019757A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation

Definitions

  • the present application relates to the field of animation technology, and in particular, to a view display method and apparatus, a memory, and a user terminal.
  • the traditional animation display, the animation display code and the business logic architecture are closely coupled, which leads developers to adjust and test the entire business logic architecture when developing the animation display effect.
  • the developer has a large workload and works. Inefficient and error prone.
  • the purpose of the present application is to provide a view display method and apparatus, a memory, and a user terminal to improve the above problems.
  • an embodiment of the present invention provides a view display method, where the method includes:
  • the step of generating an animated object based on the preset animation effect and associating the animated object with the first view displayed based on the frame layout frame comprises:
  • the preset layout frame is a frame layout frame provided with the first view and a second view overlying the first view
  • the second view will be the frame
  • the layout frame is divided into a first area and a second area in which the second view is located, and the first view is disposed in the second area, and the first area is capable of accommodating the first view.
  • the second view completely covers an upper layer of the first view and the first view is movable relative to the second view, and the preset layout frame display is not covered View.
  • the first area and the second area are two rectangular areas juxtaposed along one side of the frame layout frame.
  • the first area and the second area are juxtaposed along a side of a horizontal direction or a vertical direction of the frame layout frame, and the first area and the second area are The locations are interchangeable.
  • the second view is a gift panel
  • the first view is a gift prompt information text box.
  • the first view is movable relative to the first view, including:
  • the first view is controlled to move out of the coverage of the second view.
  • the preset animation effect includes entering an animation effect and/or exiting an animation effect
  • the entering animation effect is to move the operation target from the second area to the first area, and control the movement duration to a first preset duration
  • the exit animation effect is to move the operation target from the first area back to the second area, and control the movement duration to a second preset duration.
  • An embodiment of the present invention further provides a view display device, where the view display device includes:
  • An animated object generating module configured to generate an animated object based on the preset animation effect, and associate the animated object with the first view displayed based on the preset layout frame;
  • a view display module configured to invoke an animation start instruction in the animation object to display the first view according to the preset animation effect.
  • the preset layout frame is a frame layout frame provided with the first view and a second view overlying the first view, the second view will be the frame
  • the layout frame is divided into a first area and a second area in which the second view is located, and the first view is disposed in the second area, and the first area is capable of accommodating the first view.
  • the first area and the second area are two rectangular areas juxtaposed along one side of the frame layout frame.
  • the preset animation effect includes entering an animation effect and exiting an animation effect
  • the entering animation effect is to move an operation target of the animation object from the second area to the first area, and control a movement duration to a first preset duration;
  • the exit animation effect is to move the operation target of the animation object from the first area back to the second area, and control the movement duration to a second preset duration.
  • An embodiment of the present invention further provides a memory, where the memory includes a stored program, where the following operations are performed when the program is running:
  • the embodiment of the invention further provides a user terminal, where the user terminal includes:
  • a view display device the view display device being installed in the memory and comprising one or more software function modules executed by the processor, the view display device comprising:
  • An animated object generating module configured to generate an animated object based on the preset animation effect, and associate the animated object with the first view displayed based on the preset layout frame;
  • a view display module configured to invoke an animation start instruction in the animation object to display the first view according to the preset animation effect.
  • the view display method and device, the memory and the user terminal provided by the embodiment of the present invention generate an animation object according to a preset animation effect to be implemented, and associate the generated animation object with the first view that needs to be operated.
  • the first view is displayed according to the preset animation effect by calling the animation start instruction of the animated object.
  • FIG. 1 is a schematic block diagram of a user terminal according to an embodiment of the present invention.
  • FIG. 2 is a schematic flowchart diagram of a view display method according to an embodiment of the present invention.
  • FIG. 3 is a schematic diagram of the sub-steps of step S101 shown in FIG. 2.
  • FIG. 4(a) is a schematic structural diagram of a frame layout framework according to an embodiment of the present invention.
  • FIG. 4(b) is still another schematic structural diagram of a frame layout framework according to an embodiment of the present invention.
  • FIG. 5 is a schematic diagram of a positional relationship between a first area and a second area according to an embodiment of the present invention.
  • FIG. 6 is a functional block diagram of a view display device according to an embodiment of the present invention.
  • Icons 100-user terminal; 110-view display device; 111-animated object generation module; 112-view display module; 120-memory; 130-processor; 140-display unit.
  • FIG. 1 it is a block diagram of a user terminal 100 based on the Android system provided by the embodiment of the present invention.
  • the view display method provided by the embodiment of the present invention is applicable to the user terminal 100 .
  • the user terminal 100 includes a view display device 110, a memory 120, a processor 130, and a display unit 140.
  • the components of the memory 120, the processor 130, and the display unit 140 are electrically connected directly or indirectly to each other to implement data transmission or interaction.
  • the components can be electrically connected to one another via one or more communication buses or signal lines.
  • the view presentation device 110 includes at least one software function module that can be stored in the memory 120 or in the operating system of the user terminal 100 in the form of software or firmware.
  • the processor 130 is configured to execute an executable module stored in the memory 120, such as a software function module and a computer program included in the view display device 110.
  • the memory 120 can be, but not limited to, a random access memory (RAM), a read only memory (ROM), and a programmable read-only memory (PROM). Erasable Programmable Read-Only Memory (EPROM), Electric Erasable Programmable Read-Only Memory (EEPROM), and the like.
  • the memory 120 is configured to store a program, and the processor 130 executes the program after receiving the execution instruction, wherein when the program runs, the following operations are performed: generating an animated object based on a preset animation effect, and the animation The object is associated with the first view displayed based on the preset layout frame; the animation start instruction in the animation object is invoked, and the first view is displayed according to the preset animation effect.
  • the processor 130 can be an integrated circuit chip with signal processing capabilities.
  • the above processor may also be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; or a digital signal processor (DSP), an application specific integrated circuit ( ASIC), Field Programmable Gate Array (FPGA) or other programmable logic device, discrete gate or transistor logic device, discrete hardware component.
  • CPU central processing unit
  • NP network processor
  • DSP digital signal processor
  • ASIC application specific integrated circuit
  • FPGA Field Programmable Gate Array
  • the general purpose processor may be a microprocessor or the processor or any conventional processor or the like.
  • the display unit 140 is configured to establish an interaction interface between the user terminal 100 and the user or to display a view to be displayed.
  • the view can be understood as a view object instantiated in the Android system, and can be any image that can be displayed on the display interface, such as an image or a text box.
  • the view to be displayed may be an image, a text box, or the like that needs to be displayed on the display interface.
  • FIG. 1 is merely illustrative, and the user terminal 100 may also have more or less components than those shown in FIG. 1, or may have a different configuration from that shown in FIG. It should be noted that the components shown in FIG. 1 can be implemented in hardware, software, or a combination thereof.
  • FIG. 2 is a schematic flowchart diagram of a view display method according to an embodiment of the present invention.
  • the view display method is applicable to the user terminal 100 shown in FIG. 1.
  • the specific processes and steps shown in FIG. 1 will be described in detail below.
  • Step S101 Generate an animation object based on the preset animation effect, and associate the animation object with the first view displayed based on the preset layout frame.
  • the preset animation effect is the animation effect that the operation target needs to achieve.
  • an application application, APP
  • the combo effect is the preset animation effect
  • the operation target that needs to be presented in the combo effect is the text box carrying the description information of the gift.
  • the animation object is generated by calling a method in the animation tool class based on the preset animation effect, which can control the operation target to be displayed according to the preset animation effect, for example, based on the combo effect
  • the animation object generated by the method in the AnimationUtils class of the animation tool in Android can control the text box carrying the gift description information to display the combo effect.
  • the AnimationUtils class provides tools for controlling View objects in Android, such as the gradient transparency tool, the screen move tool, the gradient size scale tool, and the screen rotation tool.
  • the preset layout frame may be a frame layout frame provided with a first view and a second view covering the upper layer of the first view.
  • the second view may be a gift provided in the application.
  • the first view may be a text box carrying the description information of the gift when the user selects a gift in the gift panel.
  • Associating the animated object with the first view displayed based on the preset layout frame means that the first view is the operation target of the animated object, that is, the animated object can control the first view to be displayed according to the combo effect.
  • step S101 may include two sub-steps of step S201 and step S202.
  • Step S201 calling an animation loading instruction in the animation tool class, loading an animation description file describing the preset animation effect into a memory, and generating the animation object.
  • the animation description file describing the preset animation effect can be loaded into the memory and an animated object anim can be returned by calling the loadAnim method in the animation system class AnimationUtils of the Android system.
  • the animated object is used to control the operation target to be displayed according to the preset animation effect.
  • the animation load instruction may be a method in the animation tool class for loading the animation description file into the memory of the user terminal 100, for example, the loadAnim method, the loadAnim method is the most common method in the AnimationUtils class, and the loadAnim method can be used to load the XML ( Extensible Markup Language, an animated description file in the Extensible Markup Language format.
  • the animation description file is used to describe the preset animation effect, and the developer writes the animation description file according to the preset animation effect and pre-stores it in the memory 120 of the user terminal 100, for example, when the preset animation effect is the above-mentioned combo effect, An animation description file is used to describe the combo effect.
  • Step S202 calling a target setting instruction in the animation object, and setting the first view as an operation target of the animation object.
  • the operation target of the animation object may be set by calling the setTarget method in the animation object anim, where the first view is the operation target of the animation object anim.
  • the first view is a gift description information text box of a gift in the gift panel
  • the animation object can control the operation target to be displayed according to the combo effect
  • the first view is set as the operation target of the animation object
  • the animation The object can control the gift description information text box to display according to the combo effect.
  • Step S102 calling an animation start instruction in the animation object, and displaying the first view according to the preset animation effect.
  • the animation start instruction in the animation object is invoked, and the first view is controlled by the animation object to be displayed according to the preset animation effect.
  • the gift description information text box of a gift in the gift panel needs to be displayed according to the combo effect
  • the gift description information text box can be controlled by the combo effect by calling the animation start instruction in the animation object. Show.
  • calling the startAnim method in the animation object anim can control the first view to be displayed according to the preset animation effect.
  • the animation description file can be changed without changing the entire business structure, which greatly reduces the workload of the developer and improves the work efficiency.
  • the conventional animation display method usually obtains a series of difference values through a difference device, and dynamically changes the gift description information according to the series of difference values.
  • the height of the layout file in order to achieve the effect of the combo animation.
  • the description of the animation effect is tightly coupled with the instructions in the business architecture that display the animation effect. It is not convenient to split the animation effect and write it into a separate animation description file.
  • the inventor's research if the layout of the display view is improved, and the animation effect is implemented in a more concise manner, thereby realizing the decoupling of the animation effect and the animation effect display instruction in the business architecture, the developer decoupling can be reduced. Work efficiency.
  • the embodiment of the present invention may improve the layout frame that displays the view to be displayed as follows.
  • the preset layout frame may be a frame layout framework.
  • the frame layout frame S is provided with a second view V2 and the first view V1, and the second view V2 covers the upper layer and the first view of the first view V1. Can move relative to the first view. It should be noted that the coverage here means that the second view V2 completely covers the first view V1.
  • the gift panel may be used as the second view V2, and the gift description information text box is used as the first view V1. .
  • the gift panel may be controlled to cover the gift description information text box, and when the gift description information needs to be displayed, the gift description information text box may be controlled to move out of the cover of the gift panel. range.
  • the control gift description information text box moves out of the coverage of the gift panel; when the user chooses to display the gift, the gift information is not displayed, then the gift is controlled.
  • the description text box fades out until the gift panel covers the gift description information text box.
  • the FrameLayout layout frame may be divided into two regions by the second view V2, which are respectively occupied by the first region S1 and the second view V2. Area S2.
  • the frame layout frame S The area other than the second area S2 (i.e., the area located above the broken line L) is the first area S1.
  • the width of the second view V2 is actually the same as the width of the frame layout frame S, and the widths of the two are represented as different in FIG. 5 only to distinguish the second view V2. That is, in the frame layout file, the width of the second view V2 is set to a full screen width (full_parent).
  • the first view V1 is disposed in the second area S2 and covered by the second view V2.
  • the first area S1 can accommodate the first view V1, that is, the first view V1 can be completely disposed in the first area S1.
  • first area S1 and the second area S2 may be two rectangular areas juxtaposed along one side of the FrameLayout layout frame. Wherein, the first area S1 and the second area S2 may be juxtaposed along the sides of the horizontal direction, and the positions of the first area S1 and the second area S2 may be interchanged. The first region S1 and the second region S2 may also be juxtaposed along the sides of the vertical direction, and the positions of the first region S1 and the second region S2 may be interchanged.
  • the first view V1 and the second view V2 are set by the gravity attribute of the FrameLayout frame, and the value of the gravity attribute may be set to right, left, bottom or top, and then the first view V1 or The second view V2 is disposed at a corresponding position of the FrameLayout frame.
  • the first region S1 and the second region S2 are arranged side by side in the vertical direction, and the first region S1 is located above the second region S2 as an example.
  • the gift description can be The combo display effect of the information is converted into the up and down movement of the gift description information text box.
  • the preset animation effects include entering an animation effect and/or exiting the animation effect.
  • the animation effect is to move the first view V1 (ie, the gift description information text box) from the second area S2 to the first area S1
  • the exit animation effect is to take the first view V1 from the first The area S1 moves back to the second area S2.
  • the movement duration of the first view V1 may be controlled.
  • the duration of moving the first view V1 from the first area S1 to the second area S2 is controlled at a first preset duration
  • the duration of moving the first view V1 from the second area S2 to the first area S1 Control is at the second preset duration.
  • the first preset duration and the second preset duration may be flexibly set according to the effect requirement, and the two may be equal or unequal.
  • the complex animation effects are transformed into simple displacement animations.
  • the displacement animation can be marked with the translate attribute in the Android system.
  • the entering animation effect may be defined by the following code:
  • the translate label indicates the displacement animation information.
  • Android:from YDelta "100%p”, which indicates the height before the view is displaced.
  • Android: to YDelta "0%p”, which represents the height after the view is displaced.
  • Android: duration "1000”, indicating that the entire displacement process lasts 1000 milliseconds.
  • the above code is used to indicate that the view is moved along the y-axis and moved from 100% to 0%, and the entire process lasts for 1000 milliseconds.
  • the starting and ending positions of the movement can be flexibly set according to the actual situation.
  • the right side of the user is the positive x-axis direction and the lower side is the positive direction of the y-axis.
  • the animation effect and the exit animation effect are respectively written into different xlm files, and the first animation description file describing the animation effect and the second animation description file describing the exit animation effect are obtained.
  • call the loadAnim method in the animation tool class AnimationUtils to load the second animation description file into the memory and return The second animated object is anim2.
  • the startAnim method in the first animation object anim1 can be called to display according to the set entry animation effect. If the first view is to be stopped after the first view is animated, the startAnim method in the second animation object anim2 may be called to exit the display according to the set exit animation effect.
  • an embodiment of the present invention further provides a view display device 110 .
  • the view display device 110 includes an animated object generation module 111 and a view display module 112.
  • the animation object generating module 111 is configured to generate an animation object based on the preset animation effect, and associate the animation object with the first view displayed based on the preset layout frame.
  • the description about the animated object generating module 111 can be specifically referred to the detailed description of step S101 shown in FIG. 2, that is, the step S101 can be performed by the animated object generating module 111.
  • the view display module 112 is configured to invoke an animation start instruction in the animation object, and display the first view according to the preset animation effect.
  • step S102 may be performed by the view presentation module 112.
  • the preset layout frame may be a frame layout frame provided with the first view and a second view covering an upper layer of the first view.
  • the second view divides the frame layout frame into a first area and a second area in which the second view is located, the first view is disposed in the second area, and the first area is capable of accommodating the First view.
  • the first area and the second area are two rectangular areas juxtaposed along one side of the frame layout frame.
  • the preset animation effect includes entering an animation effect and/or exiting an animation effect
  • the entering animation effect may be moving the operation target of the animation object from the second area to the first area
  • the exit animation effect may be: moving the operation target of the animation object from the first region back to the second region, and controlling the movement duration to the second pre- Set the duration.
  • the view display method and apparatus provided by the embodiment of the present invention generate an animation object according to a preset animation effect to be implemented, and associate the generated animation object with the first view that needs to be operated.
  • the first view is displayed according to the preset animation effect by calling the animation start instruction of the animated object.
  • the implementation of the animation effect is simplified to move up and down, thereby implementing animation
  • the decoupling of effects and animation display instructions in the business architecture reduces the developer's decoupling efficiency.
  • the disclosed apparatus and method may also be implemented in other manners.
  • the apparatus embodiments described above are merely illustrative, for example, the flowcharts and block diagrams in the figures illustrate the architecture, functionality, and functionality of possible implementations of apparatus, methods, and computer program products according to various embodiments of the present application. operating.
  • each block of the flowchart or block diagram can represent a module, a program segment, or a portion of code that includes one or more of the Executable instructions.
  • the functions noted in the blocks may also occur in a different order than those illustrated in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts can be implemented in a dedicated hardware-based system that performs the specified function or action. Or it can be implemented by a combination of dedicated hardware and computer instructions.
  • each functional module in each embodiment of the present application may be integrated to form a separate part, or each module may exist separately, or two or more modules may be integrated to form a separate part.
  • the functions, if implemented in the form of software functional modules and sold or used as separate products, may be stored in a computer readable storage medium.
  • the technical solution of the present application which is essential or contributes to the prior art, or a part of the technical solution, may be embodied in the form of a software product, which is stored in a storage medium, including
  • the instructions are used to cause a computer device (which may be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in various embodiments of the present application.
  • the foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, and the like. .
  • the present invention provides a view display method and device, a memory, and a user terminal, which can improve the working efficiency of a developer by changing a preset animation effect to develop a view display effect.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种视图展示方法及装置、存储器及用户终端,方法包括:基于预设动画效果生成动画对象,并将生成的动画对象与基于预设布局框架显示的第一视图关联;调用所述动画对象中的动画启动指令,按照所述预设动画效果展示第一视图。如此,实现了动画与业务逻辑框架的解耦合,在开发动画效果时不必对整个业务逻辑架构进行调整和测试,提高了动画效果开发的效率。

Description

视图展示方法及装置、存储器及用户终端
本申请要求于2017年07月27日提交中国专利局、申请号为CN2017106243744、名称为“视图展示方法及装置”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及动画技术领域,具体而言,涉及一种视图展示方法及装置、存储器及用户终端。
背景技术
传统的动画展示,动画效果展示的代码与业务逻辑架构之间耦合紧密,导致开发人员在对动画展示效果进行开发时,需要对整个业务逻辑架构进行调整和测试,开发人员的工作量大、工作效率低且容易出错。
发明内容
有鉴于此,本申请的目的在于提供一种视图展示方法及装置、存储器及用户终端,以改善上述问题。
为了达到上述目的,本发明实施例提供一种视图展示方法,所述方法包括:
基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
可选地,在上述方法中,基于预设动画效果生成动画对象,并将所述动画对象与基于帧布局框架显示的第一视图关联的步骤,包括:
调用动画工具类中的动画加载指令,将描述所述预设动画效果的动画描述文件加载至内存,并生成所述动画对象;
调用所述动画对象中的目标设置指令,将所述第一视图设置为所述动画对象的操作目标。
可选地,在上述方法中,所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架,所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域,所述第一视图设置于所述第二区域,所述第一区域能够容纳所述第一视图。
可选地,在上述方法中,所述第二视图完全覆盖在所述第一视图的上层且所述第一视图能够相对于所述第二视图移动,所述预设布局框架显示未被覆盖的视图。
可选地,在上述方法中,所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。
可选地,在上述方法中,所述第一区域和所述第二区域沿所述帧布局框架水平方向或竖直方向的侧边并列设置,且所述第一区域和所述第二区域的位置可以互换。
可选地,在上述方法中,所述第二视图为礼物面板,所述第一视图为礼物提示信息文本框。
可选地,在上述方法中,所述第一视图能够相对于所述第一视图移动,包括:
当不需要显示礼物说明信息时,控制所述第二视图覆盖所述第一视图;
当需要显示礼物说明信息时,控制所述第一视图移出所述第二视图的覆盖范围。
可选地,在上述方法中,所述预设动画效果包括进入动画效果和/或退出动画效果;
所述进入动画效果为将所述操作目标从所述第二区域移动至所述第一区域,并将移动时长控制在第一预设时长;
所述退出动画效果为将所述操作目标从所述第一区域移动回所述第二区域,并将移动时长控制在第二预设时长。
本发明实施例还提供一种视图展示装置,所述视图展示装置包括:
动画对象生成模块,配置成基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
视图展示模块,配置成调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
可选地,在上述装置中,所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架,所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域,所述第一视图设置于所述第二区域,所述第一区域能够容纳所述第一视图。
可选地,在上述装置中,所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。
可选地,在上述装置中,所述预设动画效果包括进入动画效果和退出动画效果;
所述进入动画效果为将所述动画对象的操作目标从所述第二区域移动至所述第一区域,并将移动时长控制在第一预设时长;
所述退出动画效果为将所述动画对象的操作目标从所述第一区域移动回所述第二区域,并将移动时长控制在第二预设时长。
本发明实施例还提供一种存储器,所述存储器包括存储的程序,其中,在所述程序运行时执行如下操作:
基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
本发明实施例还提供一种用户终端,所述用户终端包括:
存储器;
处理器;以及
视图展示装置,所述视图展示装置安装于所述存储器中并包括一个或多个由所述处理器执行的软件功能模块,所述视图展示装置包括:
动画对象生成模块,配置成基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
视图展示模块,配置成调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
本发明实施例提供的视图展示方法及装置、存储器及用户终端,根据要实现的预设动画效果生成动画对象,并将生成的动画对象与需要操作的第一视图关联。通过调用该动画对象的动画启动指令,按照预设动画效果展示第一视图。如此,在对第一视图的展示效果进行开发时,只需更改预设动画效果即可,不必对整个业务逻辑架构进行调整,大大提高了开发人员的工作效率。
为使本申请的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图作详细说明。
附图说明
为了更清楚地说明本发明实施例的方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
图1为本发明实施例提供的一种用户终端的方框示意图。
图2为本发明实施例提供的一种视图展示方法的流程示意图。
图3为图2所示步骤S101的子步骤示意图。
图4(a)为本发明实施例提供的一种帧布局框架的结构示意图。
图4(b)为本发明实施例提供的帧布局框架的又一结构示意图。
图5为本发明实施例提供的一种第一区域和第二区域的位置关系示意图。
图6为本发明实施例提供的一种视图展示装置的功能模块框图。
图标:100-用户终端;110-视图展示装置;111-动画对象生成模块;112-视图展示模块;120-存储器;130-处理器;140-显示单元。
具体实施方式
下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和展示的本发明实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本申请的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
如图1所示,是本发明实施例提供的一种基于安卓系统的用户终端100的方框示意图,本发明实施例提供的视图展示方法可应用于所述用户终端100。所述用户终端100包括视图展示装置110、存储器120、处理器130及显示单元140。
所述存储器120、处理器130及显示单元140各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。视图展示装置110包括至少一个可以软件或固件(firmware)的形式存储于存储器120中或固化在用户终端100的操作系统中的软件功能模块。处理器130用于执行存储在存储器120中的可执行模块,例如视图展示装置110所包括的软件功能模块及计算机程序等。
其中,存储器120可以是,但不限于,随机存取存储器(Random Access Memory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(Programmable Read-Only Memory,PROM),可擦除只读存储器(Erasable Programmable Read-Only Memory,EPROM),电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory,EEPROM)等。存储器120用于存储程序,所述处理器130在接收到执行指令后,执行所述程序,其中,在所述程序运行时执行如下操作:基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
处理器130可以是一种集成电路芯片,具有信号处理的能力。上述的处理器也可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(DSP))、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
显示单元140用于建立用户终端100与用户之间的交互界面或用于展示待展示视图(view)。在本实施例中,视图可以理解为安卓系统中实例化的view对象,可以是图像、文本框等任意可在显示界面展示的信息。待展示视图可以是需要在显示界面展示的图像、文本框等。
应当理解,图1所示的结构仅为示意,用户终端100还可以具有比图1所示更多或更少的组件,也可以具有与图1所示不同的配置。需要说明的是,图1所示的各组件可以硬件、软件或其组合实现。
如图2所示,是本发明实施例提供的一种视图展示方法的流程示意图,所述视图展示方法可应用于图1所示的用户终端100。下面将对图1所示的具体流程和步骤进行详细阐述。
步骤S101,基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联。
其中,预设动画效果是操作目标需要达到的动画效果。例如,假设用户终端100中某一应用程序(application,APP)提供有礼物面板,在用户选中该礼物面板中的某一个礼物时,需要以连击效果展示该礼物的说明信息。在上述示例中,连击效果即为所述预设动画效果,需要以连击效果呈现的操作目标即为承载有该礼物的说明信息的文本框。
在本实施例中,动画对象是以预设动画效果为基础,调用动画工具类中的方法生成的,其可以控制操作目标按照预设动画效果进行展示,例如,以连击效果为基础,调用安卓系统中的动画工具类AnimationUtils类中的方法生成的动画对象,可以控制承载有礼物说明信息的文本框以连击效果进行展示。AnimationUtils类提供了控制安卓系统中View对象的一些工具,例如,渐变透明度工具、画面移动工具、渐变尺寸伸缩工具、画面旋转工具等。
在本实施例中,预设布局框架可以是设置有第一视图和覆盖在第一视图上层的第二视图的帧布局框架,结合到上述示例,第二视图可以是该应用程序中提供的礼物面板,第一视图可以是用户选中该礼物面板中某个礼物时,承载有该礼物的说明信息的文本框。将动画对象与基于预设布局框架显示的第一视图关联也就是将第一视图作为该动画对象的操作目标,也就是说,动画对象可以控制第一视图按照连击效果进行展示。
可选地,如图3所示,在本实施例中,步骤S101可以包括步骤S201和步骤S202两个子步骤。
步骤S201,调用所述动画工具类中的动画加载指令,将描述所述预设动画效果的动画描述文件加载至内存,并生成所述动画对象。
在本实施例中,可以通过调用基于安卓系统的动画工具类AnimationUtils中的loadAnim方法,将描述所述预设动画效果的动画描述文件加载至内存并返回一个动画对象anim。其 中,所述动画对象用于控制操作目标按照所述预设动画效果展示。动画加载指令可以是动画工具类中用于将动画描述文件加载到用户终端100的内存中的方法,例如,loadAnim方法,loadAnim方法是AnimationUtils类中最常见的方法,loadAnim方法可以用于加载XML(Extensible Markup Language,可扩展标记语言)格式的动画描述文件。动画描述文件用于描述预设动画效果,开发人员按照预设动画效果编写出动画描述文件且预先存储到用户终端100的存储器120中,例如,当预设动画效果为上述的连击效果时,动画描述文件用于描述连击效果。
步骤S202,调用所述动画对象中的目标设置指令,将所述第一视图设置为所述动画对象的操作目标。
在本实施例中,可以通过调用动画对象anim中的setTarget方法来设置所述动画对象的操作目标,其中,所述第一视图即为所述动画对象anim的操作目标。如此,即可建立描述所述预设动画效果的动画描述文件与操作目标第一视图之间的关系。结合到上述示例,第一视图是礼物面板中某个礼物的礼物说明信息文本框,动画对象可以控制操作目标按照连击效果进行展示,则将第一视图设置为动画对象的操作目标之后,动画对象就可以控制该礼物说明信息文本框按照连击效果进行展示。步骤S102,调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
在需要按照所述预设动画效果展示第一视图时,调用所述动画对象中的动画启动指令,即可通过所述动画对象控制所述第一视图按照所述预设动画效果进行展示。结合到上述示例,当需要按照连击效果展示礼物面板中某个礼物的礼物说明信息文本框时,通过调用动画对象中的动画启动指令,即可控制该礼物说明信息文本框以连击效果进行展示。
在本实施例中,以上述动画对象anim为例,调用所述动画对象anim中的startAnim方法即可通过所述动画对象控制所述第一视图按照所述预设动画效果进行展示。
通过上述设计,在需要对动画效果进行开发或改进时,只需对动画描述文件进行更改即可,不必更改整个业务架构,大大降低了开发人员的工作量,提高了工作效率。
然而,以上述以连击效果展示礼物的说明信息为例,传统的动画展示方法通常是通过一个差值器得到一系列的差值,并根据所述一系列的差值动态改变礼物说明信息的布局文件的高度,进而达到连击动画展示效果。然而,采用这种方式时动画效果的描述信息与业务架构中展示该动画效果的指令紧密耦合,不便于将动画效果拆分出来并写到一个单独的动画描述文件中。
经发明人研究发现,若对待展示视图的布局进行改进,以一种更为简洁的方式实现动画效果,从而实现动画效果与业务架构中动画效果展示指令的解耦合,则可以降低开发人员解耦合的工作效率。
可选地,本发明实施例可以对显示待展示视图的布局框架做如下改进。
在本实施例中,所述预设布局框架可以为帧布局(FrameLayout)框架。如图4(a)所示,所述帧布局框架S中设置有第二视图V2和所述第一视图V1,所述第二视图V2覆盖在所述第一视图V1的上层且第一视图能够相对于第一视图移动。需要说明的是,此处的覆盖是指第二视图V2将第一视图V1完全覆盖。
在FrameLayout布局中,只显示未被覆盖的视图。相应地,在图4(a)所示的情形下,只会显示第二视图V2。如图4(b)所示,若将所述第一视图V1移出所述第二视图V2的覆盖范围,则可以显示所述第一视图V1。
基于FrameLayout布局的上述特性,以上述用连击效果展示礼物的说明信息为例,可以将所述礼物面板作为所述第二视图V2,将所述礼物说明信息文本框作为所述第一视图V1。
如此,当不需要显示礼物说明信息时,可以控制所述礼物面板覆盖住所述礼物说明信息文本框,当需要显示礼物说明信息时,可以控制所述礼物说明信息文本框移出所述礼物面板的覆盖范围。例如,当用户选中礼物面板中的某个礼物时,需要显示礼物信息,则控制礼物说明信息文本框移出礼物面板的覆盖范围;当用户选择展示该礼物时,不需要显示礼物信息,则控制礼物说明信息文本框逐渐消失,直至礼物面板覆盖住该礼物说明信息文本框。
因而,可选地,如图5所示,可以通过所述第二视图V2将所述FrameLayout布局框架划分为两个区域,分别为第一区域S1和所述第二视图V2所占据的第二区域S2。以图5所示情形为例,假设虚线L与第二视图V2的上侧边共线,那么,帧布局框架S中位于虚线L下方的区域即为所述第二区域S2,帧布局框架S中除第二区域S2之外的区域(即,位于虚线L上方的区域)即为所述第一区域S1。
需要说明的是,在本实施例中,第二视图V2的宽度实际与所述帧布局框架S的宽度相同,图5中将两者宽度表示为不同仅仅是为了区别表示出第二视图V2。也即,在帧布局文件中,所述第二视图V2的宽度被设置为全屏宽(full_parent)。
在本实施例中,所述第一视图V1设置在所述第二区域S2,并被所述第二视图V2覆盖。所述第一区域S1能够容纳所述第一视图V1,也即,所述第一视图V1能够完全设置在所述第一区域S1。
进一步地,所述第一区域S1和第二区域S2可以为沿所述FrameLayout布局框架的一侧边并列的两个矩形区域。其中,所述第一区域S1和第二区域S2可以沿水平方向的侧边并列设置,并且第一区域S1和第二区域S2的位置可以互换。所述第一区域S1和第二区域S2也可以沿竖直方向的侧边并列设置,并且第一区域S1和第二区域S2的位置可以互换。 其中,所述第一视图V1和第二视图V2通过FrameLayout框架的gravity属性进行设置,具体可以将所述gravity属性的值设置为right、left、bottom或top,进而将所述第一视图V1或第二视图V2设置在所述FrameLayout框架的相应位置。
以所述第一区域S1和第二区域S2沿竖直方向的侧边并列设置,且所述第一区域S1位于所述第二区域S2的上方为例,采用这种设计,可以将礼物说明信息的连击展示效果转化为礼物说明信息文本框的上下移动。
如此,预设动画效果包括进入动画效果和/或退出动画效果。在本实施例中,进入动画效果为将第一视图V1(即,礼物说明信息文本框)从第二区域S2移动至第一区域S1,退出动画效果为将第一视图V1从所述第一区域S1移动回所述第二区域S2。
可选地,为了实现连击效果,可以控制第一视图V1的移动时长。例如,将所述第一视图V1从第一区域S1移动至第二区域S2的时长控制在第一预设时长,将所述第一视图V1从第二区域S2移动至第一区域S1的时长控制在第二预设时长。其中,第一预设时长和第二预设时长可以根据效果需求进行灵活设定,两者可以相等,也可以不等。
通过上述设计,将复杂的动画效果转化成了简单的位移动画。在本实施例中,可以采用安卓系统中的translate属性来标记位移动画。
作为一种实施方式,所述进入动画效果可以采用如下代码定义:
Figure PCTCN2018085411-appb-000001
其中,translate标签标示描述的是位移动画信息。android:from YDelta="100%p",表示视图位移前的高度。android:to YDelta="0%p",表示视图位移后的高度。android:duration="1000",表示整个位移过程持续1000毫秒。上述代码用于表示将视图沿y轴移动,并且从100%移动0%的位置,并且整个过程持续1000毫秒。
实施时,移动的起始位置和结束位置可根据实际情况进行灵活设置。
需要说明的是,在所述用户终端100的坐标系中,显示界面面朝用户时,用户的右方为x轴正方向,下方为y轴正方向。
只需将上述代码中的from YDelta和to YDelta的值对调即可得到退出动画效果的动画描述信息。
实施时,将进入动画效果和退出动画效果分别写入不同的xlm文件中,即可得到描述进入动画效果的第一动画描述文件和描述退出动画效果的第二动画描述文件。调用动画工 具类AnimationUtils中的loadAnim方法将所述第一动画描述文件加载至内存并返回第一动画对象anim1,调用动画工具类AnimationUtils中的loadAnim方法将所述第二动画描述文件加载至内存并返回第二动画对象anim2。
在需要对第一视图进行动画展示时,调用第一动画对象anim1中的startAnim方法即可按照设定好的进入动画效果进行展示。在对第一视图进行动画展示后若需停止展示所述第一视图,则可调用第二动画对象anim2中的startAnim方法,以按照设定好的退出动画效果退出展示。
如图6所示,本发明实施例还提供一种视图展示装置110。所述视图展示装置110包括动画对象生成模块111和视图展示模块112。
其中,所述动画对象生成模块111用于基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联。
在本实施例中,关于所述动画对象生成模块111的描述具体可参考对图2所示步骤S101的详细描述,也即,所述步骤S101可以由所述动画对象生成模块111执行。
所述视图展示模块112用于调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
在本实施例中,关于所述视图展示模块112的描述具体可参考对图2所示的步骤S102的详细描述,也即,步骤S102可以由所述视图展示模块112执行。
可选地,所述预设布局框架可以为设置有所述第一视图和覆盖在所述第一视图的上层的第二视图的帧布局框架。所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域,所述第一视图设置于所述第二区域,所述第一区域能够容纳所述第一视图。
可选地,所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。
可选地,所述预设动画效果包括进入动画效果和/或退出动画效果,所述进入动画效果可以为将所述动画对象的操作目标从所述第二区域移动至所述第一区域,并将移动时长控制在第一预设时长,所述退出动画效果可以为将所述动画对象的操作目标从所述第一区域移动回所述第二区域,并将移动时长控制在第二预设时长。
综上所述,本发明实施例提供的视图展示方法及装置,根据要实现的预设动画效果生成动画对象,并将生成的动画对象与需要操作的第一视图关联。通过调用该动画对象的动画启动指令,按照预设动画效果展示第一视图。如此,在对第一视图的展示效果进行开发时,只需更改预设动画效果即可,不必对整个业务逻辑架构进行调整,大大提高了开发人员的工作效率。另外,通过对待展示视图的布局框架更改为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架,将动画效果的实现方式简化为上下移动,从 而实现动画效果与业务架构中动画效果展示指令的解耦合,降低了开发人员解耦合的工作效率。在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
工业实用性
本申请提供的一种视图展示方法及装置、存储器及用户终端,可以通过更改预设动画 效果来开发视图展示效果,提高了开发人员的工作效率。

Claims (15)

  1. 一种视图展示方法,其特征在于,所述方法包括:
    基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
    调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
  2. 根据权利要求1所述的视图展示方法,其特征在于,基于预设动画效果生成动画对象,并将所述动画对象与基于帧布局框架显示的第一视图关联的步骤,包括:
    调用动画工具类中的动画加载指令,将描述所述预设动画效果的动画描述文件加载至内存,并生成所述动画对象;
    调用所述动画对象中的目标设置指令,将所述第一视图设置为所述动画对象的操作目标。
  3. 根据权利要求2所述的视图展示方法,其特征在于,所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架,所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域,所述第一视图设置于所述第二区域,所述第一区域能够容纳所述第一视图。
  4. 根据权利要求3所述的视图展示方法,其特征在于,所述第二视图完全覆盖在所述第一视图的上层且所述第一视图能够相对于所述第二视图移动,所述预设布局框架显示未被覆盖的视图。
  5. 根据权利要求3所述的视图展示方法,其特征在于,所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。
  6. 根据权利要求5所述的视图展示方法,其特征在于,所述第一区域和所述第二区域沿所述帧布局框架水平方向或竖直方向的侧边并列设置,且所述第一区域和所述第二区域的位置可以互换。
  7. 根据权利要求3至6任一项所述的视图展示方法,其特征在于,所述第二视图为礼物面板,所述第一视图为礼物提示信息文本框。
  8. 根据权利要求7所述的视图展示方法,其特征在于,所述第一视图能够相对于所述第一视图移动,包括:
    当不需要显示礼物说明信息时,控制所述第二视图覆盖所述第一视图;
    当需要显示礼物说明信息时,控制所述第一视图移出所述第二视图的覆盖范围。
  9. 根据权利要求3至6任一项所述的视图展示方法,其特征在于,所述预设动画效果包括进入动画效果和/或退出动画效果;
    所述进入动画效果为将所述操作目标从所述第二区域移动至所述第一区域,并将移动时长控制在第一预设时长;
    所述退出动画效果为将所述操作目标从所述第一区域移动回所述第二区域,并将移动时长控制在第二预设时长。
  10. 一种视图展示装置,其特征在于,所述视图展示装置包括:
    动画对象生成模块,配置成基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
    视图展示模块,配置成调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
  11. 根据权利要求10所述的视图展示装置,其特征在于,所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图的上层的第二视图的帧布局框架,所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域,所述第一视图设置于所述第二区域,所述第一区域能够容纳所述第一视图。
  12. 根据权利要求11所述的视图展示装置,其特征在于,所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。
  13. 根据权利要求11或12所述的视图展示装置,其特征在于,所述预设动画效果包括进入动画效果和退出动画效果;
    所述进入动画效果为将所述动画对象的操作目标从所述第二区域移动至所述第一区域,并将移动时长控制在第一预设时长;
    所述退出动画效果为将所述动画对象的操作目标从所述第一区域移动回所述第二区域,并将移动时长控制在第二预设时长。
  14. 一种存储器,其特征在于,所述存储器包括存储的程序,其中,在所述程序运行时执行如下操作:
    基于预设动画效果生成动画对象,并将所述动画对象与基于预设布局框架显示的第一视图关联;
    调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
  15. 一种用户终端,其特征在于,所述用户终端包括:
    存储器;
    处理器;以及
    视图展示装置,所述视图展示装置安装于所述存储器中并包括一个或多个由所述处理器执行的软件功能模块,所述视图展示装置包括:
    动画对象生成模块,配置成基于预设动画效果生成动画对象,并将所述动画对象 与基于预设布局框架显示的第一视图关联;
    视图展示模块,配置成调用所述动画对象中的动画启动指令,按照所述预设动画效果展示所述第一视图。
PCT/CN2018/085411 2017-07-27 2018-05-03 视图展示方法及装置、存储器及用户终端 Ceased WO2019019757A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710624374.4 2017-07-27
CN201710624374.4A CN107391144B (zh) 2017-07-27 2017-07-27 视图展示方法及装置

Publications (1)

Publication Number Publication Date
WO2019019757A1 true WO2019019757A1 (zh) 2019-01-31

Family

ID=60341345

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/085411 Ceased WO2019019757A1 (zh) 2017-07-27 2018-05-03 视图展示方法及装置、存储器及用户终端

Country Status (2)

Country Link
CN (1) CN107391144B (zh)
WO (1) WO2019019757A1 (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107391144B (zh) * 2017-07-27 2020-01-03 武汉斗鱼网络科技有限公司 视图展示方法及装置
CN111857717B (zh) * 2020-07-29 2023-09-12 网易(杭州)网络有限公司 Ui编辑方法、装置、设备及计算机可读存储介质
CN116204249A (zh) * 2021-11-30 2023-06-02 博泰车联网(大连)有限公司 一种视图显示方法及装置
CN114942759A (zh) * 2022-04-28 2022-08-26 广州博冠信息科技有限公司 组件动画显示方法、组件动画显示装置、介质及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040090528A1 (en) * 2002-11-11 2004-05-13 Takashi Miyamoto Web camera and method for sending moving image
CN105389840A (zh) * 2015-10-23 2016-03-09 网易(杭州)网络有限公司 一种2d游戏中的控件动画实现方法及系统
CN106251389A (zh) * 2016-08-01 2016-12-21 北京小小牛创意科技有限公司 制作动画的方法和装置
CN107391144A (zh) * 2017-07-27 2017-11-24 武汉斗鱼网络科技有限公司 视图展示方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040090528A1 (en) * 2002-11-11 2004-05-13 Takashi Miyamoto Web camera and method for sending moving image
CN105389840A (zh) * 2015-10-23 2016-03-09 网易(杭州)网络有限公司 一种2d游戏中的控件动画实现方法及系统
CN106251389A (zh) * 2016-08-01 2016-12-21 北京小小牛创意科技有限公司 制作动画的方法和装置
CN107391144A (zh) * 2017-07-27 2017-11-24 武汉斗鱼网络科技有限公司 视图展示方法及装置

Also Published As

Publication number Publication date
CN107391144B (zh) 2020-01-03
CN107391144A (zh) 2017-11-24

Similar Documents

Publication Publication Date Title
TWI700638B (zh) 混合視圖的顯示方法及裝置
CN111158686B (zh) 网页弹框生成方法及装置、电子设备、存储介质
JP2021501388A (ja) ユーザインタフェース表示方法及び端末デバイス
WO2017113154A1 (en) System and method for operating system of mobile device
WO2019052417A1 (zh) 页面加载方法、装置、电子设备及存储介质
US10908764B2 (en) Inter-context coordination to facilitate synchronized presentation of image content
CN110865718A (zh) 一种支持输入法应用在多屏切换的方法和装置
US20190069124A1 (en) Web application with components in different virtual environments
CN116560558A (zh) 车机多屏幕间的交互方法、电子设备及车辆
CN114115855A (zh) 代码复用方法及装置、计算机可读存储介质、电子设备
US11281437B2 (en) User interface design platform, system, and method for applying consistent look and feel
CN107391144B (zh) 视图展示方法及装置
JP7536248B1 (ja) マルチデバイス用反応型ページのためのグリッドレイアウトの設定方法及びこれを行うプログラム
CN106909393B (zh) 一种输入法面板的显示调整方法及移动终端
US20140325404A1 (en) Generating Screen Data
US11586338B2 (en) Systems and methods for animated computer generated display
CN118708177B (zh) 页面文本弹出框的处理方法、装置、电动车辆和存储介质
WO2025108129A1 (zh) 生成应用的图形用户界面的方法及相关设备
CN116257315A (zh) 输入框的显示方法及装置
CN119234209A (zh) 一种页面渲染方法、装置、设备及存储介质
CN116729423B (zh) 一种快速倒车服务的运行方法、装置、车辆及存储介质
US12367035B2 (en) Method of implementing software architecture for common use of wayland protocol
CN118092916A (zh) 骨架屏页面生成方法、计算机设备及存储介质
CN117170936A (zh) 一种图像快照生成方法、装置、设备及介质
WO2023087502A1 (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: 18837445

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18837445

Country of ref document: EP

Kind code of ref document: A1