CN114510309B - 动画效果的设置方法、装置、设备及介质 - Google Patents

动画效果的设置方法、装置、设备及介质 Download PDF

Info

Publication number
CN114510309B
CN114510309B CN202210111085.5A CN202210111085A CN114510309B CN 114510309 B CN114510309 B CN 114510309B CN 202210111085 A CN202210111085 A CN 202210111085A CN 114510309 B CN114510309 B CN 114510309B
Authority
CN
China
Prior art keywords
rendering unit
information
determining
dynamic change
occupying
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.)
Active
Application number
CN202210111085.5A
Other languages
English (en)
Other versions
CN114510309A (zh
Inventor
唐翔
李凯
张哲�
欧阳琼中
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
CCB Finetech Co Ltd
Original Assignee
CCB Finetech 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 CCB Finetech Co Ltd filed Critical CCB Finetech Co Ltd
Priority to CN202210111085.5A priority Critical patent/CN114510309B/zh
Publication of CN114510309A publication Critical patent/CN114510309A/zh
Application granted granted Critical
Publication of CN114510309B publication Critical patent/CN114510309B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR 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; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation

Landscapes

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

Abstract

本公开提供了一种动画效果的设置方法、装置、设备及介质,可以应用于计算机技术领域,也可以应用于金融技术领域。该动画效果的涉及方法包括:获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息;在第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息;根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息;根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。

Description

动画效果的设置方法、装置、设备及介质
技术领域
本公开涉及计算机技术领域,具体地涉及一种动画效果的设置方法、装置、设备、介质和程序产品。
背景技术
随着人工智能时代的来临,人机交互界面被广泛应用。目前,在人机交互界面中增加、删除某个渲染单元或改变某个渲染单元的样式、内容时,展示在用户面前的一般是该渲染单元在人机交互界面中瞬间变化的。
这是因为在目前的主流框架中,对于某个渲染单元在可视化界面上发生位置、样式、内容等的变化,一般是瞬间改变的,例如:某个渲染单元瞬间出现、瞬间消失或瞬间移动等等。这种展示方式导致用户体验效果不佳。
发明内容
鉴于上述问题,本公开提供了一种动画效果的设置方法、装置、设备、介质和程序产品。
根据本公开的第一个方面,提供了一种动画效果的设置方法,包括:
获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息;
在第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息;
根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息;
根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。
根据本公开的实施例,第一渲染单元的变化类型信息包括移入或移出变化类型信息,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息,包括:
根据第一渲染单元待移入或待移出的位置信息确定第一渲染单元的位置信息;
根据第一渲染单元的位置信息确定占位渲染单元的位置信息。
根据本公开的实施例,根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息,包括:
根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化趋势和占位渲染单元的动态变化范围;
根据动态变化趋势和动态变化范围确定占位渲染单元的动态变化参数信息。
根据本公开的实施例,第一渲染单元的变化类型包括位置变化类型信息,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息,包括:
根据第一渲染单元的待移出的位置信息确定第一占位渲染单元的位置信息;
根据第一渲染单元的待移入的位置信息确定第二占位渲染单元的位置信息。
根据本公开的实施例,根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息;
根据第一渲染单元的尺寸信息确定第一占位渲染单元的第一动态变化趋势和第一占位渲染单元的第一动态变化范围;
根据第一动态变化趋势和第一动态变化范围确定第一占位渲染单元的第一动态变化参数信息;
根据第一渲染单元的尺寸信息确定第二占位渲染单元的第二动态变化趋势和第二占位渲染单元的第二动态变化范围;
根据第二动态变化范围和第二动态变化趋势确定第二占位渲染单元的第二动态变化参数信息。
根据本公开的实施例,根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果;
根据第一动态变化参数信息设置第一渲染单元在待移出的位置移出的第一动画效果;
根据第二动态变化参数信息设置第二渲染单元在待移入的位置移入的第二动画效果。
根据本公开的实施例,第一渲染单元的变化类型信息还包括样式类型信息,方法还包括:
根据样式类型信息确定第一渲染单元的样式变化参数;
根据样式变化参数设置第一渲染单元的动画效果。
根据本公开的实施例,第一渲染单元的变化类型信息还包括内容类型信息,方法还包括:
根据内容类型信息确定第一渲染单元的内容变化参数;
根据内容变化参数设置第一渲染单元的动画效果。
本公开的第二方面提供了一种动画效果设置装置,包括:获取模块、第一确定模块、第二确定模块、第一设置模块。其中,获取模块,用于获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息。第一确定模块,用于在第一渲染单元的变化影响在第二渲染单元可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定至少一个占位渲染单元的位置信息。第二确定模块,用于根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息。第一设置模块,用于根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。
根据本公开的实施例,第一确定模块包括第一确定单元和第二确定单元。其中,第一确定单元,用于根据第一渲染单元待移入或待移出的位置信息确定第一渲染单元的位置信息。第二确定单元,用于根据第一渲染单元的位置信息确定占位渲染单元的位置信息。
根据本公开的实施例,第二确定模块包括第三确定单元和第四确定单元。其中,第三确定单元,用于根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化趋势和占位渲染单元的动态变化范围。第四确定单元,用于根据动态变化趋势和动态变化范围确定占位渲染单元的动态变化参数信息。
根据本公开的实施例,第一确定模块包括第五确定单元和第六确定单元。其中,第五确定单元,用于根据第一渲染单元的待移出的位置信息确定第一占位渲染单元的位置信息。第六确定单元,用于根据第一渲染单元的待移入的位置信息确定第二占位渲染单元的位置信息。
根据本公开的实施例,第二确定模块包括第七确定单元、第八确定单元、第九确定单元和第十确定单元。其中,第七确定单元,用于根据第一渲染单元的尺寸信息确定第一占位渲染单元的第一动态变化趋势和第一占位渲染单元的第一动态变化范围。第八确定单元,用于根据第一动态变化趋势和第一动态变化范围确定第一占位渲染单元的第一动态变化参数信息。第九确定单元,用于根据第一渲染单元的尺寸信息确定第二占位渲染单元的第二动态变化趋势和第二占位渲染单元的第二动态变化范围。第十确定单元,用于根据第二动态变化范围和第二动态变化趋势确定第二占位渲染单元的第二动态变化参数信息。
根据本公开的实施例,第一设置模块包括第一设置单元和第二设置单元。其中,第一设置单元,用于根据第一动态变化参数信息设置第一渲染单元在待移出的位置移出的第一动画效果。第二设置单元,用于根据第二动态变化参数信息设置第二渲染单元在待移入的位置移入的第二动画效果。
根据本公开的实施例,上述装置还包括第三确定模块和第二设置模块。其中,第三确定模块,用于根据样式类型信息确定第一渲染单元的样式变化参数。第二设置模块,用于根据样式变化参数设置第一渲染单元的动画效果。
根据本公开的实施例,上述装置还包括第四确定模块和第三设置模块。其中,第四确定模块,用于根据内容类型信息确定第一渲染单元的内容变化参数。第三设置模块,用于根据内容变化参数设置第一渲染单元的动画效果。
本公开的第三方面提供了一种电子设备,包括:一个或多个处理器;存储器,用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得一个或多个处理器执行上述动画效果的设置方法。
本公开的第四方面还提供了一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行上述动画效果的设置方法。
本公开的第五方面还提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述动画效果的设置方法。
根据本公开的实施例,通过获取第一渲染单元的动画效果设置指令,在第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息,在根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息,最后根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果,提高了可视化界面中渲染单元在发生变化时的观感效果,以至少解决相关技术中可视化界面中渲染单元在发生变化时,缺乏动画效果,导致用户体验不佳的问题。
附图说明
通过以下参照附图对本公开实施例的描述,本公开的上述内容以及其他目的、特征和优点将更为清楚,在附图中:
图1示意性示出了根据本公开实施例的动画效果的设置方法、装置、设备、介质和程序产品的应用场景图;
图2示意性示出了根据本公开实施例的动画效果的设置方法的流程图;
图3a~图3c示意性示出了根据本公开实施例的针对移入变化类型的渲染单元的动画效果设置场景图;
图4a~图4c示意性示出了根据本公开实施例的针对移出变化类型的渲染单元的动画效果设置场景图;
图5a~图5d示意性示出了根据本公开实施例的针对位置变化类型的渲染单元的动画效果设置场景图;
图6示意性示出了根据本公开实施例的动画效果的设置方法的逻辑框图;
图7示意性示出了根据本公开实施例的动画效果的设置装置的结构框图;以及
图8示意性示出了根据本公开实施例的适于实现动画效果的设置方法的电子设备的方框图。
具体实施方式
以下,将参照附图来描述本公开的实施例。但是应该理解,这些描述只是示例性的,而并非要限制本公开的范围。在下面的详细描述中,为便于解释,阐述了许多具体的细节以提供对本公开实施例的全面理解。然而,明显地,一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外,在以下说明中,省略了对公知结构和技术的描述,以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例,而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在,但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义,除非另外定义。应注意,这里使用的术语应解释为具有与本说明书的上下文相一致的含义,而不应以理想化或过于刻板的方式来解释。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。
需要说明的是,本公开动画效果的设置方法和装置可用于金融领域和计算机技术领域,也可用于除金融领域之外的任意领域,本公开动画效果的设置方法和装置的应用领域不做限定。
本公开提供了一种动画效果的设置方法,包括:获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息;在第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息;根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息;根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。
图1示意性示出了根据本公开实施例的动画效果的设置方法的应用场景图。
如图1所示,根据该实施例的应用场景100可以包括终端设备101、102、103、网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理,并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
需要说明的是,本公开实施例所提供的动画效果的设置方法一般可以由服务器105执行。相应地,本公开实施例所提供的动画效果的设置装置一般可以设置于服务器105中。本公开实施例所提供的动画效果的设置方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地,本公开实施例所提供的动画效果的设置装置也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
以下将基于图1描述的场景,通过图2~图6对公开实施例的动画效果的设置方法进行详细描述。
图2示意性示出了根据本公开实施例的动画效果的设置方法的流程图。
如图2所示,该实施例的动画效果的设置包括操作S210~操作S230。
在操作S210,获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息。
根据本公开的实施例,第一渲染单元的变化类型信息可以包括移入变化、移出变化、位置变化、样式变化、内容变化等等。第一渲染单元的尺寸信息可以是根据可视化界面的尺寸实际设计的尺寸。第一渲染单元的位置信息可以是第一渲染单元在可视化界面中的位置坐标信息。
在操作S220,在第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息。
根据本公开的实施例,在第一渲染单元发生变化时,可能会影响第二渲染单元在可视化界面中的展示效果,例如:在发生变化之前,第一渲染单元和第二渲染单元并列展示,当第一渲染单元被删除时,即发生移出变化,假设没有其他渲染单元添加,则此时,第二渲染单元的位置也可能需要发生变化,在此种情况下,第一渲染单元的变化就会影响第二渲染单元在可视化界面中的展示效果。
根据本公开的实施例,例如:第一渲染单元的变化类型是移入变化,可以在第一渲染单元待移入的位置设置占位渲染单元,此时,占位渲染单元的位置信息可以为第一渲染单元待移入的位置信息。
在操作S230,根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息。
根据本公开的实施例,以第一渲染单元发生移入变化为例,假设第一渲染单元的高度为8mm,则占位渲染单元的动态变化参数范围可以由0逐渐变化到8mm。
在操作S240,根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。
根据本公开的实施例,可以根据占位渲染单元的动态变化参数范围0~8mm,设置第一渲染单元的动画效果,例如占位渲染单元的动画效果可以为逐渐上升的动画效果由0上升到8mm。
根据本公开的实施例,通过获取第一渲染单元的动画效果设置指令,在第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息,在根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息,最后根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果,提高了可视化界面中渲染单元在发生变化时的观感效果,以至少解决相关技术中可视化界面中渲染单元在发生变化时,缺乏动画效果,导致用户体验不佳的问题。
根据本公开的实施例,第一渲染单元的变化类型信息包括移入或移出变化类型信息,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息,包括:
根据第一渲染单元待移入或待移出的位置信息确定第一渲染单元的位置信息;
根据第一渲染单元的位置信息确定占位渲染单元的位置信息。
根据本公开的实施例,以第一渲染单元的变化类型信息为移出变化类型信息为例,假设第一渲染单元待移出的位置坐标为(a,b),则可以确定占位渲染单元的位置坐标为(a,b)。
根据本公开的实施例,对于移入或移出的变化类型信息,可以根据待移入或待移出的位置信息确定占位渲染单元的位置信息,以便设置占位渲染单元的动态变化参数。实现渲染单元在移入或移出时,在待移入或待移出的位置展示动画效果,提高用户的观感。
根据本公开的实施例,根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息,包括:
根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化趋势和占位渲染单元的动态变化范围;
根据动态变化趋势和动态变化范围确定占位渲染单元的动态变化参数信息。
根据本公开的实施例,占位渲染单元的动态变化范围局限于待移入或移出的渲染单元的尺寸,以待移入或移出的渲染单元的高度为例,占位渲染单元的动态变化范围可以由0变化到待移入渲染单元的高度,也可以有待移出渲染单元的高度变化到0。
根据本公开的实施例,例如:对于发生移入变化的渲染单元,其对应的占位渲染单元的动态变化范围可以由0变化到待移入渲染单元的高度,则其动态变化参数也是占位渲染单元的高度由0变化到待移入渲染单元的高度。
根据本公开的实施例,通过待发生变化的渲染单元的尺寸确定占位渲染单元的动态变化范围和变化趋势,进一步确定占位渲染单元的动态变化参数,以完成针对发生变化渲染单元的动画效果的设置,提高用户观感。
图3a~图3c示意性示出了根据本公开实施例的针对移入变化类型的渲染单元的动画效果设置场景图。
如图3a~图3c所示,图3a中在待移入渲染单元的位置先生成占位渲染单元;图3b中,占位渲染单元的高度由0变化到待移入渲染单元的高度,可以展示变化过程的动画效果;图3c中,显示待移入的渲染单元。则完成渲染单元的移入动画效果的展示。
图4a~图4c示意性示出了根据本公开实施例的针对移出变化类型的渲染单元的动画效果设置场景图;
如图4a~图4c所示,图4a显示了待移出渲染单元的位置,将待移出渲染单元隐藏,并在待移出的渲染单元的位置生成占位渲染单元;图4b中,占位渲染单元的高度由待移出的渲染单元的高度变化到0,可以展示变化过程的动画效果;图4c中,移出占位渲染单元。则完成渲染单元的移出动画效果的展示。
根据本公开的实施例,第一渲染单元的变化类型包括位置变化类型信息,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息,包括:
根据第一渲染单元的待移出的位置信息确定第一占位渲染单元的位置信息;
根据第一渲染单元的待移入的位置信息确定第二占位渲染单元的位置信息。
根据本公开的实施例,针对发生位置变化的渲染单元,相当于执行在位置变化之前的位置发生移出变化,然后在位置变化之后的位置发生移入变化。例如:第一渲染单元的位置由A点(m1,m2)移动到B点(n1,n2),即第一渲染单元待移出的位置为A点(m1,m2),第一渲染单元待移入的位置为B点(n1,n2),则第一占位渲染单元的位置为A点(m1,m2),第二占位渲染单元的位置为B点(n1,n2)。
根据本公开的实施例,对于位置发生变化的渲染单元,可以根据变化前后的位置信息分别确定两个占位渲染单元的位置信息,在变化前的位置设置移出的动画效果,在变化后的位置设置移入的变化效果实现渲染单元在发生位置移动时,在位置变化前后均展示动画效果,提高用户的观感。
根据本公开的实施例,根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息;
根据第一渲染单元的尺寸信息确定第一占位渲染单元的第一动态变化趋势和第一占位渲染单元的第一动态变化范围;
根据第一动态变化趋势和第一动态变化范围确定第一占位渲染单元的第一动态变化参数信息;
根据第一渲染单元的尺寸信息确定第二占位渲染单元的第二动态变化趋势和第二占位渲染单元的第二动态变化范围;
根据第二动态变化范围和第二动态变化趋势确定第二占位渲染单元的第二动态变化参数信息。
根据本公开的实施例,根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果;
根据第一动态变化参数信息设置第一渲染单元在待移出的位置移出的第一动画效果;
根据第二动态变化参数信息设置第二渲染单元在待移入的位置移入的第二动画效果。
根据本公开的实施例,发生位置变化过程包括两个变化过程,分别是移出变化和移入变化。可以分别对待移出位置的第一占位渲染单元按照移出变化过程,设置第一动态变化参数为高度由第一渲染单元的高度变化到0,同时设施第二动态变化参数为由0变化到第一渲染单元的高度。
根据本公开的实施例,通过分别设置两个占位渲染单元的动态变化参数,使渲染单元在由A点移动到B点的过程中,在A点展示移出的动画效果,在B点展示移入的动画效果,从而提高用户的观感体验。
图5a~图5d示意性示出了根据本公开实施例的针对位置变化类型的渲染单元的动画效果设置场景图。
如图5a~图5d所示,图5a中,渲染单元A沿着箭头方向由a列移动到b列。图5b中,在a列渲染单元待移出的位置生成占位渲染单元A,在b列渲染单元待移入的位置生成占位渲染单元B。图5c中,针对占位渲染单元A设置动态变化参数为高度由渲染单元A的高度变化到0,针对占位渲染单元B设置动态变化参数为高度由0变化到渲染单元A的高度。图5d中,移除a列中的占位渲染单元A,并在占位渲染单元B的位置显示渲染单元A,同时移出占位渲染单元B。
根据本公开的实施例,通过在移动前的位置设置移出动画效果,在移动后的位置设置移入动画效果,实现渲染单元在发生位置移动时,在位置变化前后均展示动画效果,提高用户的观感。
根据本公开的实施例,第一渲染单元的变化类型信息还包括样式类型信息,方法还包括:
根据样式类型信息确定第一渲染单元的样式变化参数;
根据样式变化参数设置第一渲染单元的动画效果。
根据本公开的实施例,
第一渲染单元的变化类型信息还包括内容类型信息,方法还包括:
根据内容类型信息确定第一渲染单元的内容变化参数;
根据内容变化参数设置第一渲染单元的动画效果。
图6示意性示出了根据本公开实施例的动画效果的设置方法的逻辑框图。
如图6所示,该实施例包括操作S610~S670
在操作S610,获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息。
在操作S620,确定第一渲染单元的变化是否影响第二渲染单元在可视化界面中的展示效果,若是,则执行操作S630~S650,若不是,则执行操作S660~S670。
在操作S630,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定占位渲染单元的位置信息。
在操作S640,根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息。
在操作S650,根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。
在操作S660,根据第一渲染单元的变化类型信息确定变化参数。例如:第一渲染单元变化类型信息可以包括样式类型信息、内容类型信息,则确定的变化参数可以包括样式变化参数、内容变化参数。
在操作S670,根据变化参数设置第一渲染单元的动画效果。
根据本公开的实施例,第一渲染单元变化类型可以同时包括位置变化类型、样式变化类型和内容变化类型,先执行针对位置变化类型的动画效果设置操作,再执行针对样式变化类型和内容变化类型的动画效果设置操作。
基于上述动画效果的设置方法,本公开还提供了一种动画效果的设置装置。以下将结合图7对该装置进行详细描述。
图7示意性示出了根据本公开实施例的动画效果的设置装置的结构框图。
如图7所示,该实施例的动画效果的设置装置700包括:获取模块710、第一确定模块720、第二确定模块730、第一设置模块740。
获取模块710,用于获取第一渲染单元的动画效果设置指令,其中,动画效果设置指令中包括第一渲染单元的变化类型信息、第一渲染单元的尺寸信息和第一渲染单元的位置信息。用于执行上述操作S210,在此不做赘述。
第一确定模块720,用于在第一渲染单元的变化影响在第二渲染单元可视化界面中的展示效果的情况下,根据第一渲染单元的变化类型信息和第一渲染单元的位置信息,确定至少一个占位渲染单元的位置信息。用于执行上述操作S220,在此不做赘述。
第二确定模块730,用于根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化参数信息。用于执行上述操作S230,在此不做赘述。
第一设置模块740,用于根据占位渲染单元的动态变化参数信息设置第一渲染单元的动画效果。用于执行上述操作S240,在此不做赘述。
根据本公开的实施例,第一确定模块720包括第一确定单元和第二确定单元。其中,第一确定单元,用于根据第一渲染单元待移入或待移出的位置信息确定第一渲染单元的位置信息。第二确定单元,用于根据第一渲染单元的位置信息确定占位渲染单元的位置信息。
根据本公开的实施例,第二确定模块730包括第三确定单元和第四确定单元。其中,第三确定单元,用于根据第一渲染单元的尺寸信息确定占位渲染单元的动态变化趋势和占位渲染单元的动态变化范围。第四确定单元,用于根据动态变化趋势和动态变化范围确定占位渲染单元的动态变化参数信息。
根据本公开的实施例,第一确定模块720包括第五确定单元和第六确定单元。其中,第五确定单元,用于根据第一渲染单元的待移出的位置信息确定第一占位渲染单元的位置信息。第六确定单元,用于根据第一渲染单元的待移入的位置信息确定第二占位渲染单元的位置信息。
根据本公开的实施例,第二确定模块730包括第七确定单元、第八确定单元、第九确定单元和第十确定单元。其中,第七确定单元,用于根据第一渲染单元的尺寸信息确定第一占位渲染单元的第一动态变化趋势和第一占位渲染单元的第一动态变化范围。第八确定单元,用于根据第一动态变化趋势和第一动态变化范围确定第一占位渲染单元的第一动态变化参数信息。第九确定单元,用于根据第一渲染单元的尺寸信息确定第二占位渲染单元的第二动态变化趋势和第二占位渲染单元的第二动态变化范围。第十确定单元,用于根据第二动态变化范围和第二动态变化趋势确定第二占位渲染单元的第二动态变化参数信息。
根据本公开的实施例,第一设置模块740包括第一设置单元和第二设置单元。其中,第一设置单元,用于根据第一动态变化参数信息设置第一渲染单元在待移出的位置移出的第一动画效果。第二设置单元,用于根据第二动态变化参数信息设置第二渲染单元在待移入的位置移入的第二动画效果。
根据本公开的实施例,上述装置还包括第三确定模块和第二设置模块。其中,第三确定模块,用于根据样式类型信息确定第一渲染单元的样式变化参数。第二设置模块,用于根据样式变化参数设置第一渲染单元的动画效果。
根据本公开的实施例,上述装置还包括第四确定模块和第三设置模块。其中,第四确定模块,用于根据内容类型信息确定第一渲染单元的内容变化参数。第三设置模块,用于根据内容变化参数设置第一渲染单元的动画效果。
根据本公开的实施例,获取模块710、第一确定模块720、第二确定模块730、第一设置模块740中的任意多个模块可以合并在一个模块中实现,或者其中的任意一个模块可以被拆分成多个模块。或者,这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合,并在一个模块中实现。根据本公开的实施例,获取模块710、第一确定模块720、第二确定模块730、第一设置模块740中的至少一个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,获取模块710、第一确定模块720、第二确定模块730、第一设置模块740中的至少一个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
图8示意性示出了根据本公开实施例的适于实现动画效果的设置方法的电子设备的方框图。
如图8所示,根据本公开实施例的电子设备800包括处理器801,其可以根据存储在只读存储器(ROM)802中的程序或者从存储部分808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。处理器801例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如,专用集成电路(ASIC))等等。处理器801还可以包括用于缓存用途的板载存储器。处理器801可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 803中,存储有电子设备800操作所需的各种程序和数据。处理器801、ROM802以及RAM 803通过总线804彼此相连。处理器801通过执行ROM 802和/或RAM 803中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意,所述程序也可以存储在除ROM 802和RAM 803以外的一个或多个存储器中。处理器801也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。
根据本公开的实施例,电子设备800还可以包括输入/输出(I/O)接口805,输入/输出(I/O)接口805也连接至总线804。电子设备800还可以包括连接至I/O接口805的以下部件中的一项或多项:包括键盘、鼠标等的输入部分806;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分807;包括硬盘等的存储部分808;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至I/O接口805。可拆卸介质811,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器810上,以便于从其上读出的计算机程序根据需要被安装入存储部分808。
本公开还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的;也可以是单独存在,而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被执行时,实现根据本公开实施例的方法。
根据本公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质,例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。例如,根据本公开的实施例,计算机可读存储介质可以包括上文描述的ROM 802和/或RAM 803和/或ROM 802和RAM 803以外的一个或多个存储器。
本公开的实施例还包括一种计算机程序产品,其包括计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。当计算机程序产品在计算机系统中运行时,该程序代码用于使计算机系统实现本公开实施例所提供的上述方法。
在该计算机程序被处理器801执行时执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例,上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。
在一种实施例中,该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中,该计算机程序也可以在网络介质上以信号的形式进行传输、分发,并通过通信部分809被下载和安装,和/或从可拆卸介质811被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输,包括但不限于:无线、有线等等,或者上述的任意合适的组合。
在这样的实施例中,该计算机程序可以通过通信部分809从网络上被下载和安装,和/或从可拆卸介质811被安装。在该计算机程序被处理器801执行时,执行本公开实施例的系统中限定的上述功能。根据本公开的实施例,上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。
根据本公开的实施例,可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码,具体地,可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java,C++,python,“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
本领域技术人员可以理解,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合,即使这样的组合或结合没有明确记载于本公开中。特别地,在不脱离本公开精神和教导的情况下,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。
以上对本公开的实施例进行了描述。但是,这些实施例仅仅是为了说明的目的,而并非为了限制本公开的范围。尽管在以上分别描述了各实施例,但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围,本领域技术人员可以做出多种替代和修改,这些替代和修改都应落在本公开的范围之内。

Claims (9)

1.一种动画效果的设置方法,包括:
获取第一渲染单元的动画效果设置指令,其中,所述动画效果设置指令中包括所述第一渲染单元的变化类型信息、所述第一渲染单元的尺寸信息和所述第一渲染单元的位置信息;
在所述第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据所述第一渲染单元的变化类型信息和所述第一渲染单元的位置信息,确定占位渲染单元的位置信息;
根据所述第一渲染单元的尺寸信息确定所述占位渲染单元的动态变化参数信息;
根据所述占位渲染单元的动态变化参数信息设置所述第一渲染单元的动画效果;
其中,所述第一渲染单元的变化类型包括位置变化类型信息;所述根据所述第一渲染单元的尺寸信息确定所述占位渲染单元的动态变化参数信息,包括:
根据所述第一渲染单元的待移出的位置信息确定第一占位渲染单元的位置信息;
根据所述第一渲染单元的待移入的位置信息确定第二占位渲染单元的位置信息;
根据所述第一渲染单元的尺寸信息确定所述第一占位渲染单元的第一动态变化趋势和所述第一占位渲染单元的第一动态变化范围;所述第一动态变化范围局限于待移出的渲染单元的尺寸;
根据所述第一动态变化趋势和所述第一动态变化范围确定所述第一占位渲染单元的第一动态变化参数信息;
根据所述第一渲染单元的尺寸信息确定所述第二占位渲染单元的第二动态变化趋势和所述第二占位渲染单元的第二动态变化范围;所述第二动态变化范围局限于待移入的渲染单元的尺寸;
根据所述第二动态变化范围和所述第二动态变化趋势确定所述第二占位渲染单元的第二动态变化参数信息。
2.根据权利要求1所述的方法,其中,所述第一渲染单元的变化类型信息包括移入或移出变化类型信息,所述根据所述第一渲染单元的变化类型信息和所述第一渲染单元的位置信息,确定占位渲染单元的位置信息,包括:
根据所述第一渲染单元待移入或待移出的位置信息确定所述第一渲染单元的位置信息;
根据所述第一渲染单元的位置信息确定所述占位渲染单元的位置信息。
3.根据权利要求2所述的方法,其中,根据所述第一渲染单元的尺寸信息确定所述占位渲染单元的动态变化参数信息,包括:
根据所述第一渲染单元的尺寸信息确定所述占位渲染单元的动态变化趋势和所述占位渲染单元的动态变化范围;
根据所述动态变化趋势和所述动态变化范围确定所述占位渲染单元的动态变化参数信息。
4.根据权利要求1所述的方法,其中,所述根据所述占位渲染单元的动态变化参数信息设置所述第一渲染单元的动画效果;
根据所述第一动态变化参数信息设置所述第一渲染单元在待移出的位置移出的第一动画效果;
根据所述第二动态变化参数信息设置所述第二渲染单元在待移入的位置移入的第二动画效果。
5.根据权利要求1所述的方法,所述第一渲染单元的变化类型信息还包括样式类型信息,所述方法还包括:
根据所述样式类型信息确定所述第一渲染单元的样式变化参数;
根据所述样式变化参数设置所述第一渲染单元的动画效果。
6.根据权利要求1所述的方法,所述第一渲染单元的变化类型信息还包括内容类型信息,所述方法还包括:
根据所述内容类型信息确定所述第一渲染单元的内容变化参数;
根据所述内容变化参数设置所述第一渲染单元的动画效果。
7.一种动画效果设置装置,包括:
获取模块,用于获取第一渲染单元的动画效果设置指令,其中,所述动画效果设置指令中包括所述第一渲染单元的变化类型信息、所述第一渲染单元的尺寸信息和所述第一渲染单元的位置信息;
第一确定模块,用于在所述第一渲染单元的变化影响第二渲染单元在可视化界面中的展示效果的情况下,根据所述第一渲染单元的变化类型信息和所述第一渲染单元的位置信息,确定占位渲染单元的位置信息;
第二确定模块,用于根据所述第一渲染单元的尺寸信息确定所述占位渲染单元的动态变化参数信息;
第一设置模块,用于根据所述占位渲染单元的动态变化参数信息设置所述第一渲染单元的动画效果;
其中,所述第一渲染单元的变化类型包括位置变化类型信息;所述根据所述第一渲染单元的尺寸信息确定所述占位渲染单元的动态变化参数信息,包括:
根据所述第一渲染单元的待移出的位置信息确定第一占位渲染单元的位置信息;
根据所述第一渲染单元的待移入的位置信息确定第二占位渲染单元的位置信息;
根据所述第一渲染单元的尺寸信息确定待移出的第一占位渲染单元的第一动态变化趋势和所述第一占位渲染单元的第一动态变化范围;所述第一动态变化范围局限于待移出的渲染单元的尺寸;
根据所述第一动态变化趋势和所述第一动态变化范围确定所述第一占位渲染单元的第一动态变化参数信息;
根据所述第一渲染单元的尺寸信息确定待移入的第二占位渲染单元的第二动态变化趋势和所述第二占位渲染单元的第二动态变化范围;所述第二动态变化范围局限于待移入的渲染单元的尺寸;
根据所述第二动态变化范围和所述第二动态变化趋势确定所述第二占位渲染单元的第二动态变化参数信息。
8.一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器执行根据权利要求1~6中任一项所述的方法。
9.一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行根据权利要求1~6中任一项所述的方法。
CN202210111085.5A 2022-01-29 2022-01-29 动画效果的设置方法、装置、设备及介质 Active CN114510309B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210111085.5A CN114510309B (zh) 2022-01-29 2022-01-29 动画效果的设置方法、装置、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210111085.5A CN114510309B (zh) 2022-01-29 2022-01-29 动画效果的设置方法、装置、设备及介质

