Protopie交互原型工具-详细零基础教程（一）—— 3要点说清容器层&左右滑动

Protopie是制作高保真、可交互、demo的原型工具，

可以通过USB，Wi-Fi，IP地址等方式将ProtoPie原型同步到手机和平板电脑上，

在工作中的设计测试、方案调研经常会用到，通常由交互设计师提供。

软件下载网址：https://www.protopie.io/download

官网教程：https://www.protopie.io/learn/docs/zh/basic-features

支持下载mac和windows客户端

类似于sketch/figma里的“编组”，

但在Protopie中，你可以将它理解为“画布”，创建容器层就是创建了一个交互区域。

Protopie对比其他的设计软件一个明显的特点，当你拖动容器层中的任意元素，容器层的外框形状和大小都不会变化。

在原本三个矩形的容器层里添加了一个圆形，容器层的大小没有发生变化。

step1:选中元素，右键建立容器层编组

step2:选中预览区域的容器层

step3:选中“滚动”

step4:选中方向

这个时候点击预览窗口，你会发现，后面的矩形还是无法滑动。

为什么呢？

因为目前我们容器层的交互区域=所有子元素的区域

想要实现滑动效果需要：

这个时候再打开预览窗口，就可以实现左右移动的效果了

后续会持续更新Protopie教程～