适应不同的手机萤幕

我们意识到我们放大的 icon 其实还是有导角 （border radius）。

但放大的那个页面我们未必想要，这要怎麽改呢？

选择下一个 Response > Radius 。

这时时我意识到每一个 Response 右手边都有一个小问号，於是就点了一下。

立刻被带到 ProtoPie 的 docs ，如果对於任何一个 Response 不却定会有什麽效果，都被整理在这。

https://www.protopie.io/learn/docs/interactions/responses#radius

有够可爱，每个都还有小动画。

Radius 预设的 Radius to 设定为 0 之後，想确定是不是真的变成直角，可以把 Scale 关掉，就会发现真的是直角了。

我们现在顺利的做出，点击 icon 後会放大、置中、不挡住其他icon且没有导角的 Response 。

回到 ProtoPie Studio 左侧，我们接着想要从 Home 这个画面转场到 Onboarding 这个画面。

我们就接着加上一个 Response 叫做 Jump 。

Jump 可以在右侧选择要到哪个页面，我们就选择 Onboarding 。

打开 Preview 发现，怎麽立刻就跳过去了，这时就可以来看看每个 Response 的时间轴。

看着图你就会发现，所有的行为都在0秒的时候就发生，然後有一些持续到 0.2 秒（Scale、Move、Radius）。

所以我们把 Start delay 移到 0.2 秒之後，就比较符合我们想要的顺畅度。

不过， Onboarding 页面就是纯粹的出现，ProtoPie 的 Jump 有提供其他转场选项。
(Fade, Pop, Slide in, Slide out, Flip)

这边我们就用看看 Fade ，Preview 之後就能看到点击 icon 後画面放大然後 fade 到 Onboarding 的画面。

其他不同的 transition 也可以玩玩看，此时讲者被问到为什麽不直接用转场就好。

为什麽前面要花时间做了那麽多 Response？

自己尝试把其他 Response 关掉之後，就话发现直接的转场就是从画面的中间直接跳出来。

因此如果直接用 Jump 里面的 Response 而没有坐前面的那些就会显得比较唐突。

（但如果想要快速做一个转场也不是不行，看你要给什麽对象看或要做多精致。）

接着左上角的 Scenes 点两下来到 Onboarding 这个页面。

如果把画面缩小就会看到三个不同的影片，我们明天接着要来尝试做出可以左右滑动的画面。

晚安。