WPF开发的工具和技巧.doc

目录： 　　入门学习阶段：KAXAML 　　UI布局阶段：Snoop, SilverlightSpy 　　改写样式，写控件库阶段：Reflactor, Blend 　　测试性能阶段：Wpf performance Suite, Red Gate ANTS Performance Profiler 8 　　 　　 　　写正篇之前先说Visual Studio. VS我就不介绍了，不管风雨如何，VS永远是.NET 开发的第一选择。 　　入门学习阶段：KAXAML 　　 　　初次接触WPF的时候一定会想尝试各种控件的属性，能够改动的同时实时的看出效果。或者有些朋友机器不够给力或者说不想每次学习WPF都要打开VS，那KXAML一定适合您。 　　下载链接：KAXAML官网 ,源码 这个是完全free的，源代码也公开了，在此我也非常感谢作者Robby Ingebretsen，非常伟大的一款软件。 　　介绍: KaXaml是一个轻量级的XAML编辑器，可是实现在编辑的同时展现UI效果。界面如下： 　　 　　左边是功能栏，右边分为上下两侧，上面是UI，下面则是代码。实时显示 　　当你需要一些示例代码或者当你需要改写控件的时候，你可以点击Snippets。其中包含很多作者的善意（代码段）： 　　 　　左侧的功能还包括find, color picker（取色值，很有用), snapshot, xaml scrubber（XAML格式的配置), settings等。 　　 　　 　　UI布局阶段：Snoop, SilverlightSpy 　　 　　当渡过了学习阶段后，开始做一些实际的项目了。逐渐接触到WPF的逻辑树和视觉树。这个时候很需要当项目运行时进行查看视觉树的结构评测自己xaml是否正确或者进行运行时改变观察效果。这个时候snoop和siverlightspy就很需要了。Snoop for WPF， silverlightSpy for silverlight。 　　下载链接: Snoop，源码, SilverlightSpy Snoop是开源的，完全免费。silverlightspy是需要purchase的。 　　介绍： 　　Snoop是一个WPF运行时对Visual UI调试的一个工具, 可以查看其视觉树以及对其进行更改。 　　运行后会出现工作条：下拉框中显示的运行的WPF应用程序，点击刷新获得当前WPF应用程序列表，选择相应程序后点击望远镜图标即可进行监测。也可以点击望远镜后的瞄准图标拖动到相应程序上来完成此操作，打开后 　　 　　如图，Snoop检测了左边的WPF应用程序，snoop左侧是可视化树列表，选中元素，可以进行缩略浏览，右边是其属性。选中的元素会有红框出现。也可以使用Ctrl+Shift来进行选中。下面一张图是对左侧各种数据的说明： 　　 　　你可以在运行时对snoop监视到的元素属性进行修改来实时查看效果： 　　 　　 　　 　　SilverlightSpy 则是类似snoop的工具，用来对显示Silverlight 内容的网页进行详细的监测。这个工具使用它自己内嵌的浏览器，可以帮助用户浏览任何网站，并监测Silverlight： 　　 　　 　　在网址栏输入你自己开发的SL的页面。即可进行检测。使用方法类似SNOOP，用Ctrl+shift来进行选择，可以进行实时改动： 　　 　　 　　 　　改写样式，写控件库阶段：Reflactor, Blend 　　 　　随着在项目中资历和技术成长，逐渐搭建UI的任务慢慢已经分给新来的同事们了，这个时候就开始了充满艰辛的写控件阶段。用户需要更好的用户体验，UX以自己的理解设计出想要的体验和交互，这个时候苦的就是开发了。“我天，这XX也可以？！”每次看到UX新设计出来的画面，很多开发喷油一定都有这样的感慨。但是为了更好的产品，我们也只能努力去完成UX的要求。所以慢慢改写控件模板和样式，以及实现更多控件层次交互的需求甚至动画则成了我的任务，这个时候就需要blend和reflactor来帮助了。 　　Blend for Visual Studio 2013 提供了丰富的以设计为中心的环境，以便于开发针对 Windows 应用商店、Windows Phone、WPF 和 Silverlight 的应用。 　　而Reflactor反编译dll则是为了探索控件实现的内部机制以方便改写，比如当你需要更改一个datagrid来实现一个可以切换行的时候缓动的效果，或者更加变态的比如点击一个column产生一个可以自我定位的grid等。这个时候你就要先去探索datagrid内部的实现机制，继承并改写它内部的逻辑，而不仅是样式和模板。所以WPF依然需要reflactor。 　　下载：Blend，