Share via


Interaction panel

The Interaction panel in Microsoft Expression Blend 2 helps you do the following tasks:

The Interaction panel as it appears when you view the Animation workspace (F6) of a WPF project in Expression Blend 2—a timeline named FlyIn is selected

Cc295113.c42f7b48-05c4-4aef-84dc-1d5680dcc935(en-us,Expression.10).png

Triggers

Note

The Triggers panel is not available in Microsoft Silverlight 1.0 or Silverlight 2projects. In Silverlight 1.0 projects, triggers are programmed using event handlers in code-behind files. For an example, see the Create a Silverlight 1.0 site that has interactivity quick start. In Silverlight 2 projects, a similar feature called States is available. For more information, see Modify the appearance of a system control in different states.

Cc295113.25182a96-9a69-478a-9cfe-5b360e6a9bea(en-us,Expression.10).png

List of triggers pertaining to the selected scope of the application (in this case, the main document scope). The Window.Loaded trigger is selected to view the related actions below.

Cc295113.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(en-us,Expression.10).png

List of actions that are related to the selected trigger. The Window.Loaded trigger has only one action.

Cc295113.f0c1ff71-7814-42ba-806b-7ea92d616e69(en-us,Expression.10).png

Values of the action for the selected trigger.

Objects and Timeline

Cc295113.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(en-us,Expression.10).png

Objects view   Shows the visual tree of a document. The hierarchical nature of the objects view lets you drill down to varying levels of detail. Layers can be added to the objects view to further organize the objects on the artboard, allowing them to be locked and hidden as a group. The width of the objects view can be adjusted by dragging the splitter to the left of the lock column to the desired width.

Cc295113.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(en-us,Expression.10).png

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

Cc295113.b36987f6-e914-4b58-99f2-a76c47128837(en-us,Expression.10).png

Storyboard picker   See a list of storyboards you have created.

Cc295113.41999197-e26c-42b9-8039-58ce07f5b5ba(en-us,Expression.10).png

Storyboard options   When a storyboard is selected, you can use this pop-up menu to duplicate, reverse, delete, rename, or close the storyboard. You can also create a new storyboard.

Cc295113.db8728cc-fbcc-4372-8f0b-f7145ad3767c(en-us,Expression.10).png

Playback controls   These controls let you control storyboard playback and navigate through the timeline. You can also drag the playhead to navigate through (or scrub) the timeline.

Cc295113.487d0a66-ce14-40c1-84c1-ee1d359def4c(en-us,Expression.10).png

Scope up   Scopes the objects view back to the previous root element or previous scope. Scoping up is applicable only to objects with parent elements, such as when you change the style or template of a control.

Cc295113.alert_note(en-us,Expression.10).gifNote:
Styles and templates are not available when you work with a Microsoft Silverlight 1.0 project.
Cc295113.fe3cc512-0e9e-4664-b193-e7d140fdc313(en-us,Expression.10).png

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

Cc295113.ae680f92-111f-4640-9a5d-831fbe5acc05(en-us,Expression.10).png

Show/hide, Lock/unlock   Visibility and locking for the objects view.

Cc295113.59e86f57-31a3-49ff-b6bb-4d760c45c7b7(en-us,Expression.10).png

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.

Cc295113.4698a696-a33a-468e-b464-94d5ca9e1ce7(en-us,Expression.10).png

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

Cc295113.9b2585e9-4e66-4690-864e-d8e495776af4(en-us,Expression.10).png

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

Cc295113.03b78946-b076-4f87-9c62-59a2332f043d(en-us,Expression.10).png

Keyframes set on timelines   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 Details object are object-level keyframes. For more information about keyframes, see "Keyframes" under Animation overview.

Cc295113.364455ca-f5a5-4e3d-aa44-29629e21702e(en-us,Expression.10).png

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

Cc295113.29a9f99c-5175-4f36-82b1-e81239e44b76(en-us,Expression.10).png

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

Cc295113.a7612d73-aadd-4ec8-8e03-dc15ef59a3e1(en-us,Expression.10).png

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