简介

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

ProtoPie Player-iPhone版 / Android版
Available on the App Store GET IT ON Google Play

连接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工具栏上的‘运行’ 按钮,或者单击ProtoPie Player上的‘运行’ 按钮可以将原型传送至ProtoPie Player。
  6. 点击ProtoPie Studio工具栏上的‘运行’ 按钮,或者单击ProtoPie Player上的 运行 按钮可以将原型传送至ProtoPie Player。
  7. 在ProtoPie Studio上修改完原型后,再次点击‘运行’按钮就可以将最新的原型发送到手机上。

** 网络或IP地址发生改变时,需要重新扫描二维码。

输入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工具栏上的‘运行’ 按钮,或者单击ProtoPie Player上的 运行 按钮可以将原型传送至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工具栏上的‘运行’ 按钮,或者单击ProtoPie Player上的 运行 按钮可以将原型传送至ProtoPie Player。
  6. 在ProtoPie Studio上修改完原型后,再次点击‘运行’按钮就可以将最新的原型发送到手机上。

安卓USB调试

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

  1. Android USB Debugging01

    进入‘设置’界面后进入‘关于手机’

  2. Android USB Debugging02

    单击‘版本号’7次后将出现‘开发者选项’

  3. Android USB Debugging03

    进入‘开发者选项

  4. Android USB Debugging04

    找到‘USB调试’’

  5. Android USB Debugging05

    开启‘USB调试’’

ProtoPie Player更多功能

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

结束
结束原型演示,并回到首页
重新演示
重新演示正在演示的原型
储存至手机
储存从ProtoPie Studio发送到手机上的原型文件
调节演示速度
调整原型的演示速度

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

随身携带原型文件

即使没有ProtoPie Studio也可以使用 ProtoPie Player演示原型。首先在ProtoPie Studio上保存原型。将保存好的PIE文件通过邮件或通讯软件等多种方式分享。

iOS手机

  1. 在邮件或通讯软件上面打开PIE文件时,会出现下面的画面。点击分享按钮,选择‘拷贝至ProtoPie’。
  2. ProtoPie Player 会自动开启并打开原型。
  3. 再次打开ProtoPie Player时,点击离线文件 可以在目录中看到已下载到手机并开启过一次的离线PIE文件。

安卓手机

  1. 通过邮件或通讯软件下载PIE文件并保存到手机。
  2. 打开ProtoPie Player点击离线文件。
  3. 点击搜索文件按钮可以找到下载好的PIE文件目录。
  4. 点击要查看的PIE 文件,文件内容会自动展示在ProtoPie Player。
  5. 再次打开ProtoPie Player时,点击‘离线文件’可以在目录中看到已下载到手机并开启过一次的离线PIE文件。
TOP