WPF控件样式

使用Microsoft Expression Blend 2进行WPF应用程序开发很类似与Photoshop中进行图形图像编程。在Photoshop中进行图形图像编程时，可以针对某一个图形进行渲染，包括半透明、颜色和渐变等。在传统的Windows应用程序的开发中，如果需要让应用程序的背景或者某个按钮控件像动画一样呈现出渐变和半透明效果是非常困难的，在WPF中可以进行类似Photoshop的操作对WPF应用程序中的控件进行样式控制，如图19-6和图19-7所示。
 
图19-6  属性控制面板            图19-7  外观控制
图19-6和图19-7都是针对一个控件进行样式控制。使用Microsoft Expression Blend 2进行控件样式开发的过程中，每一个控件都包含一个属性面板，属性面板用于WPF应用程序中控件的样式的控制。在WPF中，窗体都是基于XAML文档进行编写和样式控制的，如果需要使用XAML文档进行样式开发和控制，不得不记住很多属性，这样就让WPF应用程序的开发变得非常困难。在Microsoft Expression Blend 2中使用属性控制面板能够快捷的定义相应控件的属性。
使用Microsoft Expression Blend 2进行应用程序中进行样式控制非常容易。在Photoshop中对图形图像的编程可以直接使用画笔或渐变等工具进行样式控制，同样在Microsoft Expression Blend中可以像在Photoshop中一样进行属性配置就可以实现控件的不同样式的布局，如图19-8所示。

图19-8  Button控件样式控制
在图19-8中，可以通过样式选择选择不同的控件样式，从左到右分别为渐变样式、平铺样式、纯色样式和半透明样式。使用XAML进行样式控制示例代码如下所示。
                   </Button>
                   <Button d:LayoutOverrides="VerticalAlignment" HorizontalAlignment="Right"
                            Margin="0,0,519.113,65" VerticalAlignment="Bottom" Width="104.887"
                            Height="54.837" Content="Button">
                            <Button.Background>
                                     <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                               <GradientStop Color="#FFC8C8C8" Offset="0"/>
                                               <GradientStop Color="#FFFFFFFF" Offset="1"/>
                                     </LinearGradientBrush>
                            </Button.Background>
                   </Button>
上述XAML代码就描述了一个渐变控件，其中为控件定义了基本的属性，包括宽度和高度。在子节点中，通过使用LinearGradientBrush，GradientStop等属性实现了控件的效果。这些样式在传统的Windows应用程序开发中要实现是非常繁琐和困难的，而在WPF应用程序中能够方便的实现渐变和图形控件。
在属性控制面板中还包括很多其他的属性配置，这些属性包括不透明度、宽度、高度、文本对齐方式、窗体状态等，极大的方便了开发人员在开发过程中对样式的控制和封装，简化了开发人员对于窗体界面的开发。