开发WPF的工具介绍

常言道,工欲善其事,必先利其器。要想学好WPF的开发,掌握并熟练应用各种开发工具无疑是重要的。WPF常用的开发工具主要有3种:XamlPad、Microsoft Express Blend2和Visual Studio 2008。对于简单的XAML代码用XamlPad编辑和测试比较方便,而对于复杂的界面设计用Microsoft Express Blend2则是首选,对于具有复杂的业务逻辑处理程序则必须借助Visual Studio 2008来完成。
技巧:
以上3种开发工具通常很少单独使用,把它们结合起来更能发挥强大的作用。例如,可以把Microsoft Express Blend2和Visual Studio 2008结合起来,用Microsoft Express Blend2编写复杂绚丽的可视化界面,用Visual Studio 2008编写后台应用程序逻辑代码,最后把两者的结果合并为一个完整的项目。
XamlPad
XamlPad是Windows SDK提供的工具,具有XAML语法检查的功能。可以实时分析并显示XAML代码的执行结果,以便于开发人员更好的调试和测试XAML代码。XamlPad的一个缺点是无智能提示功能,因此只用该工具来编写XAML代码需要对类库和XAML语法结构熟练掌握。另一个缺点是XamlPad 不支持代码隐藏,即不能有后台的C#代码文件。
技巧:
开发人员可以首先在Visual Studio 2008中编写XAML代码的整体部分,然后把代码拷贝到XamlPad下面的窗格中,可以部分修改XAML代码并观察运行的结果,这是因为在XamlPad中显示运行结果比Visual Studio 2008更快捷、更方便。
第一次运行XamlPad的界面如图1.4所示,上面的窗格显示的是代码执行结果,而下面的窗格显示的是XAML代码。默认情况下,XamlPad自动生成的XAML代码的顶层元素是Page元素,当然开发人员可以根据实际需要更改该元素,例如改为Window或NavigationWindow元素。区别是,Page显示的运行结果可以在上面窗格中显示,而对于Window元素,需要单击上面绿色三角形标志的刷新按钮并在新打开的窗口中显示运行结果。

图1 XamlPad的初始界面
例如,把Grid容器控件的背景设置为绿色,同时在其中放入一个具有从白色到黄色径向渐变背景的圆形,该圆形模拟被强光照亮的黄色球体,背景的绿色模拟草地。开发人员可以在上面窗格中实时显示的结果如图2所示。

图2 XamlPad的实时显示结果
对于简单的WPF程序,使用XamlPad非常方便,但是在没有智能提示的情况下编写复杂的界面程序是极难的,因此这种工具的用途十分有限。
说明:
XamlPad.exe文件位于系统盘的Program FilesMicrosoft SDKsWindowsv6.0Abin目录下,通常位于C:Program FilesMicrosoft SDKsWindowsv6.0Abin目录下。
Microsoft Express Blend2
Microsoft Express Blend2是专业的WPF界面开发工具,即使不会编程也能制作出高质量的、完美体验的用户界面。Microsoft Express Blend2工具的设计体验如同Photoshop一样,可以进行所见即所得的方式设计界面,而不需要了解WPF的类库结构,以及C#编程语法等方面的知识。对于比较复杂的界面设计,应该首选该工具,并且它与Visual Studio 2008可以共享同一个解决方案或项目,因此能很好的实现界面与应用业务逻辑分离的目标。
Microsoft Express Blend2工具不与.NET Framework一起发布,该工具可以购买或者从网上下载。Microsoft Express Blend2开发环境的界面与Visual Studio 2008类似,也包括工具栏、属性面板等,Microsoft Express Blend2开发环境的部分视图如图3所示。

图3 Microsoft Express Blend2的设计界面
上面的设计视图中显示了用Express Blend2设计一个扭曲的矩形,并且具有从蓝到绿,再到红色的渐变背景。我们可以通过拖拽和更该属性来达到此效果,甚至不了解XAML语法也可以设计漂亮的界面。其实,在进行界面的设计时,该工具在幕后为开发人员自动生成相应的XAML代码。当然,了解XAML语法对于理解WPF还是很重要的。
Microsoft Visual Studio 2008
Visual Studio 2008对于界面的支持程度介于以上两者之间,可以拖拽控件到界面,并且编写界面的XAML代码时具有智能提示,以及大多数情况下可以根据XAML代码对设计界面自动刷新。
Visual Studio 2008虽然也能设计界面,但是对于复杂的设计来说却无能为力,例如复杂的样式和动画等,这时应当采用Microsoft Express Blend2工具来设计。Visual Studio 2008主要的功能是通过后台代码隐藏来实现界面元素的事件处理和复杂的业务逻辑处理等任务。Visual Studio 2008对于WPF编程和Windows Forms编程风格类似,例如可以把控件拖到窗体上,并设置属性等。图4是一个Visual Studio 2008项目的设计视图。

图4 Visual Studio 2008的设计界面
上面的设计界面中显示的是一个具有黄色背景的矩形,该矩形可以通过设计界面拖放来改变大小,以及位置等,并可以通过右侧的属性面板来更改属性。当然,如果对XAML语法熟练,还可以直接修改XAML代码来达到同样的效果。
注意:
Visual Studio 2008对设计视图的支持不是很好,有时修改XAML代码后,上面窗格中的设计视图不会自动刷新而必须手动刷新。

posted on 2012-07-11 10:43  I am Dylan  阅读(4209)  评论(0编辑  收藏  举报

导航