小程序设置动画效果

        小程序和html页面有点不同，主要是使用js来实现动画效果，因为小程序自身有提供一种改孝察方式：wx.createAnimation(OBJECT)，它创建一个动画实例 animation ，通过调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性，step()来停止动画，step() 表示一组动画完成。

我们主要用wx:createAnimation({})来设置一些参数，例如持续时间、延时、加载方式等，用export()来开启动画，在页面上调用animation=”{{动画名称}}”。具体步骤：

1）创建动画对象并设置有效参数==>wx:createAnimation({参核茄数：有效值})

2）创建一组动画，调用step()来表示一组动画的完成==>动画对象.动画效果.step()

3）在data中设置一个对象vip_animal(自己随意慎瞎命名)，用该对象开启动画==>this.setData({vip_animal: animation.export()})

4）在页面上调用动画对象==>animation="{{vip_animal}}"

例子：淡入淡出动画效果（当淡入动画生效后1.5s，淡出动画开始生效）

在wxml上调用animation="{{vip_animal}}"来显示

如果需要设置循环效果。我们可以设置：（setAnimation为）

另一种方式：

在wxml上调用style="{{style_img}}"来显示

第一阶段：平面综合阶段。

征服4大平面软件。0基础起步，讲练结合，易学易懂，快速吃透Photoshop

、Illustrator、CorelDRAW、Indesign 4大平面软件。

第二阶段：网页课程知亏绝阶段。

玩转网页设计，轻松找工作。重点学习Flash、Dreamweaver、2大软件，学完拥有平

面+网页两大高薪技能。

第三阶段：电商设计及运营阶段。

掌握网页的制作规则，提高商业运营思维，利用运营思路策划淘宝首页，建立消费路

径，综合运用所学知识点提高空旅页面的效果与营销性

第四阶段：UI设计阶段。

1.Axure+UE 2.网页界面设计 3.移动端界面设计 第五阶段:岗前职业搭姿指导。

插件即桌面小部件，也叫桌面控件，就是指纯能直接显示在Android系统桌面上的小程序，目前手机自带的插件有天气、时钟、日历等。

手机桌面添加小插件的方式如下：

1、ColorOS 12及以上版本：可双指放在屏幕斜对角，向内捏合进入桌面编辑界面，需要在左上角点击＋号，选择需要的插件，点击添加即可。

2、ColorOS 3.0-11.3版本：可双指放在屏幕斜对角，向内捏合进入桌面编辑界面，选择“插件”，选择需要的插件，点击添加即可。

3、其他版本，可长按桌面空白处（或点击菜单键），点击插件，即可添加插件。

手机桌面小插件的删除方式如下：

长按困笑需要删除的插件后松开手，点击插件唯尺咐图标的“X删除”即可。

温馨提示：

ColorOS 3.0及以上版本手机取消自带天气插件，您也可以自己下载第三方插件程序，安装到手机存储，再添加插件即可。

本回答适用于OPPO全系机型。

---