预览模式

墨刀原型支持三种预览模式：页面外、长页面和真机模式，下面为你一一介绍三种模式的区别。

「页面外」模式

关于「页面外」模式

简单来说：在编辑区，放置在设备框（画板）外面的元素也可以在运行预览时显示出来。
这一模式将在某种程度上将「画板」无限延展，可以在这一区域内放置你想存放的想展示的任意内容，图片，文字，表格等统统都支持。

如何使用「页面外」模式

1、首先在编辑项目的时候，页面编辑区内正常制作（图中绿色区域）。在页面编辑区外，可以放置产品迭代记录表格、产品流程图等（图中红色区域）。

2、项目编辑完成后，可以通过右上角分享，可通过「复制链接和密码」及生成「二维码」两种方式分享。

点击右上角三点，即可进入分享设置页面。

在设置页面，可修改分享项目名称。

在基本界面，可设置访问权限，点击生成随机密码，设置分享链接有效期。

在可见界面，可设置分享项目的页面范围。

在更多界面，可设置分享「页面外内容」、「批注可见」、「允许评论」及预览模式。

若您需要分享「页面外」模式，请勾选「页面外内容」、「批注可见」。

3、设置好之后，将项目分享链接发给其他同事，在拿到链接后，就可以查看「页面外」的内容。

如何导出「页面外」模式的内容

如果在分享设置中，允许查看「页面外」的模式，那么导出html时，可以将画板外的页面外内容一起导出的；
如果导出PNG格式的文件，可以选择是否包含画布外元素，则可以把「页面外」内容一起导出。可以参考下载png。

「长页面」模式

在项目中，会遇到制作的页面高度超过「一屏」的情况。
同时还需要理解在墨刀中，如果页面长度超过「一屏」，那么在运行的时候是可以上下滚动实现全页面的预览，但是上下滚动不利于了解页面全局分布。
为了更方便预览整个页面，墨刀提供了「长页面」模式---即「无设备框、不能滚动、不显示画板外内容」的模式。
注：长页面模式不显示画板外内容，因此较底部的组件需要包含在页面长度内才能展示出来，也就是需要拖拽拉长画板长度。具体操作请查看设置页面高度。

「真机」模式

在墨刀中为（手机）原型项目准备了设备框，能够让项目在预览的时候更加贴近真实设备。
在项目演示时，选择「有设备框、能滚动、不显示画板外内容」就可以展示有手机框的项目。