使用动画代替某些元素的风格是明智的吗?

时间:2017-07-05 15:11:20

标签: angular logic angular-animations

只是好奇,它看起来并不聪明,但与此同时,如果呢?这是不好的做法还是不必要的做法?

例如,获取div元素并在分离的动画文件中描述其所有状态(包括悬停和焦点等)。在组件文件及其html写入逻辑时,实现每个状态?

1 个答案:

答案 0 :(得分:1)

您需要问自己的唯一问题是:“使用CSS可以轻松完成吗?”

如果答案是肯定的,那么一定要。角度绑定可以改变样式,并使用CSS动画,快速简便。如果不需要,则无需向Angular-Animation模块添加依赖项。

Angular-Animation模块提供了一种处理更复杂动画的方法,这些动画需要许多状态或特定事件,例如动画结束或开始时。您可以使用Angular-Animation模块创建强大的动态动画排队系统,方法是将数组中的不同状态排队,并在动画结束后移动到下一个状态。

一个简单的例子就是屏幕中间的一个方框,屏幕底部有4个箭头按钮,用于控制方框位置。每次单击按钮时,它都会按照按钮指定的方向移动框1秒钟。这里的问题是你希望在方框开始向所选的下一个方向移动之前完成移动。

为此,您需要做的就是每次按下按钮时将数据框的新状态(左,右,上,下)推入数组,并使用Angular-Animation模块更改框的状态当满足这两个条件时,到数组中的第一个状态:A)数组中有一个状态。 B)当前动画已经结束。

Angular-Animations模块允许您在动画结束或开始时进行动态更改,允许您在开始时将状态切出数组并在结尾处应用新状态。