交互开发文档页面
团队成员可以在交互开发文档页面查看已经录制好的交互录制片段(recipe)以及查阅过渡界面和动态过程开发时所需要的各种数值信息。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/cb51c23ac9c1915d96e2626dc15a14e0dbc88bee-2175x1200.png/Interaction-recording-page.png)
时间线
点击时间线上部左侧的播放按钮可以播放整个交互开发文档,播放按钮右侧的播放速率调节按钮用于调节动画的播放速度。如需更精确地控制播放过程,可以通过拖拽时间线上部的红色时间指针来指定播放区间以及手动调节播放速度。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/aec98303d6e669a8df46613a3fb5d013fee05c1b-2175x1200.png/Timeline.png)
交互属性
在时间线上选择某个反应动作后相应的交互数值以及图层信息会显示在右侧的交互属性面板中,如果此时左侧的图层面板是展开状态,则该反应动作所对应的图层会被高亮显示。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/31173ca3d910795d72d06e0a4da7f5eeb79abdd9-2175x1200.png/Interaction-recording-specs.png)
图层面板
展开左侧的图层面板可以查看图层构成。点击某一图层名称后原型中的相应图层会被高亮显示。
图层间距
选中画布上的某个图层,通过鼠标悬浮可以确认图层间的间隔。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/b8b63b26dc777ce92f2f4ff03e149daaa89ee67e-2175x1200.png/Interaction-recording-objects.png)
快捷键
使用下列快捷键可使时间线操作更为简易便捷。
Feature | macOS & Windows |
---|---|
Play or Pause | Spacebar |
Timeline Zoom In | + |
Timeline Zoom Out | - |
Timeline Panning | Spacebar + Drag |