Click here to Skip to main content
11,636,300 members (79,286 online)
Click here to Skip to main content

Flat ComboBox with MS Office XP/2003 style support

, 1 Dec 2005 CPOL 149.8K 811 76
Rate this:
Please Sign up or sign in to vote.
An article on creating a flat combobox using VB.NET.

Introduction

First of all, on the Internet, a lot of examples of flat combo boxes can be found. I tried to make a very simple one with a lot of functionality. On the screenshot above, you can see the functions that I have integrated: support for big fonts (the arrow will be centered), RTL (right to left) support, support for two dropdown styles (simple is not supported yet), and of course the two styles.

The different states

 
Office XP
Office 2003
normal

focused

disabled

dropeddown

'Enum with all the possible states
Enum states
    normal
    focused
    dropeddown
    disabled
End Enum
'Variable to save the current state
Dim state As states = states.normal
    
Function UpdateState()
    'save the current state
    Dim temp As states = state
    '
    If Me.Enabled Then
        If Me.DroppedDown Then
            Me.state = states.dropeddown
        Else
            If ClientRectangle.Contains(_
                    PointToClient(Me.MousePosition)) Then
                Me.state = states.focused
            ElseIf Me.Focused Then
                Me.state = states.focused
            Else
                Me.state = states.normal
            End If
        End If
    Else
        Me.state = states.disabled
    End If
    'only redraw if the state has changed
    If state <> temp Then
        Me.Invalidate()
    End If
End Function

Using the code

FlatComboBox is a UserControl based on Windows.Forms.ComboBox:

Imports System.Drawing.Drawing2D

Public Class FlatComboBox
    Inherits System.Windows.Forms.ComboBox

    '...

End Class

Reacting on events (mousemove etc.) is done by overriding WndProc:

Protected Overrides Sub WndProc(ByRef m As _
                       System.Windows.Forms.Message)
        MyBase.WndProc(m)
        Select Case m.Msg

            Case &HF
                'WM_PAINT

                '"simple" is not currently supported
                If Me.DropDownStyle = _
                           ComboBoxStyle.Simple Then Exit Sub

                '==========START DRAWING===========
                g = Me.CreateGraphics
                'clear everything
                If Me.Enabled Then
                    g.Clear(Color.White)
                Else
                    g.Clear(Color.FromName("control"))
                End If
                'call the drawing functions
                DrawButton(g)
                DrawArrow(g)
                DrawBorder(g)
                DrawText(g)
                '===========STOP DRAWING============

            Case 7, 8, &H7, &H8, &H200, &H2A3
                'CMB_DROPDOWN, CMB_CLOSEUP, WM_SETFOCUS, 
                'WM_KILLFOCUS, WM_MOUSEMOVE,  
                'WM_MOUSELEAVE (if you move the mouse fast over
                'the combobox, mouseleave doesn't always react)

                UpdateState()
        End Select
    End Sub

To change the style (XP/2003), I've added a Public property:

'Property to let the user change the style
    Public Property FlatComboStyle() As styles
        Get
            Return style
        End Get
        Set(ByVal Value As styles)
            style = Value
        End Set
    End Property

Points of interest

In the combo box, there are two parts (the control itself and a kind of textbox). If the DropDownStyle is set to DropDownList, I need to draw the text manually because then there is no textbox. Because the event MouseLeave doesn't always react, a timer refreshes the control every 20 ms. Just have a look at the code and you will see how easy it is!

Thanks to

Update

  • Bug fix: Timer will be disabled while disposing! (See reactions below for more information.)
  • First revision: Some big and small bugs are now fixed! (See reactions below for more information.)
  • Second revision: 'Function' replaced by 'Private Sub' and others, and added a VB 2005 (.NET 2.0) version of the demo.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Wouter Devinck
Web Developer
Belgium Belgium
No Biography provided

You may also be interested in...

