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 Extensible Application Markup Language (XAML). XAML is similar to HTML except it is more powerful and extensible. Extensible Application Markup Language (XAML) can be typed in manually using Microsoft Visual Studio or Notepad, or you can use a visual design tool such as Microsoft Expression Blend. Expression Blend works by creating underlying XAML code, so both methods create the same graphics.

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.