To do something better, you must first use the tool WPF: tools and skills for efficient WPF development along with the development track

I am very grateful to you for your feedback and support, especially for the injection of some bricks. Thank you for your criticism and have benefited a lot.

My first job was the development of WPF. Till now I like this technology very much. from ignorance to the present, I have some WPF development qualifications, which is a rough process. My friend saw that I wrote the full introduction to VS2013, and he recommended me to write a WPF article. I thought about it, it is true that many of my friends may find it very difficult to develop WPF when they first come into contact with WPF. The reason is that many of them do not know how to debug it after an error occurs. Next I will share some gadgets that are useful for WPF development along with my development history.

　　

 

Entry learning stage:KAXAML

UI layout stage:Snoop,SilverlightSpy

Rewrite the style and write the control library stage:Recycltor,Blend

Test performance stage:Wpf performance Suite, Red Gate ANTS Performance Profiler 8

Entry LevelSegment: KAXAML

　　

When I first came into contact with WPF, I would like to try the properties of various controls, so that I can change them and see the effect in real time. Or if you don't want to enable VS every time you study WPF, KXAML is suitable for you.

　　Download link: On the KAXAML official website, the source code is completely free and the source code is made public. I am also very grateful to the author Roby Ingebretsen for his great software.

Introduction:KaXaml is a lightweight XAML editor that displays the UI effect while editing. The interface is as follows:

　　

On the left side is the function bar, and on the right side is divided into upper and lower sides. above is the UI, and below is the code.Real-time display

You can click Snippets when you need some sample code or when you need to rewrite the control. This includes the good faith of many authors (code segments ):

　　

　　

UI layout stage: Snoop and SilverlightSpy

　　

After the learning phase, I started to do some practical projects. Gradually access the logic tree and visual tree of WPF. In this case, you need to check the structure of the visual tree to evaluate whether your xaml is correct or to change the Observation Effect during running. In this case, snoop and siverlightspy are required. Snoop for WPF, silverlightSpy for silverlight.

　　Download link: Snoop, source code, and SilverlightSpy Snoop are open-source and completely free of charge. Silverlightspy requires purchase.

　　Introduction:

Snoop is a tool for Visual UI debugging during WPF runtime. You can view its Visual tree and make changes to it.

After running, a work bar appears. The running WPF application is displayed in the drop-down box. Click Refresh to obtain the list of current WPF applications. Select the corresponding program and click the telescope icon to perform monitoring. You can also click the aiming icon behind the telescope and drag it to the corresponding program to complete this operation.

　　

Snoop detects the WPF Application on the left, and the visualization tree list on the left of snoop. The selected elements can be scaled for browsing, and its attributes are on the right. The selected element is displayed in a red box. You can also useCtrl + Shift. The following figure shows the data on the left:

　　

You can modify the element attributes monitored by snoop at runtime to view the effect in Real Time:

　　

　　

　　SilverlightSpyA tool similar to snoop is used to monitor webpages that display Silverlight content in detail. This tool uses its own embedded browser to help users browse any website and monitor Silverlight:

　　

　　

Enter your own SL page in the URL bar. To detect. The usage is similar to SNOOP, and Ctrl + shift is used for selection. You can make real-time changes:

　　

　　

　　

Rewrite style, write control library stage: recycltor, Blend

　　

Download: During VS2013 installation, you can select blend to install together, recycltor

The effect of Blend on solution is as follows:

　　

Black and white tones, toolbar, and visual bar. Is it very similar to PS. Yes! This is a fully designed WPF tool. You can perform visual operations on the control style and animation.

The automatically generated code is very messy. We recommend that you use blend to Construct an animation or rewrite a style, and then optimize the xaml code in.

　　

Recycltor:Decompile the dll and obtain the logic code of its internal implementation mechanism. For example, if you want to rewrite the datagrid:

　　

In this way, we can get the decompilation result and obtain its internal implementation mechanism. You can override the specific implementation.

 

Test performance stage:Wpf performance Suite, Red Gate ANTS Performance Profiler 8

Wpf performance Suite, Red Gate ANTS Performance Profiler 8

　　Wpf performance Suite is a WPF performance analysis tool that allows you to analyze the stages of application execution and determine the applicable performance optimization types. Red Gate ANTS Performance Profiler 8 is judgment. net memory usage, test the memory leakage and whether to release the tool, red gate is also a very famous manufacturer of Testing Performance, reflactor is actually produced by this manufacturer, it also has other testing products such as SQL and azure.

Download: wpf performance suite, Red Gate ANTS Performance Profiler 8

Introduction:WPF PERFORMANCE SUITEThe function of the performance analysis tool is described in detail on the official website and the blog site. Here I will post a link. If you can click here to view it: Official website or blog site Link

　Introduction to Red Gate ANTS Performance Profiler 8:Open the software and try it for 15 days:

　　

　　

Select the application you want to test in the corresponding PATH and click start profiling below to start monitoring. You can also use attach to process for monitoring.

There will be many elements for monitoring and testing, such as the number of class lists and instances. From these attributes, we can see the memory occupied by the application and the memory occupied by some specific classes and the number of instances.

Click take snap shot multiple times to compare the current record and export the report.

Both of these software are very useful. If you need it, you can leave a message. If necessary, I will try to write a blog about the detailed usage of the two software.