快照元件

快照元件可以理解为在你的原型中的页面上显示其他原型（页面和组件）的屏幕截图。每当引用的页面或组件被更新时，快照元件中的图像就会自动更新以适应。

你可以显示整个原型或只是其中的一部分。你也可以在吸附快照图像之前对原型进行交互，比如隐藏或显示一个元件或改变一个动态面板的状态。

快照元件在 Default 元件库的 Markup 部分中。

提示

快照元件对于绘制用户流程图来说非常方便。

参考页和组件

要为快照元件选择一个参考页或组件，请在 Style 面板的 Snapshot 部分点击 Add Reference Page 。在出现的 Reference Page 对话框中，选择 Page 或 Component 的按钮，然后从下面的列表中选择一个目标。

你也可以点击对话框顶部的 Clear Reference ，让快照保持空白。

缩放和偏移

缩放到适合

快照会使用缩放到适合模式来展示截图，它将引用的页面或组件的图像缩放到适合快照元件大小的范围内。

你可以在 Style 面板的 Snapshot 部分中关闭这个选项。取消对 Scale to Fit 的勾选后，你就可以调整捕获的图像的偏移和缩放。

缩放

要缩放快照元件中的图像，请使用 Style 面板的 Snapshot 部分中的 Scale 字段。你也可以双击快照，然后使用鼠标的滚轮来放大或缩小。如果你的鼠标没有滚轮，你可以在滚动时按住 CTRL 或 CMD。

偏移

快照的 X 和 Y 偏移值可以让你移动快照中显示的参考页面或组件的位置。你可以在 Style 面板的 Snapshot 部分中设置这些值，或者通过双击快照，然后在元件中拖动图像。

应用动作

在一个快照元件中应用一个动作会在快照的缩略图中触发该动作。(它不影响被引用的页面或组件）。

要应用一个动作，在画布上选择一个快照元件，然后在 Style 面板的 Snapshot 部分点击 Applied Actions 。在出现的对话框中，您可以在引用的页面或组件中构建以小部件为目标的交互。

提示

如果你想触发你已经在引用的页面或组件中设置的交互，请使用 Fire Event 动作。例如，如果你已经配置了一个按钮，当点击时显示一条信息，你可以启动按钮的 Click or Tap 事件，在快照的缩略图中显示该信息。