Objects and Timeline panel (XAML)

In the Objects and Timeline panel, you can:

  • View the hierarchical structure of all of the objects on the artboard.

  • Select objects so that you can modify them on the artboard or set properties for them in the Properties panel.

  • Create and modify animation timelines.

  • Create and modify control and data templates.

The Objects and Timeline panel as it appears when you view a storyboard in recording mode

Object and Timeline panel in animation mode

B1_1

Objects view   Shows a hierarchical structure of a document. You can use the hierarchical view to drill down to varying levels of detail. Objects in the hierarchy can be grouped, allowing them to be modified, locked and unlocked, or hidden or shown as a group. The width of the objects view can be adjusted by dragging the split bar to the right of the lock column to the desired width.

B1_2

Record mode indicator   Indicates when you are recording property changes in a timeline.

Tip Tip

When in record mode, the record mode indicator will also appear in the record bar above the artboard. You can use either indicator to turn record mode on or off.

B1_3

Storyboard picker   Shows a list of all the storyboards available for the selected element or children of that element.

B1_4

Close Storyboard   Closes the current storyboard.

B1_5

Storyboard drop-down menu   Provides options for creating, duplicating, reversing, deleting, renaming, or closing a storyboard.

B1_6

Playback controls   Provides controls that you can use to navigate through the timeline. You can also drag the playhead to navigate through (or scrub) the timeline.

B1_7

Return scope to   Scopes the objects view back to the previous root object or previous scope. Scoping up is applicable only when you are modifying a style or template.

B1_8

Record a keyframe   Records a snapshot of the properties of the selected object at the current point in time.

B1_9

Snapping options   Provides options for setting timeline snapping, snap resolution, and turning off timeline snapping.

When timeline snapping is enabled, the next and previous frame buttons respect the snap resolution set in the Snapping Options dialog box. The snap resolution also determines where on the timeline a keyframe can be set.

97fa60b9-0caf-4387-9225-b57510d32209

Show/Hide, Lock/Unlock   Provides visibility and locking options for the objects view.

B1_11

Playhead position on the timeline   Shows the current time in milliseconds (hh:mm:xxx). You can also enter a time value directly in this field to jump to a particular point in time. The precision depends on the snap resolution set in the Snapping Options.

B1_12

Playhead   Indicates the current point in time for the selected animation. You can drag the playhead across the timeline to preview the animation. This technique is called scrubbing.

B1_13

Keyframes set on timelines   Specifies a change in a property value at a specific point in time. Keyframes have different levels. The keyframes set for the Angle element are simple keyframes; the keyframes set for the RenderTransform element are compound keyframes; and the keyframes set for the DetailsPane object are object-level keyframes.

d839d12c-07a1-4127-a830-4a8e7069f4fe

Change order of objects   Sets the display order of objects. Use to arrange objects in the structure view by Z order (front-to-back) or by markup order (the order in which they appear in XAML view).

B1_15

Timeline zoom   Sets the zoom resolution of the timeline. Zooming in lets you edit an animation with more detail, and zooming out shows an overview of what is happening over longer periods of time. If you zoom in but can't set a keyframe at the position in time that you want, verify that the snap resolution is set high enough.

Callout 16

Timeline composition area   Shows the timeline, and lets you move keyframes around by dragging them or using their shortcut menus.

Show:
© 2014 Microsoft