9
Yet another Sketch Mirror App for Android
source link: https://zhuanlan.zhihu.com/p/23328430
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Yet another Sketch Mirror App for Android
斯拉夫传承者，嘴炮学家
如果想要在 Android 手机上预览 Sketch 文件，目前有如下三种方式：
- 使用 Skala 插件；需要手动同步，一次只能预览一张图，不是很方便。
- 使用 Crystal ，一个模仿 Sketch Mirror 的第三方实现；交互体验上不是很流畅。
- 直接使用手机浏览器访问 Sketch 提供的本地预览链接…
代码开源，链接地址为 GitHub - zhihu/mirror: Yet another Sketch Mirror App for Android.
同时提供一个已经编译好的安装包，猛击此链接前往下载界面。
使用方式如图所示：
使用过程中需要注意的地方：
- 最好在 WIFI 良好的环境中使用；如果确实无法搜索或连接到 Sketch ，可以手动杀死 App 再打开一次。将来可能会提供 USB 连接的支持，增强连接稳定性。
- 如果你使用的是 Sketch 官方提供的 Material Design 模版，强烈建议使用屏幕分辨率为 1280×720 的手机进行预览；预览失严重时，建议制作与手机分辨率相同大小的设计稿。
- 目前不支持横屏/分屏模式；双击长图，会把图片放大到屏幕宽度大小；双指缩放大图。
- 当 Artboard 数量较多时，可能崩溃。
最后简单介绍一下连接 Sketch 的原理。其实非常简单，点击 Sketch 提供的本地预览链接，会打开系统浏览器，比如 Chrome ；打开 Chrome 的「检查」功能，切换到 Network 标签，刷新网页，找到刚才点击的链接，我们看到这是一个 WebSocket ：
当你在修改 Sketch 文件的时候，数据就会源源不断地通过这个 WebSocket 传输到连接的设备上。所以第三方软件只需要不断读这些数据，就可以实现实时预览的功能啦。所以你也可以写一个 Yet another Sketch Mirror App for Android.Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK