Principle学习笔记

一个系列教程的学习笔记

YouTube原地址：https://www.youtube.com/watch?v=NsU-FEOs9os&index=1&list=PLWlUJU11tp4deQOnSFNn_ekpS9GA5_7yP

中文版：http://www.ui.cn/detail/233398.html

素材和源文件见附件

2.事件和链接

多画板间通过事件触发创建补间动画

要点：

1.Principle创建补间动画需要两个屏幕间对应的图层名相同

3.补间动画2

要点：

1.Principle在两个名称相同的图层间创建补间动画，通过调整变化前后图层的属性（位置，透明度等）让补间动画更流畅。

2.在animate面板可以调整缓动曲线。

4.简易导航栏

要点

通过三个不同状态的画板间的切换建立补间动画。

5.scroll动画

要点

给图层添加scroll属性，实现上下左右滑动的动画。

7.driver，创建联动动画（drag）

要点

在一个画布内，一个元素跟随另一个元素（scroll，drag，page）变化而变化的动画。

其中成为driver的元素必须有scroll，drag，page其中一个属性。子元素根据driver元素的位置变化发生位置，大小，透明度，角度，宽高，圆度，阴影的变化。

driver轴不是时间轴，而是位置轴。

9.driver，创建联动动画（page）

要点

通过水平方向上的page属性，可以实现卡片滑动，引导页之类的效果。

11.drag＋touch down／up 效果

要点：

用touch down／up事件创建补间动画

12.auto触发效果

要点：

在几个不同状态的画板间用auto事件创建补间动画。