In this post, I will present you how to add a theme to your GUI with better controls design, I will just present some possibilities to use.
In my case, I use a theme called Elysium with Visual Studio 2012. I applied the theme to the tool Microsoft EXE extractor.
How to download it ?
Elysium was created by Aleksandr Vishnyakov, very great job from him. You can download it here.
It requires at least .Net Framework 4.5
How to install it ?
Once you have downloaded the Elysium, run “ElysiumSDK.exe”
Click on “I agree” and “Next”
Check all and click on “Install”
Click then on “Finish”
How to use it ?
Create a WPF project using Visual Studio
Add it to your references in Visual Studio
Right click on references
Elysium is now added
Add some controls to your form as below :
Now add below lines to the beginning of the XAML part
- xmins:metro= “http://schemas.codeplex.com/elysium”
- xmins:params= “http://schemas.codeplex.com/elysium/params”
- params:Manager.Theme= “Light”
Now your previous controls should be as below (pretty much)
You can also choose the color which will be applied to your controls, using the below line :
Controls using Blue color
Control using LightCoral color
LightCoral color applied on all the GUI
- You can also applied metro style to your progressbar adding <metro:ProgressBar/>
- You can also changed the progressbar for a ring adding <metro:ProgressRing/>
How to link your PS1, XAML and Elysium
As presented in my previous post, you have to load the XAML from your PS1 file, and also to load elysium and Microsoft Drawing DLL.
Load Elysium and XAML from PS1
How to get DLL files ?
To use Elysium on a tool you have to integrate DLL files. You can find them after generating your visual Studio project.
How to see more with Elysium ?
After installing Elysium, you can run a quick exe which will show different design from Elysium.
Run “Elysium Test App” from All programs
Elysium controls design example
Example of Buttons design
Example of Selectors and ranges design
Right click to see more :
Switch “Theme type” :
Light theme type :
Light theme type design
Source : D. Van Robaeys, www.systanddeploy.com