This article is about getting controls found in Windows Vista to make use of the new Windows Vista user interface. Included in the project are some components (
SplitButton) that work just like the Windows Vista themed controls.
The article would aim to achieve most of the interface effects (like the fade-in/out) effects seen throughout Windows Vista.
Most users of Windows Vista would probably notice the new user interface. Each control is a step nicer compared to that of Windows XP, and it comes complete with nice little fade effects. However, Microsoft Visual Studio does not support the full Vista themes by default. Although Visual Studio 2005 attempts to address the visual styles problem, it still does not allow controls to achieve all the visual effects seen throughout Windows Vista.
This article covers on:
- Getting the fade effects on some common controls (
- Getting images working on
Buttons, and preserving fade-effects
- Getting the fade effects on
- Getting the Windows Vista theming on
- Getting different colored
- Getting the explorer-like interface for
It utilizes the user32.dll
SendMessage() function, as well as the uxtheme.dll
setwindowtheme() function for certain controls in order to render some of the controls to the desired level.
You will need the following things to complete this tutorial:
- Windows Vista
- .NET framework 2.0 (already preinstalled in Windows Vista)
Some other useful things (optional):
Most of the controls are already ready for the Windows Vista theming. I'm sure you have heard of
EnableVisualStyles() is usually called to allow theme-aware controls to gain the user interface theme. While Visual Studio 2005 already has this done, Visual Studio 2003 does not have this on by default. If you want to enable theming for common controls, you can view Heath Steward's article on Windows XP Visual Styles for Windows Forms.
EnableVisualStyles() affects the following controls:
While Visual Studio 2005 supports Visual Theming amongst controls, these controls do not have the "full" theme, which includes the fade effects. This problem can be addressed by setting
System. However, doing this means that images would not be displayed on such controls. This problem can be addressed fairly easily in the next section.
Getting images working on Buttons and other controls
By setting the
buttons and some other images fail to display on these
buttons. But, this section aims to address this problem, by using as little code as possible.
How to get this done? Well, we need to play around with the
SendMessage() function found in user32.dll.
First, we would need to declare the function (but first, you will need to import
[DllImport("user32.dll", CharSet = CharSet.Auto)]
public static extern IntPtr SendMessage
(IntPtr hWnd, int msg, int wParam, int lParam);
To set the image of a control, we will need to use the
0x00F7] message. For now, we would use an
icon (Declared in
System.Drawing) as an image, as it is easy to get a handle on the
const int BM_SETIMAGE = 0x00F7;
private Icon buttonicon;
IntPtr iconHandle = IntPtr.Zero;
if (this.buttonicon != null)
iconHandle = this.Icon.Handle;
SendMessage(this.button1.Handle, BM_SETIMAGE, 1, (int)iconHandle);
What this code does is to retrieve the handle of the
icon which you want to display on the button (called "
button1"), and sends a message to Windows to set the
button to use the
You can set what
icon you want by setting "
buttonicon". You can do so by using the following code:
buttonicon = new Icon(SystemIcons.Exclamation, 40, 40);
This uses the system's exclamation
icon. What you would get:
If you would want to use a bitmap/image instead of an icon, you can use the
GetHIcon() method from the
Bitmap to retrieve the
bitmap's handle and use the handle to set the
IntPtr iconhandle = IntPtr.Zero;
Bitmap image = new Bitmap("C:\images\an_image.png");
iconhandle = image_.GetHicon();
SendMessage(this.Handle, VistaConstants.BM_SETIMAGE, 1, (int)iconhandle);
button still supports the fade effects other normal buttons have.
However, there is one small problem associated with using this method. If this
text is set to "", no image would be displayed. This problem can be solved by using the
createParams() function and assigning the
BS_ICON theme to the
protected override CreateParams CreateParams
CreateParams cParams = base.CreateParams;
if (this.ShowIconOnly == true)
cParams.Style |= 0x00000040; }
This method is best done from a class which is inherited from
CommandLinks are really just buttons, assigned with a different theme. Their themes and their values (taken from CommCtrl.h in the Windows Vista SDK) are as follows:
The first step would be to create a class inherited from
button. Then, we can override the
CreateParams() function to make the
button use the respective theme. For the theme to take effect, you would need to set the
system. Below is the class for the
public class CommandLink : Button
const int BS_COMMANDLINK = 0x0000000E;
this.FlatStyle = FlatStyle.System;
protected override CreateParams CreateParams
CreateParams cParams = base.CreateParams;
cParams.Style |= BS_COMMANDLINK;
You can then build the project and use the component in your Windows Forms just like a normal
button (since it is inherited from a normal
CommandLink looks like:
*The mouse is over the
PrintScreen would not capture the mouse.
button supports the fade effects just like the actual controls.
But wait? where's the
CommandLink's "note"? Well, we can implement that feature by sending the
0x00001609] message to Windows. We can incorporate it into a property to set the note of the
CommandLink with ease.
const uint BCM_SETNOTE = 0x00001609;
[DllImport("user32.dll", CharSet = CharSet.Unicode)]
static extern IntPtr SendMessage
(HandleRef hWnd, UInt32 Msg, IntPtr wParam, string lParam);
private string note_ = "";
public string Note
this.note_ = value;
void SetNote(string NoteText)
SendMessage(new HandleRef(this, this.Handle),
BCM_SETNOTE, IntPtr.Zero, NoteText);
You would get:
You can also use the same method for showing icons/images on
SplitButtons are just simply buttons. You can set its style to that of the
SplitButton's using the
However, even after setting the style, how are you going to associate a menu (contextmenu) to the
button? We can do this by first associating an event which would be fired whenever a person clicks on the "dropdown" on the
splitbutton. First, we would listen to all messages sent to the
button by overriding the
wndproc() method. It happens that the
0x1606] message would be sent whenever the dropdown is clicked. This message is fired several times, but only one of the messages happen to be unique, with
WPARAMS having the value of "
1". The filtering of messages is best done within another class. This sample code would fire a custom event (
DropDown_Clicked) whenever the dropdown is pushed.
protected override void WndProc(ref Message m)
if (m.HWnd == this.Handle)
if (m.WParam.ToString() == "1")
Using this custom event, we can show a contextmenu whenever the dropdown part of the button is pressed (full code in the demo). This isn't all though. We have only assigned an event that would be fired whenever the Dropdown is pushed. We would need to make the dropdown glyph change at the right time. There are a few messages that we can use to achieve the correct painting of the glyphs. They are the
0x08] messages. We can run code whenever these messages are sent by overriding the
WndProc() message. (The code is too messy to be placed here, but the full code can be found via the Windows Vista Controls Demo.)
This control also supports the fade-effects.
TextBoxes in Windows Vista hint the user what they should type in (e.g. the search box). It usually appears as some grey text on the text box that would disappear when the user attempts to type things into the
textbox. This feature is know as "cue banner". You can enable this feature on a
textbox by using the
SendMessage(textbox1.Handle, 0x1500 + 1, IntPtr.Zero,
"Please type in something.");
Mainmenus and Contextmenus
ContextMenuStrip) in Visual Studio 2005 do not fully support the Windows Vista theme:
If you want to get the Windows Vista theme on your main menus and context menus, you would need to use the Visual Studio 2003 version, or the backwards compatible version on Visual Studio 2005 (Called "
MainMenu" and "
You can assign
ContextMenus to controls using it's
ContextMenu property (might be hidden in VB.NET in Visual Studio 2005).
While the default
toolbars in Visual Studio 2005 do have the Windows Vista look (if the
Rendermode is set to
System), it does not have all of it. Most
toolbars on Windows Vista have the fade effects. To get it, you will need to use the Visual Studio 2003 version or the backwards compatible version on Visual Studio 2005 (and above), and set its
Flat to get the fade effects.
You can use
buttons as well. For
Toolbars to use the
ImageList properly in Visual Studio 2003, call the
applications.DoEvents() function after the
application.EnableVisualStyles() function (Bugfix for Application.EnableVisualStyles Bug by Don Kackman).
In Windows Vista,
progressbars come in different flavors, the most common
progressbar being the green one. However, there are also the red and yellow versions as well (there is a blue version, known as a meter, but that is inaccessible). The
progressbar colors seem to correspond to specific
progressbar states. You can set these states using the
0x40F] message. The states are
SendMessage(progressbar1.Handle, 0x400 + 16, 0x0001, 0); SendMessage(progressbar1.Handle, 0x400 + 16, 0x0002, 0); SendMessage(progressbar1.Handle, 0x400 + 16, 0x0003, 0);
TreeViews and ListViews
ListViews do not have the same look as that of Explorer:
However, with a bit of code, you can make it look like this:
You would need to use the
SetWindowTheme() function found in the UXTheme.dll file. You can do this by using the following code:
[DllImport("uxtheme", CharSet = CharSet.Unicode)]
public extern static Int32 SetWindowTheme
(IntPtr hWnd, String textSubAppName, String textSubIdList);
Then, you can set the relevant control to use the styles by using the following code:
SetWindowTheme(listView1.Handle, "explorer", null);
listView1" is your
ListView. You can do this for
TreeViews as well.
But there is more. In Windows Explorer, these
ListViews have the semi-transparent selection as well. You can do this by calling the
0x00010000] extended style.
SendMessage(listview1.Handle, 0x1000 + 54, 0x00010000, 0x00010000);
Treeviews in Windows Explorer also have the fade effects. This can be achieved via the
0x0040] extended style.
SendMessage(treeview1.Handle, 0x1100 + 44, 0x0040, 0x0040);
treeviews also have the "auto-scroll" feature. You can enable this via the
0x0020] extended style.
SendMessage(treeview1.Handle, 0x1100 + 44, 0x0020, 0x0020);
Points of Interest
There might be several messages or functions that can be used to modify the theme of controls that may not be found in the limited documentation on Windows Vista. Of course, it is kind of unusual that we have to use older versions of controls (like
ContextMenu) in order to achieve the full potential of the new Windows Vista graphical user interface.
Things of note
I have not tested the above codes on Visual Studio 2003, nor have I run the application on Windows XP (I didn't make it backwards compatible "yet").
Some custom controls in the demo that may not work on legacy Windows versions are the
It was tested in Visual Studio 2005 and Windows Vista.
- Version 1.10: Jun 17 2007 - Several controls added/modified
- Version 1.00: May 20 2007 - Initial