Snapshot Widgets

快照部件

Snapshot widgets are used to display screenshots of other diagrams (pages and masters) on pages in your prototype. Whenever the referenced page or master is updated, the image in the snapshot widget is automatically updated to match.

快照小部件用于在原型页面上显示其他图(页面和主图)的屏幕快照。无论何时更新引用的页面或主页面，快照小部件中的图像都会自动更新以匹配。

You can display the entire diagram or just a portion of it. You can also apply interactions to the diagram before the snapshot image is captured, such as hiding or showing a widget or changing the state of a dynamic panel.

您可以显示整个图表，也可以只显示其中的一部分。您还可以在捕获快照图像之前对关系图应用交互，例如隐藏或显示小部件或更改动态面板的状态。

Snapshot widgets are handy for diagramming user flows and for adding thumbnails to flow diagrams.

快照小部件对于绘制用户流图和将缩略图添加到流程图非常方便。

1、Reference Pages and Masters

引用页面和母板

To select a reference page or master for a snapshot widget, click Add Reference Page in the Snapshot section of the Style pane. In the Reference Page dialog that appears, select the button for either Page or Master and then choose a target from the list below.

要为快照小部件选择参考页面或主窗口，请单击 Style 窗格中的** snapshot 部分中的 添加参考页面 。在出现的 Reference Page 对话框中，选择 Page 或 Master**的按钮，然后从下面的列表中选择一个目标。

You can also click Clear Reference at the top of the dialog to leave the snapshot blank.

您还可以单击对话框顶部的 Clear Reference ，将快照留空。

2、Scale and Offset

缩放和偏移

2.1、Scale to Fit

自适应缩放

Snapshots start in "Scale to Fit" mode, which scales the image of the referenced page or master to fit inside the bounds of the snapshot widget.
快照以“Scale to Fit”模式开始，该模式将引用页面或主页面的图像缩放到snapshot小部件的范围内。

You can turn off this option in the Snapshot section of the Style pane. After unchecking the box for Scale to Fit , you will be able to adjust the offset and scale of the captured image.

您可以在 Style 窗格的 Snapshot 部分关闭此选项。取消勾选 Scale以适应 后，您将能够调整捕获图像的偏移量和比例。

2.2、Scale

缩放

To scale the image in a snapshot widget, use the Scale field in the Snapshot section of the Style pane. You can also double-click the snapshot and then use the scroll wheel on your mouse to zoom in or out. If your mouse doesn’t have a scroll wheel, you can hold CTRL or CMD while scrolling.

要缩放快照小部件中的图像，请使用 Style 窗格中的** snapshot 部分中的 scale 字段。您还可以双击快照，然后使用鼠标上的滚动轮放大或缩小。如果你的鼠标没有滚轮，你可以按住 CTRL 或 CMD**来滚动。

2.3、Offset

偏移

The snapshot's X and Y offset values let you shift the position of the referenced page or master shown in the snapshot. You can set these in the Snapshot section of the Style pane or by double-clicking the snapshot and then dragging the image within the widget.

快照的X和Y偏移值允许您移动快照中显示的引用页面或主页面的位置。您可以在 Style 窗格的 Snapshot 部分设置这些参数，或者双击快照，然后在小部件中拖动图像。

3、Applied Actions

应用行为

Applying an action in a snapshot widget triggers that action in the snapshot's thumbnail image. (It does not affect the referenced page or master.)

在快照小部件中应用操作将触发快照缩略图中的操作。(它不影响被引用的页面或主页面。)

To apply an action, select a snapshot widget on the canvas and click Applied Actions in the Snapshot section of the Style pane. In the dialog that appears, you can build interactions that target widgets in the referenced page or master.

要应用操作，在画布上选择一个快照小部件，然后在 Style 窗格的** snapshot 部分中单击 Applied Actions**。在出现的对话框中，您可以构建针对所引用页面或主页面中的小部件的交互。

Tip
提示

Use the Fire Event action if you want to trigger interactions you've already set up in the referenced page or master. For example, if you've configured a button to show a message when clicked, you can fire the button's Click or Tap event to show that message in the snapshot's thumbnail image.
如果希望触发已经在引用页面或主页面中设置的交互，请使用Fire事件操作。例如，如果您配置了一个按钮来显示单击时的消息，那么您可以触发按钮的单击或点击事件，以在快照的缩略图中显示该消息。