简介

ProtoPie由ProtoPie Studio和ProtoPie Player两部分组成。ProtoPie Studio是安装在Windows和Mac OS X电脑上使用的离线编辑软件。在安卓系统或苹果系统的手机上下载ProtoPie Player后就可以接收在电脑上制作的原型,以便在手机上测试交互效果。

ProtoPie Player for iOS and Android smart devices.

连接ProtoPie Player

用 ProtoPie Studio制作好的原型可以在安装ProtoPie Player的手机上演示。ProtoPie Player是一款和实际App一样的 Native app,因此展现的交互效果会和真实的App一样自然流畅。为了保证能在各种情境下演示原型,ProtoPie Player提供了4种与ProtoPie Studio连接的方法。

扫描二维码

  1. 准备好已设置ProtoPie Studio的电脑和ProtoPie Player的手机。

  2. 将电脑和手机连接在同一无线网络下。

  3. 在ProtoPie Studio的工具栏找到设备按钮,点击后会弹出如下图一样带有二维码的窗口。

  4. 在ProtoPie Player上点击‘扫描’按钮,二维码扫描自动开启,扫描窗口上的二维码。

  5. 点击ProtoPie Studio工具栏上的‘运行’ Play 按钮,或者单击ProtoPie Player上的 Run 按钮可以将原型传送至ProtoPie Player。

  6. 在ProtoPie Studio上修改完原型后,再次点击‘运行’按钮就可以将最新的原型发送到手机上。

输入IP地址

  1. 准备好已设置ProtoPie Studio的电脑和ProtoPie Player的手机。

  2. 将电脑和手机连接在同一无线网络下。

  3. 在ProtoPie Studio的工具栏找到设备按钮,点击后会弹出如下图一样带有二维码以及网络IP地址的窗口。

  4. 点击ProtoPie Player上的‘输入’ 按钮,弹出可以输入IP地址的界面。

  5. ProtoPie Studio的设备控制窗上接收该设备的连接邀请。这样ProtoPie Player和ProtoPie Studio就连接成功了。

  6. 点击ProtoPie Studio工具栏上的‘运行’  Play 按钮,或者单击ProtoPie Player上的 Run 按钮可以将原型传送至ProtoPie Player。

  7. 在ProtoPie Studio上修改完原型后,再次点击‘运行’按钮就可以将最新的原型发送到手机上。

** 连接过的IP地址会显示在ProtoPie Player的首页以及IP输入界面。直接点击IP地址可以快速连接ProtoPie Studio。

** 即使仍连接在同一网络,IP地址也可能改变。输入IP地址前请确认当前IP为最新的IP地址。

使用USB数据线

  1. 准备好已设置ProtoPie Studio的电脑和ProtoPie Player的手机。

  2. 使用USB数据线连接电脑和手机。 **安卓手机需要先激活USB调试 **iPhone和Windows连接时,需要先在电脑安装iTunes。

  3. 在ProtoPie Player上点击‘USB’按钮。

  4. 使用USB 连接线连接时无需在设备窗上接收邀请,手机和电脑将自动连接。

  5. 点击ProtoPie Studio工具栏上的‘运行’ Play 按钮,或者单击ProtoPie Player上的 Run 按钮可以将原型传送至ProtoPie Player。

  6. 在ProtoPie Studio上修改完原型后,再次点击‘运行’按钮就可以将最新的原型发送到手机上。

安卓USB调试

USB调试的具体内容请参考下图

  1. Navigate to the Settings page and enter the 'About Phone page.
    Navigate to the Settings page and enter the 'About Phone page.
  2. Tap ‘Build Number’ 7 times, and ‘Developer Options’ will appear.
    Tap ‘Build Number’ 7 times, and ‘Developer Options’ will appear.
  3. Access the ‘Developer options’ menu.
    Access the ‘Developer options’ menu.
  4. Enable USB debugging option.
    Enable USB debugging option.
  5. Allow USB debugging by tapping 'OK'.
    Allow USB debugging by tapping 'OK'.

ProtoPie Player更多功能

双指连续点击手机屏幕两次可以看到原型演示操作窗,里面有多种选项。

结束

结束原型演示,并回到首页

重新演示

重新演示正在演示的原型

储存至手机

储存从ProtoPie Studio发送到手机上的原型文件

调节演示速度

调整原型的演示速度

** 在ProtoPie Player调整演示的速度不会影响原型本来的速度值。

选择初始场景

当原型中有多个场景时,你可以选择你所期望的一个场景作为ProtoPie Player演示该原型时的初始画面。