美文网首页Android_NEW
1.2 Animation 动画 - Classic Anima

1.2 Animation 动画 - Classic Anima

作者: 刘板栗 | 来源:发表于2017-01-25 11:28 被阅读0次

    Animate a number (ex: position, opacity, scale) using a standard animation curve whenever the number is changed.
    See Animation Basics for more information.

    值改变时,用标准动画曲线对值进行动画处理(例如:位置,不透明度,比例)。
    更多信息,请查看动画基础
    (板栗:就是给状态A到状态B之间的切换添加缓动动画,一般用来模拟物体运动的阻力摩擦力这种物理运动规律)

    输入口

    Number 值
    The number to animate to.
    动画的值。(板栗:连接到这个接口表示同时使用下面的借口属性,相当于“全选”下面属性。)

    Duration 持续时间
    The length of the animation, in seconds.
    动画的时间要多长(单位秒)。

    Curve 曲线类型
    The easing curve to animate with. The options are:

    1. Linear
    2. Quadratic In, Out, In & Out
    3. Cubic In, Out, In & Out
    4. Exponential In, Out, In & Out
    5. Sinusoidal In, Out, In & Out

    缓动曲线。以下为选项:(板栗:点击Curve接口选择)

    1. Linear 线性,匀速
    2. Quadratic In 二次方缓慢进入,先慢后快
    3. Quadratic In Out 二次方缓慢退出,先快后慢
    4. Quadratic In In & Out 二次方缓进缓出,慢 ➔ 快 ➔ 慢
    5. Cubic In 三次方缓慢进入,先慢后快
    6. Cubic Out 三次方缓慢进入,先快后慢
    7. Cubic In & Out 三次方缓慢进入,慢 ➔ 快 ➔ 慢
    8. Exponential In 指数缓慢进入,先慢后快
    9. Exponential Out 指数缓慢进入,先快后慢
    10. Exponential In & Out 指数缓慢进入,慢 ➔ 快 ➔ 慢
    11. Sinusoidal In 正弦缓慢进入,先慢后快
    12. Sinusoidal Out 正弦缓慢进入,先快后慢
    13. Sinusoidal In & Out 正弦缓慢进入,慢 ➔ 快 ➔ 慢

    (板栗:曲线长啥样不太清楚但是可以看一下几个曲线运动的示例)

    曲线 In :慢 ➔ 快 曲线 Out :快 ➔ 慢 曲线 In & Out :慢 ➔ 快 ➔ 慢

    输出口

    Progress 进度
    A number that is tweened with an easing curve as it moves toward the Number input.
    Typically a progress value. See Animation Basics for more information.
    输出动画信息,一般会接到Transition模块的入口。
    更多信息,请查看动画基础


    Related Patches 相关模块

    Pop Animation 弹性动画Repeating Motion 重复运动Transition 过渡


    Related Examples 案例

    Moments Onboarding
    The original Moments app full onboarding flow.

    案例的链接暂时还没有


    相关文章

      网友评论

        本文标题:1.2 Animation 动画 - Classic Anima

        本文链接:https://www.haomeiwen.com/subject/tfmobttx.html