Publications (2)

Publication Number Publication Date
CN114510309A CN114510309A (zh) 2022-05-17
CN114510309B true CN114510309B (zh) 2023-08-22

Family

ID=81551377

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210111085.5A Active CN114510309B (zh) 2022-01-29 2022-01-29 动画效果的设置方法、装置、设备及介质

Country Status (1)

Country Link
CN (1) CN114510309B (zh)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2017177931A1 (zh) * 2016-04-13 2017-10-19 广州阿里巴巴文学信息技术有限公司 一种文本信息的显示方法、装置和移动设备
CN113744377A (zh) * 2020-05-27 2021-12-03 腾讯科技(深圳)有限公司 一种动画处理系统、方法、装置、设备及介质
CN113808231A (zh) * 2021-09-18 2021-12-17 北京百度网讯科技有限公司 信息处理方法及装置、图像渲染方法及装置、电子设备

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050046630A1 (en) * 2003-08-29 2005-03-03 Kurt Jacob Designable layout animations
US8130226B2 (en) * 2006-08-04 2012-03-06 Apple Inc. Framework for graphics animation and compositing operations
US7692658B2 (en) * 2006-11-17 2010-04-06 Microsoft Corporation Model for layout animations
US9262849B2 (en) * 2011-11-14 2016-02-16 Microsoft Technology Licensing, Llc Chart animation

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2017177931A1 (zh) * 2016-04-13 2017-10-19 广州阿里巴巴文学信息技术有限公司 一种文本信息的显示方法、装置和移动设备
CN113744377A (zh) * 2020-05-27 2021-12-03 腾讯科技(深圳)有限公司 一种动画处理系统、方法、装置、设备及介质
CN113808231A (zh) * 2021-09-18 2021-12-17 北京百度网讯科技有限公司 信息处理方法及装置、图像渲染方法及装置、电子设备

