AAA教育

首先上个我做的demo，看看这个功能有多强大。这本文中也会教大家如何去制作一个简单的demo，通过demo可以很快的了解到本文所要学习的内容。此demo源文件在文章末尾。第一步：我们新建一个矩形，设置成水平Drag属性，同时打开顶部的Drivers；

此demo源文件在文章末尾

Drivers含义：

看我做份封面图，做过动画的都知道，这是几个“关键帧”的图像，也是Principle的Drivers图标，作者的意图是这个功能是一个设置关键帧的功能。

我这里理解成“驱动器”，当一个物件（组）是Drag、Scroll、Page时，此物件（组）的位移可以驱动物件的属性改变，可以改变自身属性，也可以改变其他物件属性。属性改变的程度和范围，就是由“关键帧”决定的。

我们来做一个简单的demo来看一下

第一步：我们新建一个矩形，设置成水平Drag属性，同时打开顶部的Drivers；

如图：

画板大小：400*300

第二步：选中我们建立的矩形 ，点击Drivers窗口中那个蓝色“ ”号，弹窗中选“Height”：

（选择“Height”的意思是：图中矩形“Layer”水平位置可以决定“Layer”（他自己）的“Height”属性的值）

第三步：将坐标轴从200的位置拖到0的位置，并点击“增加关键帧”的那个“ ”号；

（拖动坐标轴时，矩形会随之移动的）

第四步：将矩形“Layer”的高度“Height”值设置为200，并垂直居中；

动画效果如下：

这样我们就做到了前面所说的定义：“当一个物件（组）是Drag、Scroll、Page时，此物件（组）的位移可以驱动物件的属性改变，可以改变自身属性，也可以改变其他物件属性。”

相关文章--《AI产品经理体系系统总结》