Understanding Visual States in Silverlight


User interfaces change state. An email client might have online/offline views and might display emails in full/collapsed views. At a more granular level, a CheckBox control might have states like checked, unchecked, enabled, disabled and so on. This screencast looks at how the Silverlight UI model handles state changes.

The notion of controls transitioning between states is at the heart of the Silverlight UI model. In this video we'll show how we can build a "popout panel" in Expression Blend by defining visual states for our user interface, the animation transitions between them and the interactive behavior that causes those transitions to take place. All of this is done via drag-and-drop in the design tool.

View Screencast

Don't like ads? Download the screencast (HD 720), or subscribe to Activetuts+ screencasts via iTunes!

Useful Links

Mike Taulty Microsoft (UK):

Related Posts
  • Code
    A Guide to Providing Quality Customer SupportQuality customer support
    If you’ve ever released free or premium WordPress Themes or Plugins, you know that launching your new product is not the end of the process. In fact, it’s just the start, and raises a lot of questions: How do you provide support? How do you support customers after they’ve used your product? How do you manage email, social media and forum support easily? Should you support your free products, or just your premium ones? Read More…
  • Computer Skills
    Getting Started with Microsoft Office for iPadOffice ipad icons
    Microsoft has finally released full-featured Office apps for the iPad. Here's a quick look at what each app offers, and how you can start using Office on your iPad.Read More…
  • Code
    Validation and Exception Handling: From the UI to the BackendProcedural to oop php retina preview
    Sooner or later in your programming career you will be faced with the dilemma of validation and exception handling. This was the case with me and my team also. A couple or so years ago we reached a point when we had to take architectural actions to accommodate all the exceptional cases our quite large software project needed to handle. Below is a list of practices we came to value and apply when it comes to validation and exception handling.Read More…
  • Code
    Android 4.4 KitKat: What's NewAe2b1 preview image@2x
    Google released its latest version of Android on October 31, 2013. The new release, version 4.4, is nicknamed KitKat. The release came as a surprise to many as Key Lime Pie and 5.0 had been linked to this update for quite some time. KitKat, however, doesn't disappoint as it's packed with features and updates. In this article, I'll give you an overview overview of what's new in KitKat.Read More…
  • Code
    Maintainable Automated UI TestsUi test retina preview
    A few years ago I was very skeptical about automated UI testing and this skepticism was born out of a few failed attempts. I would write some automated UI tests for desktop or web applications and a few weeks later I would rip them out of the codebase because the cost of maintaining them was too high. So I thought that UI testing was hard and that, while it provided a lot of benefit, it was best to keep it to a minimum and only test the most complex workflows in a system through UI testing and leave the rest to unit tests. I remember telling my team about Mike Cohn's testing pyramid, and that in a typical system over 70% of the tests should be unit tests, around 5% UI tests and the rest integration tests.Read More…
  • Code
    iOS SDK
    iOS Succinctly - Hello, iOS!Ios succinctly preview1
    In this article, we’ll introduce the three main design patterns underlying all iOS app development: model-view-controller, delegate objects, and target-action. Read More…