Also Published As

Publication number Publication date
CN114510309A (zh) 2022-05-17

Similar Documents

Publication Publication Date Title
US8384726B1 (en) Selective rendering of off-screen content
US20130326337A1 (en) Web application compositon and modification editor
CN111045653B (zh) 系统生成方法、装置、计算机可读介质及电子设备
CN113434241A (zh) 页面跳转方法及装置
CN111767100A (zh) 应用于浏览器的图像处理方法、装置、系统及介质
CN113505302A (zh) 支持动态获取埋点数据的方法、装置、系统及电子设备
CN115470432A (zh) 一种页面渲染方法、装置、电子设备及计算机可读介质
CN109635263B (zh) 基于web超宽表格的列宽固定展示方法、装置及电子设备
CN112965916B (zh) 页面测试方法、页面测试装置、电子设备及可读存储介质
US11438403B2 (en) Page presentation method and system, computer system, and computer readable medium
CN110069186B (zh) 显示应用的操作界面的方法和设备
US11750876B2 (en) Method and apparatus for determining object adding mode, electronic device and medium
CN114510309B (zh) 动画效果的设置方法、装置、设备及介质
CN111324835A (zh) 渲染用户界面组件的方法、装置、电子设备、及存储介质
CN113553123B (zh) 数据处理方法、装置、电子设备及存储介质
CN110888583B (zh) 页面显示方法、系统、装置和电子设备
CN113656041A (zh) 数据处理方法、装置、设备及存储介质
CN109190097B (zh) 用于输出信息的方法和装置
CN113448578A (zh) 页面数据处理方法、处理系统、电子设备和可读存储介质
CN114268558B (zh) 监控图的生成方法、装置、设备、介质
CN112380821B (zh) 图形显示方法、装置和电子设备
CN111563214B (zh) 参考线处理方法及装置
CN114417091A (zh) 数据筛选方法、装置、电子设备及存储介质
CN111104626B (zh) 信息存储方法和装置
CN114385170A (zh) 表单生成方法、装置、设备、介质和程序产品

Legal Events

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