Comments and Discussions

 
NewsAdvanced list box and combo box Pin
brett5630-Nov-05 5:41
memberbrett5630-Nov-05 5:41 
GeneralRe: Advanced list box and combo box Pin
Wouter Devinck30-Nov-05 6:03
memberWouter Devinck30-Nov-05 6:03 
NewsRe: Advanced list box and combo box Pin
brett5630-Nov-05 6:26
memberbrett5630-Nov-05 6:26 
QuestionMemory Leak? Pin
JerryTanski23-Nov-05 7:07
memberJerryTanski23-Nov-05 7:07 
AnswerRe: Memory Leak? Pin
JerryTanski23-Nov-05 7:16
memberJerryTanski23-Nov-05 7:16 
GeneralRe: Memory Leak? Pin
Wouter Devinck23-Nov-05 8:45
memberWouter Devinck23-Nov-05 8:45 
GeneralRe: Memory Leak? Pin
legabertrand13-Dec-05 5:33
memberlegabertrand13-Dec-05 5:33 
GeneralRe: Memory Leak? Pin
Wouter Devinck13-Dec-05 7:06
memberWouter Devinck13-Dec-05 7:06 
QuestionFunctions? Pin
DodgerSharp14-Nov-05 5:10
memberDodgerSharp14-Nov-05 5:10 
AnswerRe: Functions? Pin
Wouter Devinck14-Nov-05 8:01
memberWouter Devinck14-Nov-05 8:01 
GeneralRe: Functions? Pin
DodgerSharp14-Nov-05 9:13
memberDodgerSharp14-Nov-05 9:13 
GeneralPermission Pin
DodgerSharp14-Nov-05 4:53
memberDodgerSharp14-Nov-05 4:53 
GeneralRe: Permission Pin
Wouter Devinck14-Nov-05 8:14
memberWouter Devinck14-Nov-05 8:14 
GeneralRe: Permission Pin
DodgerSharp14-Nov-05 9:11
memberDodgerSharp14-Nov-05 9:11 
GeneralRe: Permission Pin
Wouter Devinck15-Nov-05 6:07
memberWouter Devinck15-Nov-05 6:07 
GeneralRe: Permission Pin
DodgerSharp15-Nov-05 7:06
memberDodgerSharp15-Nov-05 7:06 
GeneralRe: Permission Pin
Wouter Devinck15-Nov-05 7:44
memberWouter Devinck15-Nov-05 7:44 
AnswerRe: Permission Pin
DodgerSharp18-Nov-05 19:56
memberDodgerSharp18-Nov-05 19:56 
GeneralNot Support DataSource Pin
wiratk13-Nov-05 16:29
memberwiratk13-Nov-05 16:29 
GeneralRe: Not Support DataSource Pin
Wouter Devinck14-Nov-05 7:54
memberWouter Devinck14-Nov-05 7:54 
GeneralGreat work, A problem with large strings Pin
SotirisF7-Nov-05 4:53
memberSotirisF7-Nov-05 4:53 
NewsRe: Great work, A problem with large strings Pin
Wouter Devinck8-Nov-05 9:03
memberWouter Devinck8-Nov-05 9:03 
GeneralRe: Great work, A problem with large strings Pin
Wouter Devinck9-Nov-05 4:58
memberWouter Devinck9-Nov-05 4:58 
GeneralRe: Great work, A problem with large strings Pin
SotirisF9-Nov-05 6:07
memberSotirisF9-Nov-05 6:07 
GeneralExcellent Pin
Anonymous18-Sep-05 18:08
sussAnonymous18-Sep-05 18:08 
NewsThanks to thecodeproject Pin
Wouter Devinck5-Sep-05 8:38
memberWouter Devinck5-Sep-05 8:38 
GeneralRe: Thanks to thecodeproject Pin
Shailesh Pachori20-Sep-05 2:26
memberShailesh Pachori20-Sep-05 2:26 
GeneralExcellent Pin
Vanco30-Aug-05 21:06
memberVanco30-Aug-05 21:06 
GeneralRe: Excellent Pin
Wouter Devinck30-Aug-05 22:34
memberWouter Devinck30-Aug-05 22:34 
GeneralRe: Excellent Pin
Vanco30-Aug-05 22:35
memberVanco30-Aug-05 22:35 
GeneralGreat job !!!!, just a little problem.. Pin
derfy7424-Aug-05 1:12
memberderfy7424-Aug-05 1:12 
GeneralRe: Great job !!!!, just a little problem.. Pin
Wouter Devinck24-Aug-05 1:40
memberWouter Devinck24-Aug-05 1:40 
GeneralRe: Great job !!!!, just a little problem.. Pin
Wouter Devinck24-Aug-05 7:35
memberWouter Devinck24-Aug-05 7:35 
GeneralGreat Pin
vbinfo18-Aug-05 21:20
membervbinfo18-Aug-05 21:20 
GeneralRe: Great Pin
Wouter Devinck18-Aug-05 22:17
memberWouter Devinck18-Aug-05 22:17 
GeneralGreat Article Pin
tENBace18-Aug-05 2:53
membertENBace18-Aug-05 2:53 
GeneralRe: Great Article Pin
Wouter Devinck18-Aug-05 22:13
memberWouter Devinck18-Aug-05 22:13 
GeneralRe: Great Article Pin
computerguru9238223-Aug-05 16:06
membercomputerguru9238223-Aug-05 16:06 
GeneralRe: Great Article Pin
Wouter Devinck3-Sep-05 9:38
memberWouter Devinck3-Sep-05 9:38 
GeneralGreat Article Pin
masukuma18-Sep-05 20:54
sussmasukuma18-Sep-05 20:54 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.150728.1 | Last Updated 1 Dec 2005
Article Copyright 2005 by Wouter Devinck
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid