Chain 和 Range 的差异

讲者很用心提到这个地方，他用换页的时後底下点点跟着移动作为例子。

几周前我们有用 Chain 来做换页 Paging。
https://ithelp.ithome.com.tw/articles/10277128

因为Chain 是等比例的变化，所以你在换页的过程中，移动多少 % 下面的点点就会移动他的距离多少 % 。
（截个瞬间的图来示意。）

但如果是 Paging 的话，就像我们昨天用 Range 来控制换页後播放动画的行为。
https://ithelp.ithome.com.tw/articles/10280861

其实是会必须滑到当时设定的范围内，才会启动点的移动。

简单说 Chain 就是随时保持连动，而Range 是进入设定的范围内才会触动行为发生。

所以如果使用 Chain 滑动页面的过程很慢，就会看到底下的点点用同样的速度在移动着。

而如果用 Range 实作同样的Paging 造成点点移动，就会像我们页面到达范围内才会启动一样。
会等我们页面切过去，才会有动画让点点移动。

范例分享

讲者在影片里分享了范例，这次决定要好好找出来。
（其实 Google 一下关键字很快）

这个是用 Chain Trigger 的范例，在 dribble 上面。
https://dribbble.com/shots/15294651-Bank-App

当你上下卷动画面的时候，信用卡也会上下折叠。

这个是用 Range Trigger 的范例。
https://dribbble.com/shots/15299121--Paydong-Banking-Landing-Page

当你来到新的一页，就会触发很多元素进来，讲者也拿苹果网站作为例子。

dribble 上好多 ProtoPie 的实作啊！
光这两个人的就好有趣。
（感觉比较像是在接案的团队？）

更不用说 dribble 直接打 ProtoPie 就会看到这些...

https://dribbble.com/search/protopie

进入 Advanced Workshop 2

讲者说他之後要讲的 Variable 跟 Formula ，我们之前一些别的 tutorial 已经有稍微玩到。

明天就来长篇把 Advanced Workshop 2 写完好了。

然後来想一想最後一天要写什麽。