WPF开发技术介绍

本月做了一个小讲座，主要是WPF的开发技术介绍，由于是上班时间，去听的人不多，但对于自己来说至少是又巩固了Winform的知识，抽时间写一篇文章，在此分享给大家，有什么宝贵建议大家也可以提给我，谢谢。

本次讲座主要分三个模块：

1.WPF的历史

2.WPF的特性

3.WPF的开发流程

首先，让我们开始慢慢讲来：

1.WPF的历史

说到WPF的历史，我们可以从Winform的历史谈起，Winform的历史分为四个阶段，第一个阶段是在85到91年，C搭配Windows API的出现，这门技术现在看来虽然很古老，但是现在在很多地方，比如在我们的驱动、显卡比较底层的应用上或者Winform第三方控件，视频播放器，编译解码的时候都会调用到驱动；第二个阶段在92到01年，MFC的出现，MFC是历史上最多用的Windows编程方法，主要偏向于用户对界面美观等要求不高的情况，MFC速度比较快，在考虑到速度方面还是会有很多人用，虽然硬件技术的发展使得我们可以用Windiws Form或者WPF的速度赶上MFC，但是一些传统的公司因为已经用惯了MFC。。。第三个阶段就是02到06年，C#搭配Windows Form的出现，Windows Form要比MFC好，但是当时IT技术的关注点是Web上，所以当时虽然大家都在用.NET，但是真正的主角是ASP.NET（当然ASP.NET代替了ASP），而不是Windows Form，WIndows Form还没熬出头WPF就出现了。第四个阶段在07年至今，我们的WPF的出现，它和MFC或者Windows Form相比，功能相似，但是它们有着互不兼容的.NET API，他们偏向于传统的应用，很类似于Java Swing，没有考虑Web/Markup的需求，但是WPF考虑到了，我们的siverlight就是诞生于WPF。

2.WPF的特性

• XAML的引入

使得美工和程序可以实现分离，使得定制化主题/外观/行为更加方便也易于维护；

• 强大的 “数据绑定”功能

使得MVVM得以实现，成为“属性驱动”，而非WinForm的“事件驱动”；属性的更改可以自动获得，甚至通过转换器触发各种展示/行为的变更；

MVVM、MVC、MVP是目前比较流行的三大开发框架，MVVM主要用来和我们的WPF一起来做Windows的开发；

事件驱动是一种被动的，必须由用户的触发；而属性驱动是一种主动的，一种路由机制，只要数据的变更就可层层触发。

• 绚丽的展示效果

WPF（Windows Presentation Fundation）顾名思义其强大的图形化API为程序提供了超乎想象的图形效果。

WPF的开发流程

效果图：

源码：

 <Window x:Class="WpfApplicationDemo.Window1"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     Title="WPF Demo" Height="" Width="">
 <Style TargetType="Button">
             <Setter Property="Margin" Value=""></Setter>
             <Setter Property="Padding" Value=""></Setter>
             <Setter Property="MinWidth" Value=""></Setter>
             <Setter Property="Width" Value=""></Setter>
             <Setter Property="Height" Value=""></Setter>
         </Style>
     </Window.Resources>

         <Border CornerRadius=""
           BorderBrush="Gray"
           BorderThickness=""
           Background="BlueViolet"
           Margin=""
           Padding="">
         <Border.Effect>
             <DropShadowEffect Color="Gray"
                         Opacity=".50"
                         ShadowDepth="" />
         </Border.Effect>
  <Window.Resources>
         <Style TargetType="Label">
             <Setter Property="Margin" Value=""></Setter>
             <Setter Property="Foreground" Value="Orange"></Setter>
             <Setter Property="HorizontalAlignment" Value="Center"></Setter>
         </Style>
         <Style TargetType="TextBox">
             <Setter Property="Margin" Value=""></Setter>
             <Setter Property="HorizontalAlignment" Value="Left"></Setter>
             <Setter Property="Width" Value=""></Setter>
         </Style>
         <Style TargetType="PasswordBox">
             <Setter Property="Margin" Value=""></Setter>
             <Setter Property="HorizontalAlignment" Value="Left"></Setter>
         </Style>
         <Style TargetType="Button">
             <Setter Property="Margin" Value=""></Setter>
             <Setter Property="Width" Value=""></Setter>
             <Setter Property="Height" Value=""></Setter>
             <Setter Property="Foreground" Value="White"></Setter>
             <Setter Property="Background" Value="Black"></Setter>
             <Setter Property="BorderBrush" Value="Orange"></Setter>
         </Style>
     </Window.Resources>
 <Border CornerRadius=""
           BorderBrush="Orange"
           BorderThickness=""
           Background="Black"
           Margin=""
           Padding="">
         <Border.Effect>
             <DropShadowEffect Color="Brown"
                         Opacity=".50"
                         ShadowDepth="" />
         </Border.Effect>
 <Grid>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width=""/>
                 <ColumnDefinition Width=""/>
                 <ColumnDefinition Width="*" />
             </Grid.ColumnDefinitions>
             <Grid.RowDefinitions>
                 <RowDefinition Height=""/>
                 <RowDefinition Height=""/>
                 <RowDefinition Height=""/>
                 <RowDefinition/>
             </Grid.RowDefinitions>
 <Label Grid.Column=""
                    Grid.Row=""
                    Grid.ColumnSpan=""
                    FontSize=""
                    FontWeight="Bold"
                    Margin="">Please Login To Access This Application</Label>
             <Label Grid.Column=""
                    Grid.Row="">User Name</Label>
             <TextBox Grid.Column=""
                      Grid.Row=""
                      ToolTip="Enter Your User Name"
                      Name="txtUserName">
                 <TextBox.Effect>
                     <DropShadowEffect Color="Brown"
                               Opacity=".50"
                               ShadowDepth=""/>
                 </TextBox.Effect>
             </TextBox>
 <Label Grid.Column=""
                    Grid.Row="">Password</Label>
             <TextBox Grid.Column=""
                      Grid.Row=""
                      ToolTip="Enter Your Password"
                      Name="txtPassword">
                 <TextBox.Effect>
                     <DropShadowEffect Color="Brown"
                               Opacity=".50"
                               ShadowDepth=""/>
                 </TextBox.Effect>
             </TextBox>
 <StackPanel Grid.Column=""
                         Grid.Row=""
                         Margin=""
                         HorizontalAlignment="Center"
                         Orientation="Horizontal">
                 <Button Name="btnCancel"
                     IsCancel="True"
                     Content="Cancel"
                     Click="BtnCancel_Click" BorderBrush="#FF707070">
                     <Button.Effect>
                         <DropShadowEffect Color="Brown"
                                           Opacity=".50"
                                           ShadowDepth=""/>
                     </Button.Effect>
                 </Button>
                 <Button Name="btnLogin"
                 IsDefault="True"
                 Content="Login"
                 Click="btnLogin_Click">
                     <Button.Effect>
                         <DropShadowEffect Color="Brown"
                               Opacity=".50"
                               ShadowDepth="" />
                     </Button.Effect>
                 </Button>
             </StackPanel>
 <Label Grid.Column="" Grid.Row=""
                    VerticalAlignment="Center"
                    HorizontalAlignment="Center"
                    FontSize=""
                    Foreground="White">MOX
                 <Label.Effect>
                     <DropShadowEffect Color="White"
                                       Opacity=".50"
                                       ShadowDepth=""/>
                 </Label.Effect>
             </Label>
         </Grid>
     </Border>
 </Window>