XAML开发入门之用VS2005开发XAML程序

　现在我们在这个Browser Application的Page1.xaml页面上添加一个按钮，并对该按钮的单击事件添加一个事件处理方法以显示信息。首先我们在工具箱上拖拽一个Button控件，切换到XAML视图后，你会发现在＜Grid＞…＜/Grid＞两元素之间添加了一个Button元素，我们可以设置其相应的属性，最终Page1.xaml的代码如下：

01 ＜Page x:Class="BrowserDemo.Page1" 02 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 03 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 04 Title="Page1" 05 ＞ 06 ＜Grid＞ 07 ＜Button Height="100" Width="300" FontSize="24" Background="Aqua" 08 Name="MyButton" Content="Click Me" Click="ChangeMe" ＞ 09 ＜/Button＞ 10 ＜/Grid＞ 11 ＜/Page＞

　　由于要处理按钮的单击事件，为此我们要编写相应的事件处理方法。其代码如下

01 void ChangeMe(object sender, RoutedEventArgs eventArgs) 02 { 03 　count++; 04 　MyButton.Content = "You have clicked " + count + " times!"; 05 }

　　如上述的代码所示，我们每点击一次按钮，都会导致该按钮上显示的内容发生改变(每次count的值都自增1)。

　　而事件处理代码我们一般是在XAML页面对应的代码后置文件中进行编写。我们将事件处理代码要添加到Page1.xaml页面的代码后置文件Page1.xaml.cs中，改变后的代码如下：

01 using System; 02 using System.Collections.Generic; 03 using System.Text; 04 using System.Windows; 05 using System.Windows.Controls; 06 using System.Windows.Data; 07 using System.Windows.Documents; 08 using System.Windows.Input; 09 using System.Windows.Media; 10 using System.Windows.Media.Imaging; 11 using System.Windows.Navigation; 12 using System.Windows.Shapes; 13 14 namespace BrowserDemo 15 { 16 　/// ＜summary＞ 17 　/// Interaction logic for Page1.xaml 18 　/// ＜/summary＞ 19 20 　public partial class Page1 : Page 21 　{ 22 　　int count = 0; 23 　　public Page1() 24 　　{ 25 　　　InitializeComponent(); 26 　　} 27 28 　　void ChangeMe(object sender, RoutedEventArgs e) 29 　　{ 30 　　　count++; 31 　　　MyButton.Content = "You have clicked " + count + " times!"; 32 　　} 33 　} 34 }

　　我们在第22行定义了一个名为count的变量，并初始化其值为0。在第28行代码处是Button按钮的事件处理方法，这里的事件处理方法名ChangeMe就是由Page1.xaml中的Button元素的Click指定的。因为在一个WPF程序中可能包含若干个Button元素，所以你可以在XAML文件用Name属性为该Button元素指定一个惟一的名称，这里为MyButton。以后在对应的代码后置文件中应用该Button元素时，就不用再对这个元素进行声明了。并且在编译时，Button元素的声明和相应的事件处理方法将"合并"到同一个类中，这里为BrowserDemo.Page1。

　　提示：在添加了元素和相应的处理方法、逻辑后，我们就可以采用和以前类似的用Visual Studio生成.NET应用程序的方式来生成WPF程序。也就是说我们可以使用Visual Studio菜单上的"生成"－"生成XX"(XX为项目名)命令来编译程序，编译完毕后，就可以对该程序进行测试、调试和部署。

　　保存文件的最后一次改动后，再使用"启动调试"按钮生成该Browser Application程序，最后得到的呈现效果如下：


　　下图是点击按钮10次后的显示效果：


　　上述的整个实现过程对于.NET开发人员来说应该是非常熟悉的，因为XAML页面有点类似于ASP.NET中的Web窗体，都是用来构建程序的界面布局。而XAML页面对应的代码后置文件则等类似于ASP.NET中用来处理事件和用户请求信息的服务器端代码。

　　我们在前面提及过，使用Visual Studio来创建一个WPF程序时，无需开发人员编写项目文件，而且也不用考虑微软新一代统一生成平台MSBuild的运作方式。上述的这些必需的文件都会由Visual Studio自动给开发人员生成，你仅需考虑WPF程序中的应用程序定义文件和XAML页面文件即可。

查看本文来源