Toggle switch control in Windows Forms

by

I know this is a Windows Forms question. But you may want to take a look at Toggle Switches or read more about Universal Windows App Components.

Anyway, here is an answer for Windows Forms developers. It shows how we can customize rendering of a checkbox to have such appearance.

Currently you are drawing only an ellipse, and it’s quite a toggle button. But if you want to show it like the below image, you should first draw a round shape for background, and then based on the Checked value, draw the check circle. Using the code in Example part of the answer you can have a CheckBox with such a UI:

Enter image description here

Example

The important thing about this sample is it’s completely a CheckBox control and supports check using mouse and keyboard. It also supports data-binding and all other standard features of CheckBox. The code is not perfect, but it is a good start point to have a yes/no toggle switch:

using System.Drawing;
using System.Drawing.Drawing2D;
using System.Windows.Forms;

public class MyCheckBox : CheckBox
{
    public MyCheckBox()
    {
        SetStyle(ControlStyles.UserPaint | ControlStyles.AllPaintingInWmPaint, true);
        Padding = new Padding(6);
    }
    protected override void OnPaint(PaintEventArgs e)
    {
        this.OnPaintBackground(e);
        e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
        using (var path = new GraphicsPath())
        {
            var d = Padding.All;
            var r = this.Height - 2 * d;
            path.AddArc(d, d, r, r, 90, 180);
            path.AddArc(this.Width - r - d, d, r, r, -90, 180);
            path.CloseFigure();
            e.Graphics.FillPath(Checked ? Brushes.DarkGray : Brushes.LightGray, path);
            r = Height - 1;
            var rect = Checked ? new Rectangle(Width - r - 1, 0, r, r)
                               : new Rectangle(0, 0, r, r);
            e.Graphics.FillEllipse(Checked ? Brushes.Green : Brushes.WhiteSmoke, rect);
        }
    }
}

More Related Contents:

  1. How do you simulate Mouse Click in C#?
  2. DPI Awareness – Unaware in one Release, System Aware in the Other [duplicate]
  3. Checking for directory and file write permissions in .NET
  4. How can I make a .NET Windows Forms application that only runs in the System Tray?
  5. Cross-thread operation not valid [duplicate]
  6. Application.OpenForms.Count = 0 always
  7. WinForm UI Validation
  8. How can I make the cursor turn to the wait cursor?
  9. FTPS (FTP over SSL) in C#
  10. How to color different words with different colors in a RichTextBox while a user is writing and raise an event when that colored text is clicked
  11. A PictureBox Problem
  12. Center multiple rows of controls in a FlowLayoutPanel
  13. How to grant full permission to a file created by my application for ALL users?
  14. DataGridView checkbox column – value and functionality
  15. Detecting if paste event occurred inside a rich text box
  16. How to get the list of all printers in computer
  17. How do I capture Keys.F1 regardless of the focused control on a form?
  18. Rich Text Box how to highlight text block
  19. Add multiple images in the email body (inline)using c# windows application
  20. Irregular shaped Windows Form (C#)
  21. How to create Microsoft Access database in C# programmatically?
  22. Change language at runtime in C# winform
  23. Create custom shape for button
  24. Winforms TableLayoutPanel adding rows programmatically
  25. Auto-width of ComboBox’s content
  26. How can I show a tooltip on a disabled button?
  27. How to get the screenshot of the form
  28. How to determine the size of a string given a font
  29. How to catch a key press on a C# .NET form
  30. ComboBox AutoComplete on SubString

Leave a Comment