ComboBox draw image on selected item

by

Change your ComboBox DrawMode to OwnerDrawVariable.
Use the DrawItem event to draw the images from your source (an ImageList, in this case) inside the ComboBox item Bounds.

If the ComboBox DropDownStyle is set to DropDownList, the image will be shown in the selection box; if it’s set to DropDown, only the text will be drawn.

Here, the Focus rectangle is only drawn when the mouse point hovers the ListControl’s items, while it’s not used when an item is selected, which is determined by:
(e.State.HasFlag(DrawItemState.Focus) && !e.State.HasFlag(DrawItemState.ComboBoxEdit)).

private void comboBox1_DrawItem(object sender, DrawItemEventArgs e)
{
    if (e.Index < 0) return;
    var cbo = sender as ComboBox;
    Color foreColor = e.ForeColor;

    if (e.State.HasFlag(DrawItemState.Selected) && !(e.State.HasFlag(DrawItemState.ComboBoxEdit))) {
        e.DrawBackground();
        e.DrawFocusRectangle(); // <= could be removed for a cleaner rendering
    }
    else {
        using (var brush = new SolidBrush(cbo.BackColor)) {
            var rect = e.Bounds;
            rect.Inflate(1, 1);
            e.Graphics.FillRectangle(brush, rect);
        }
        foreColor = cbo.ForeColor;
    }
    TextRenderer.DrawText(e.Graphics, cbo.GetItemText(cbo.Items[e.Index]), e.Font,
        new Point(e.Bounds.Height + 10, e.Bounds.Y), foreColor);

    e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
    e.Graphics.DrawImage(imageList1.Images[e.Index],
                         new Rectangle(e.Bounds.Location,
                         new Size(e.Bounds.Height - 2, e.Bounds.Height - 2)));
}

The Magic Numbers here (10, -2) are just offsets:
e.Bounds.Height + 10 => 10 pixels to the right of the image.
e.Bounds.Height -2 => 2 pixels less than the item.Bounds.Height.

ComboBox Ownerdraw with Images

More Related Contents:

  1. How to bind a List to a ComboBox?
  2. ComboBox: Adding Text and Value to an Item (no Binding Source)
  3. How to use the Paint event to draw shapes at mouse coordinates
  4. C# winforms combobox dynamic autocomplete
  5. Properly draw text using GraphicsPath
  6. Get the value for a listbox item by index
  7. Zoom and translate an Image from the mouse location
  8. How do I set the selected item in a comboBox to match my string using C#?
  9. Rounded edges in button C# (WinForms)
  10. Colour Individual Items in a winforms ComboBox?
  11. Windows Forms Graphic Issue on Windows 10 OS
  12. How can I make a ComboBox non-editable in .NET?
  13. How can I dynamically change auto complete entries in a C# combobox or textbox?
  14. How to draw a rounded rectangle in c#
  15. How to set selected value from Combobox?
  16. ComboBox SelectedItem vs SelectedValue
  17. Zooming graphics based on current mouse position
  18. Binding an enum to a WinForms combo box, and then setting it
  19. Raise an event when I hover the mouse over a ComboBox item
  20. How to draw a shape using GraphicsPath to create the Region of a Custom Control?
  21. Binding Combobox Using Dictionary as the Datasource
  22. Populating a ComboBox using C#
  23. Prevent AutoSelect behavior of a System.Window.Forms.ComboBox (C#)
  24. ComboBox placeholder text (hint, cue banner, default text)
  25. Auto-width of ComboBox’s content
  26. How to prevent/cancel a combobox’s value change in c#?
  27. Disabling particular Items in a Combobox
  28. How can I add transparency to a c# form while keeping controls visible?
  29. Rotate Point around pivot Point repeatedly
  30. How to apply a fade transition effect to Images using a Timer?

Leave a Comment