Walkthroughs: Create a Custom Animated Button

As its name suggests, Windows Presentation Foundation (WPF) is great for making rich presentation experiences for customers. These walkthroughs show you how to customize the look and behavior of a button (including animations). This customization is done using a style and template so that you can apply this custom button easily to any buttons in your application. The following illustration shows the customized button that you will create.

The customized button that you will create

The vector graphics that make up the appearance of the button are created by using XAML. XAML is similar to HTML except it is more powerful and extensible. Extensible Application Markup Language (XAML) can be typed in manually using Visual Studio or Notepad, or you can use a visual design tool such as Blend for Visual Studio. Blend works by creating underlying XAML code, so both methods create the same graphics.

In This Section

Create a Button by Using Microsoft Expression Blend Demonstrates how to create buttons with custom behavior by using the designer features of Expression Blend.

Create a Button by Using XAML Demonstrates how to create buttons with custom behavior by using XAML and Visual Studio.

Styling and Templating Describes how styles and templates can be used to determine the appearance and behavior of controls.

Animation Overview Describes how objects can be animated by using the WPF animation and timing system.

Painting with Solid Colors and Gradients Overview Describes how to use brush objects to paint with solid colors, linear gradients, and radial gradients.

Bitmap Effects Overview Describes the bitmap effects supported by WPF and explains how to apply them.