帮助文档

动画设置教程(编辑器2.0 )

最酷网运营发表于2015-10-28

<p> <span style="font-size:18px;color:#FF0000;background-color:#FFFF00;">1.熟悉操作界面</span> </p> <p> <span style="font-size:14px;">单个控件,有“控件出现”、“动作”、“控件消失”三种</span><span style="font-size:14px;">动画</span><span style="font-size:14px;">效果,默认执行顺序依次是“ 出现→动作→消失”</span> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/10/43036_a4c80c2ef755ee7d776e578e17ba749d.png" alt="" /> </p> <p> <br /> </p> <p> <span style="font-size:18px;color:#FF0000;background-color:#FFFF00;">2.单个控件的动画</span><span style="font-size:18px;color:#FF0000;background-color:#FFFF00;">设置</span> </p> <p> <span style="font-size:14px;"><strong><span style="color:#ff0000;">控件出现</span></strong>:控件出现的动画效果,从无到有的展现过程</span> </p> <p> <span style="font-size:14px;">点击“更换”,可选择合适的效果;点击“预览”,预览当前动画效果;</span> </p> <p> <span style="font-size:14px;">可设置动画的开始时间、持续时间、执行次数、动画方向等;</span> </p> <p> <span style="font-size:14px;">执行次数填写-1,表示无限次重复执行;</span><span></span> </p> <p> <span style="font-size:14px;">点击x,可删除当前动画;</span> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/10/43036_9ac3a91d81c12a35cb9164ec6d20d800.png" alt="" width="320" height="275" title="" align="" /> <img src="http://file2.zuiku.com/2015/10/28/11/43036_1e0ba6c6c9e125b4dd16ad360055af81.png" alt="" width="280" height="294" title="" align="" /> </p> <p> <br /> </p> <p> <span style="font-size:14px;"><span style="color:#ff0000;"><strong>动作</strong></span>:控件出现后的动画效果,比如位移、跳动、闪烁等</span> </p> <p> <span style="font-size:14px;">点击+,可设置动画的具体效果,比如开始/持续时间、执行次数、位移范围、缩放大小等(选择不同效果,需要设置的内容不同);</span> </p> <p> <span style="font-size:14px;">点击x,可删除当前动画;点底部 新增动作,可增加动作动画;</span> </p> <p> <span style="font-size:14px;"><strong>一个控件可以设置多个动作动画,默认按添加的顺序依次执行。</strong></span><strong></strong> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/11/43036_258a2fe754b201cfa2cb307ecaa1c476.png" alt="" width="250" height="396" title="" align="" /> <img src="http://file2.zuiku.com/2015/10/28/11/43036_9f8ba18bd3b424b0f90f70e0a85c5327.png" alt="" width="250" height="317" title="" align="" /> <img src="http://file2.zuiku.com/2015/10/28/11/43036_37ec032c5d04ff5d79cae3d2c6e9c41f.png" alt="" width="250" height="271" title="" align="" /> </p> <p> <br /> </p> <p> <span style="font-size:14px;"><span style="color:#ff0000;"><strong>控件消失</strong></span>:控件消失的效果,从有到无的过程</span>(<span style="font-size:14px;line-height:1.5;">具体操作与控件出现相同)</span> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/11/43036_69bf6a1f28785b1242c4767cf54a3601.png" alt="" width="350" height="309" title="" align="" /> </p> <p> <br /> </p> <p> <span style="font-size:18px;color:#FF0000;background-color:#FFFF00;">3.动画顺序设置(重点)</span> </p> <p> <span style="font-size:14px;">控件动画顺序:此处可设置动画的执行顺序,如不设置则按增加动画的顺序默认执行</span> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/11/43036_ad67051c88f9c1c77e528d347972ea90.png" alt="" width="500" height="396" title="" align="" /> </p> <p> <span style="font-size:14px;"><br /> </span> </p> <p> <span style="font-size:14px;color:#FF0000;"><strong>调整动画顺序:</strong></span> </p> <p> <span style="font-size:14px;">点击选中需要设置的动画→</span><span style="font-size:14px;">直接拖动可调整动画顺序,底部可选择动画</span><span style="font-size:14px;">出现方式,设置延时</span> </p> <p> <span style="font-size:14px;line-height:21px;">对各个需要设置的动画,重复以上操作即可。</span> </p> <p> <span style="font-size:14px;"><br /> </span> </p> <p> <span style="font-size:14px;">出现方式有三个选项:</span> </p> <p> <span style="font-size:14px;">进入场景后按顺序开始执行;</span> </p> <p> <span style="font-size:14px;">在上一个动画结束后开始执行;</span> </p> <p> <span style="font-size:14px;">与上一个动画同时执行。</span> </p> <p> <span style="font-size:14px;"><br /> </span> </p> <p> <span style="font-size:14px;">延时:在已设置顺序的基础上,开始执行动画的时间</span> </p> <p> <span style="font-size:14px;"><br /> </span> </p> <p> <span style="font-size:14px;">(如:出现方式为”上一个动画结束后出现“,<span style="font-size:14px;line-height:21px;">延时设置为4.8秒,</span>就是上一个动画结束了,4.8秒后才会执行这个动作。)</span><span style="line-height:1.5;font-size:14px;"></span> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/11/43036_2aa51a2cf9586e1089cefdbde36925df.png" alt="" /> </p> <p> <br /> </p> <p> <span style="font-size:14px;">设置不同的顺序后:</span> </p> <p> <img src="http://file2.zuiku.com/2015/10/28/14/43036_82fc6a2c683f5a3b6bc156cb6b0f8a90.png" alt="" width="280" height="359" title="" align="" /> <img src="http://file2.zuiku.com/2015/10/28/14/43036_4df15b5191afec7f0e93a15f707ddc3f.png" alt="" width="280" height="352" title="" align="" /> </p> <p> <br /> </p> <p> <span style="font-size:14px;color:#FF0000;">控件动画顺序设置功能非常灵活、强大,大家可以按照自己的需求进行设置。</span> </p> <p> <br /> </p> <p> <span style="color:#FF0000;font-size:14px;background-color:#FFFF00;">温馨提示:</span> </p> <p> <span style="font-size:14px;">每页都可以设置多个动画,但是动画数量不宜太多,建议最多不超过15个为宜。</span> </p> <p> <span style="font-size:14px;">动画太多,一是增加编辑的工作量,二是展现起来效果过于繁多,反而削减了场景内容对用户的吸引,请大家注意把握。</span> </p> <p> <br /> </p> <p> <br /> </p>
用户评论
  • 还没有评论。
现在就添加一条评论

欢迎访问最酷网用户交流。

用户登录

还没有账号?免费注册