跳到主要内容

使用

按着以下方法使用iOS2Sketch​

  1. 首先确保App与Sketch都处在运行状态

  2. 确认iOS2Sketch iOS Framework与iOS2Sketch 插件处于连接状态

    如果App上出现一个深灰色的浮动按钮，说明两者已经处于连接状态。（如果你正在真机中运行该App，你需要用苹果数据线把Mac电脑与该设备连接起来）。

  3. 点击该浮动按钮，会立即捕捉App当前页面并在Sketch里显示出来。接下来您就可以在Sketch里查看与该页面相对应的Artboard，也可以进行修改。

捕捉导航信息功能（Beta)​

版本1.1.0加入了"捕捉导航信息"功能。要想使用该功能，需要点击插件菜单下的iOS2Sketch->Settings菜单项，然后在弹出的Settings窗口中把"Capture Navigation Info"勾选上。

"捕捉导航信息"功能如何工作​

在iOS App发生页面导航时，iOS2Sketch iOS Framework可以记录这些信息并发送到Sketch插件端。插件端根据这些信息，利用Sketch的原型功能，在Sketch Artboard上加入链接。这样在App页面之间导航信息就被映射为了Sketch Artboard之间的原型交互信息。

目前该功能支持如下几个标准的iOS导航行为：Push新页面，Pop页面；Present新页面，Dismiss页面；TabBar切换页面。

可以参考以下动图来帮助你了解该功能：

  • Push与Pop页面 push-and-pop

  • Present与Dismiss页面 present-and-dismiss

  • TabBar切换页面 tabBar-switch-page

具体使用方法​

  • 对于Push、Present新页面与TabBar切换页面

    首先捕捉一个页面（假设在Sketch里名为Artboard1)，然后在App上触发一次页面导航（比如点击某个按钮，Push了一个新页面），然后捕捉新页面（假设在Sketch里名为Artboard2），这时在Sketch中会生成一个原型链接，该链接从Artboard1中触发该导航行为的组件（比如某个按钮）指向Artboard2。

  • 对于Pop、Dismiss页面

    在App上Pop或Dismiss某一页面（该页面必须已被事先捕获到Sketch中，假设在Sketch里名为Artboard1)，这时在Sketch上会生成一个原型链接，该链接从Artboard1中触发该导航行为的组件指向前一个Artboard。

注意​

这个功能目前还处于Beta阶段，在某些App上有可能不起作用。