Replace WPF Default UI Elements with Photoshop UI Elements

1.4k views Asked by At

I am new to Creating WPF GUI Applications. I am a Mid Level Programmer. I dont have any idea or knowledge about the Graphics Development.

I would like to know how do I use the UI Elements designed in Photoshop in my WPF Application.

Eg: I would like to replace the default textbox or the button in WPF with the button or textbox designed in Adobe Photoshop.

Last Information: I am using Expression Blend 4. Any Help Would Be Appreciated, Thanks

1

There are 1 answers

2
Rajesh On

Starting with WPF

I personally work with a combination of Microsoft Visual Studio (environment) and Microsoft Expression Blend (elements editing).

Blend is a WYSIWYG front-end for designing XAML-based interfaces for WPF and Silverlight applications, and it's good for templates, visual states, and animation.


Editing Templates

If you are working with templates, a nice tool is WPF Theme Editor by DevExpress. It integrates with Blend, and the tree browser and template hierarchy are very useful for locating styles.

One thing you'll always find helpful is access to the actual structural templates for the elements. I usually find myself visiting the DevExpress WPF Controls website, which has a very comprehensive list of libraries and controls.

The Demo Center for DevExpress is also a great downloadable app for extracting and editing templates. I find it particularly useful with complex elements like charts (not included in Blend), where you can toggle the visibility of elements and then move the code to your dev space.


Creating Graphics

For working with graphics themselves, I found Microsoft Expression Design to be quite good for drawing and exporting vectors into png, WPF or Silverlight formats. It has a nice simple set of tools, and you can import elements from vector. Also, version 4 is free.


Testing

I just discovered this nice tool for testing live called Snoop. It's open source, and it allows you to spy/browse the visual tree of a running WPF application (without the need for a debugger), and change properties live.

For all of these you will probably need at least a basic knowledge of how to write/read WPF. I personally use all of the previous and write custom styles for custom elements.