Expression Blend Design, Part 3 of 3: Behaviors and VSM
Interactive

Expression Blend Design, Part 3 of 3: Behaviors and VSM

LearnNow Online
Updated Aug 23, 2018

Course description

Expression Blend has many options to create many effects in an application. You will see in this course how to use triggers to start animation effects. The behavior class is covered and how it is used for several different events and triggers. The Visual State Manager is covered on how it is used for control states to animations and templates using structure.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

This course assumes that students have some programming experience and a background in building user interfaces on the Microsoft platform.


Meet the expert

David Kelley

David Kelley is a Silverlight MVP with over 10 years of experience building Targeted Customer eXperiences. He is currently the Principal User eXperience Architect for [wire] stone specializing in touch experiences such as digital price tags and Silverlight-based kiosks for retail. David publishes a blog called Hacking Silverlight and helps to run the Seattle Silverlight User Group and Interact Seattle, Seattle's Designer Developer Interaction Group.

Video Runtime

104 Minutes

Time to complete

196 Minutes

Course Outline

Behaviors and Triggers

Behaviors and Triggers (14:46)

  • Introduction (00:36)
  • Behaviors and Triggers (00:42)
  • Understanding Triggers (02:47)
  • Behavior Basics (05:44)
  • Custom Behaviors (01:27)
  • Animations and Storyboards (03:10)
  • Summary (00:17)

Triggers and Behaviors (12:40)

  • Introduction (00:21)
  • Triggers and Behaviors (00:51)
  • Demo: Triggers and Behaviors (05:05)
  • Demo: Triggers and Storyboard (03:37)
  • Demo: Behavioral Triggers (02:35)
  • Summary (00:10)

Custom Behaviors (16:30)

  • Introduction (00:36)
  • Custom Behaviors (01:09)
  • Demo: Custom Behaviors (03:09)
  • Demo: Creating Behavior (03:49)
  • Demo: More Behavior Creation (03:55)
  • Demo: Wiring Event (03:39)
  • Summary (00:10)

Visual State Manager

Visual State Manager (09:14)

  • Introduction (00:26)
  • Visual State Manager (04:56)
  • Dealing with States and Triggers (03:41)
  • Summary (00:10)

Visual State Manager Demo (09:47)

  • Introduction (00:24)
  • Visual State Manager (01:11)
  • Demo: Visual State Manager (04:14)
  • Demo: Behavior (03:38)
  • Summary (00:18)

Visual State Manager Advanced (10:21)

  • Introduction (00:29)
  • Visual State Manager Advanced (01:07)
  • Demo: Advanced VSM (03:56)
  • Demo: Click Event (04:37)
  • Summary (00:10)

Put It Together (30:45)

  • Introduction (00:29)
  • Putting it all Together (00:46)
  • Coordinate Systems (04:26)
  • Vectors (04:25)
  • Understanding 2 and 3D (01:41)
  • Contacts and Object Interaction (01:29)
  • Particle Systems (01:09)
  • Coordinates, Vectors, Transforms (01:07)
  • Demo: Layout Systems (05:04)
  • Demo: Paths (04:51)
  • Demo: More Paths (04:57)
  • Summary (00:16)