Principle教程（二）：静态、拖拽、滚动、翻页（附源文件）

重点功能翻译—by lina178（站酷）

如何导入—GIF演示

选中3个色块编组后（编组快捷键和sketch里一样），选用检查器里的Page(翻页)功能进行编辑。

按住ALT键+鼠标拖动（边框左右两边可同步变长变短），编辑区域范围。

选中文字组，选用检查器里的Scroll(滚动)功能，然后对Clip Sublayers打钩，再进行编辑。

用事件触发器里的Tap来进行转场效果。

继续完善每个页面之间的转场效果。在GIF最后的预览效果里，当标签TWO页面进标签ONE页面时，会发现文字是从上到下显示，这个问题是因为两个Artboards里的btn组命名相同，接下来改一改。

对相同命名的组，重新命名。最后在预览里进行交互，发现显示正常了。

选中红色图标，同时选用检查器里的两个Drag(拖拽)功能，然后在预览窗口进行查看。到这一步整个交互也就完成了，想导出视频和GIF就点预览窗口右上角的播放图标，之后会出现touch cursor 触摸鼠标、arrow cursor 箭头光标、cursor hidden光标隐藏选项，选一个进行操作录制即可，录制完后再点击播放图标就会暂停保存，可以选择保存尺寸。想导出交互文件就点击最上方的FILE,选择Export for Mac即可。