Button derived color selection control in C#

hey guys! im a new programmer and I want to apply this on my project. How can I make this possible to VB?

Great control! I found a small bug that shows up when another window is dragged over the top of the color control. The button does not draw properly because it is using the clip region as the entire size of the button. I switched the OnPaint call to use 'ClientRectangle' instead and that fixed it for me.

    protected override void OnPaint( PaintEventArgs e )<br />
    {<br />
        base.OnPaint( e ) ;<br />
<br />
        int offset = 0 ;<br />
<br />
        if( panelVisible || ( buttonPushed &&<br />
            RectangleToScreen( ClientRectangle ).Contains( Cursor.Position ) ) )<br />
        {<br />
            ControlPaint.DrawButton( e.Graphics, e.ClipRectangle, ButtonState.Pushed ) ;<br />
            offset = 1 ;<br />
        }<br />
<br />
        Rectangle rc = new Rectangle( ClientRectangle.Left + 5 + offset,<br />
                                      ClientRectangle.Top + 5 + offset,<br />
                                      ClientRectangle.Width - 24,<br />
                                      ClientRectangle.Height - 11 ) ;<br />
<br />
        ...<br />
<br />
        Pen textPen = new Pen( Enabled ? SystemColors.ControlText : SystemColors.GrayText ) ;<br />
        Point pt = new Point( rc.Right, ( ClientRectangle.Height + offset ) / 2 ) ;<br />
<br />
        e.Graphics.DrawLine( textPen, pt.X +  9, pt.Y - 1, pt.X + 13, pt.Y - 1 ) ;<br />
        e.Graphics.DrawLine( textPen, pt.X + 10, pt.Y,     pt.X + 12, pt.Y     ) ;<br />
        e.Graphics.DrawLine( textPen, pt.X + 11, pt.Y,     pt.X + 11, pt.Y + 1 ) ;<br />
    }

I needed a color picker that worked on a .NET toolbar ToolStrip. This was close but needed some changes. Here is my revised class:

public class ToolStripColorButton : ToolStripButton<br />
{<br />
    private System.ComponentModel.Container components = null ;<br />
<br />
    private Color buttonColor = Color.Transparent ;<br />
    private string autoButton = "Automatic" ;<br />
    private string moreButton = "More Colors..." ;<br />
<br />
    public event EventHandler Changed ;<br />
<br />
    public Color Color<br />
    {<br />
        get { return buttonColor ; }<br />
        set <br />
		{ <br />
			buttonColor = value ;<br />
			Invalidate();<br />
		}<br />
    }<br />
<br />
    public string Automatic<br />
    {<br />
        get { return autoButton ; }<br />
        set { autoButton = value ; }<br />
    }<br />
<br />
    public string MoreColors<br />
    {<br />
        get { return moreButton ; }<br />
        set { moreButton = value ; }<br />
    }<br />
<br />
	public bool DroppedDown<br />
	{<br />
		get { return this.Checked; }<br />
	}<br />
<br />
    protected virtual void OnChanged( EventArgs e )<br />
    {<br />
        if( Changed != null )<br />
            Changed( this, e ) ;<br />
    }<br />
<br />
	public ToolStripColorButton()<br />
    {<br />
		InitializeComponent();<br />
    }<br />
<br />
    protected override void Dispose( bool disposing )<br />
    {<br />
        if( disposing )<br />
        {<br />
            if( components != null )<br />
                components.Dispose() ;<br />
        }<br />
<br />
        base.Dispose( disposing ) ;<br />
    }<br />
<br />
    #region Vom Komponenten-Designer generierter Code<br />
    private void InitializeComponent()<br />
    {<br />
        components = new System.ComponentModel.Container() ;<br />
    }<br />
    #endregion<br />
<br />
    protected override void OnPaint( PaintEventArgs e )<br />
    {<br />
        base.OnPaint( e ) ;<br />
<br />
		int offset = 0;<br />
<br />
		Rectangle rc = new Rectangle(e.ClipRectangle.Left + 5 + offset,<br />
									  e.ClipRectangle.Top + 5 + offset,<br />
									  e.ClipRectangle.Width - 20,<br />
									  e.ClipRectangle.Height - 11);<br />
		Pen darkPen = new Pen(SystemColors.ControlDark);<br />
<br />
		if (Enabled)<br />
		{<br />
			e.Graphics.FillRectangle(new SolidBrush(buttonColor), rc);<br />
			e.Graphics.DrawRectangle(darkPen, rc);<br />
		}<br />
<br />
		Pen textPen = new Pen(Enabled ? SystemColors.ControlText : SystemColors.GrayText);<br />
		Point pt = new Point(rc.Right, (e.ClipRectangle.Height + offset) / 2);<br />
<br />
		e.Graphics.DrawLine(textPen, pt.X + 5, pt.Y - 1, pt.X + 9, pt.Y - 1);<br />
		e.Graphics.DrawLine(textPen, pt.X + 6, pt.Y, pt.X + 8, pt.Y);<br />
		e.Graphics.DrawLine(textPen, pt.X + 7, pt.Y, pt.X + 7, pt.Y + 1);<br />
    }<br />
<br />
    protected override void OnClick( EventArgs e )<br />
    {<br />
		this.Checked = true;<br />
		Invalidate();<br />
<br />
        Point pt = Parent.PointToScreen( new Point( this.Bounds.X, this.Bounds.Y + this.Bounds.Height ) ) ;<br />
<br />
        ColorPanel panel = new ColorPanel( pt, this ) ;<br />
        panel.Show() ;<br />
    }<br />
<br />
    protected class ColorPanel : System.Windows.Forms.Form<br />
    {<br />
		private ToolStripColorButton colorButton;<br />
        private int colorIndex = -1 ;<br />
        // ADDED: Ignazio Di Napoli - neclepsio@hotmail.com<br />
        private int keyboardIndex = -50 ;<br />
        // END ADDED<br />
<br />
        private Color[] colorList = new Color[40]<br />
        {<br />
            Color.FromArgb( 0x00, 0x00, 0x00 ), Color.FromArgb( 0x99, 0x33, 0x00 ),<br />
            Color.FromArgb( 0x33, 0x33, 0x00 ), Color.FromArgb( 0x00, 0x33, 0x00 ),<br />
            Color.FromArgb( 0x00, 0x33, 0x66 ), Color.FromArgb( 0x00, 0x00, 0x80 ),<br />
            Color.FromArgb( 0x33, 0x33, 0x99 ), Color.FromArgb( 0x33, 0x33, 0x33 ),<br />
<br />
            Color.FromArgb( 0x80, 0x00, 0x00 ), Color.FromArgb( 0xFF, 0x66, 0x00 ),<br />
            Color.FromArgb( 0x80, 0x80, 0x00 ), Color.FromArgb( 0x00, 0x80, 0x00 ),<br />
            Color.FromArgb( 0x00, 0x80, 0x80 ), Color.FromArgb( 0x00, 0x00, 0xFF ),<br />
            Color.FromArgb( 0x66, 0x66, 0x99 ), Color.FromArgb( 0x80, 0x80, 0x80 ),<br />
<br />
            Color.FromArgb( 0xFF, 0x00, 0x00 ), Color.FromArgb( 0xFF, 0x99, 0x00 ),<br />
            Color.FromArgb( 0x99, 0xCC, 0x00 ), Color.FromArgb( 0x33, 0x99, 0x66 ),<br />
            Color.FromArgb( 0x33, 0xCC, 0xCC ), Color.FromArgb( 0x33, 0x66, 0xFF ),<br />
            Color.FromArgb( 0x80, 0x00, 0x80 ), Color.FromArgb( 0x99, 0x99, 0x99 ),<br />
<br />
            Color.FromArgb( 0xFF, 0x00, 0xFF ), Color.FromArgb( 0xFF, 0xCC, 0x00 ),<br />
            Color.FromArgb( 0xFF, 0xFF, 0x00 ), Color.FromArgb( 0x00, 0xFF, 0x00 ),<br />
            Color.FromArgb( 0x00, 0xFF, 0xFF ), Color.FromArgb( 0x00, 0xCC, 0xFF ),<br />
            Color.FromArgb( 0x99, 0x33, 0x66 ), Color.FromArgb( 0xC0, 0xC0, 0xC0 ),<br />
<br />
            Color.FromArgb( 0xFF, 0x99, 0xCC ), Color.FromArgb( 0xFF, 0xCC, 0x99 ),<br />
            Color.FromArgb( 0xFF, 0xFF, 0x99 ), Color.FromArgb( 0xCC, 0xFF, 0xCC ),<br />
            Color.FromArgb( 0xCC, 0xFF, 0xFF ), Color.FromArgb( 0x99, 0xCC, 0xFF ),<br />
            Color.FromArgb( 0xCC, 0x99, 0xFF ), Color.FromArgb( 0xFF, 0xFF, 0xFF )<br />
        } ;<br />
<br />
		public ColorPanel(Point pt, ToolStripColorButton button)<br />
        {<br />
            colorButton = button ;<br />
<br />
            FormBorderStyle = FormBorderStyle.FixedDialog ;<br />
            MinimizeBox = false ;<br />
            MaximizeBox = false ;<br />
            ControlBox = false ;<br />
            ShowInTaskbar = false ;<br />
            TopMost = true ;<br />
<br />
            SetStyle( ControlStyles.DoubleBuffer, true ) ;<br />
            SetStyle( ControlStyles.UserPaint, true ) ;<br />
            SetStyle( ControlStyles.AllPaintingInWmPaint, true ) ;<br />
<br />
            Width = 156 ;<br />
            Height = 100 ;<br />
<br />
            if( colorButton.autoButton != "" )<br />
                Height += 23 ;<br />
            if( colorButton.moreButton != "" )<br />
                Height += 23 ;<br />
<br />
            CenterToScreen() ;<br />
            Location = pt ;<br />
<br />
            Capture = true ;<br />
        }<br />
<br />
        protected override void OnClosed( EventArgs e )<br />
        {<br />
            base.OnClosed( e ) ;<br />
<br />
			colorButton.Checked = false;<br />
			colorButton.Invalidate();<br />
        }<br />
<br />
        protected override void OnPaint( PaintEventArgs e )<br />
        {<br />
            base.OnPaint( e ) ;<br />
<br />
            Pen darkPen = new Pen( SystemColors.ControlDark ) ;<br />
            Pen lightPen = new Pen( SystemColors.ControlLightLight ) ;<br />
            SolidBrush lightBrush = new SolidBrush( SystemColors.ControlLightLight ) ;<br />
            bool selected = false ;<br />
            int x = 6, y = 5 ;<br />
<br />
            if( colorButton.autoButton != "" )<br />
            {<br />
                selected = colorButton.Color == Color.Transparent ;<br />
                DrawButton( e, x, y, colorButton.autoButton, 100, selected ) ;<br />
                y += 23 ;<br />
            }<br />
<br />
            for( int i = 0 ; i < 40 ; i++ )<br />
            {<br />
                if( colorButton.Color.ToArgb() == colorList[i].ToArgb() )<br />
                    selected = true ;<br />
<br />
                if( colorIndex == i )<br />
                {<br />
                    e.Graphics.DrawRectangle( lightPen, x - 3, y - 3, 17, 17 ) ;<br />
                    e.Graphics.DrawLine( darkPen, x - 2, y + 14, x + 14, y + 14 ) ;<br />
                    e.Graphics.DrawLine( darkPen, x + 14, y - 2, x + 14, y + 14 ) ;<br />
                }<br />
                else if( colorButton.Color.ToArgb() == colorList[i].ToArgb() )<br />
                {<br />
                    // ADDED: Ignazio Di Napoli - neclepsio@hotmail.com<br />
                    if( keyboardIndex == -50 )<br />
                        keyboardIndex = i ;<br />
                    // END ADDED<br />
<br />
                    e.Graphics.FillRectangle( lightBrush, x - 3, y - 3, 18, 18 ) ;<br />
                    e.Graphics.DrawLine( darkPen, x - 3, y - 3, x + 13, y - 3 ) ;<br />
                    e.Graphics.DrawLine( darkPen, x - 3, y - 3, x - 3, y + 13 ) ;<br />
                }<br />
<br />
                e.Graphics.FillRectangle( new SolidBrush( colorList[i] ), x, y, 11, 11 ) ;<br />
                e.Graphics.DrawRectangle( darkPen, x, y, 11, 11 ) ;<br />
<br />
                if( ( i + 1 ) % 8 == 0 )<br />
                {<br />
                    x = 6 ;<br />
                    y += 18 ;<br />
                }<br />
                else<br />
                    x += 18 ;<br />
            }<br />
<br />
            if( colorButton.moreButton != "" )<br />
                DrawButton( e, x, y, colorButton.moreButton, 101, ! selected ) ;<br />
        }<br />
<br />
        // ADDED: Ignazio Di Napoli - neclepsio@hotmail.com<br />
        protected override void OnKeyDown( KeyEventArgs e )<br />
        {<br />
            if( e.KeyCode == Keys.Escape )<br />
                Close() ;<br />
            else if( e.KeyCode == Keys.Left )<br />
                MoveIndex( -1 ) ;<br />
            else if( e.KeyCode == Keys.Up )<br />
                MoveIndex( -8 ) ;<br />
            else if( e.KeyCode == Keys.Down )<br />
                MoveIndex( +8 ) ;<br />
            else if( e.KeyCode == Keys.Right )<br />
                MoveIndex( +1 ) ;<br />
            else if( e.KeyCode == Keys.Enter ||<br />
                     e.KeyCode == Keys.Space )<br />
                OnClick( EventArgs.Empty ) ;<br />
            else<br />
                base.OnKeyDown( e ) ;<br />
        }<br />
<br />
        private void MoveIndex( int delta )<br />
        {<br />
            int lbound = ( colorButton.autoButton != "" ? -8 : 0 ) ;<br />
            int ubound = 39 + ( colorButton.moreButton != "" ? 8 : 0 ) ;<br />
            int d = ubound - lbound + 1 ;<br />
<br />
            if( delta == -1 && keyboardIndex < 0 )<br />
                keyboardIndex = ubound ;<br />
            else if( delta == 1 && keyboardIndex > 39 )<br />
                keyboardIndex = lbound ;<br />
            else if( delta == 1 && keyboardIndex < 0 )<br />
                keyboardIndex = 0 ;<br />
            else if( delta == -1 && keyboardIndex > 39 )<br />
                keyboardIndex = 39 ;<br />
            else<br />
                keyboardIndex += delta ;<br />
<br />
            if( keyboardIndex < lbound )<br />
                keyboardIndex += d ;<br />
            if( keyboardIndex > ubound )<br />
                keyboardIndex -= d ;<br />
<br />
            if( keyboardIndex < 0 )<br />
                colorIndex = 100 ;<br />
            else if( keyboardIndex > 39 )<br />
                colorIndex = 101 ;<br />
            else<br />
                colorIndex = keyboardIndex ;<br />
<br />
            Refresh() ;<br />
        }<br />
        // END ADDED<br />
<br />
        protected override void OnMouseDown( MouseEventArgs e )<br />
        {<br />
            if( RectangleToScreen( ClientRectangle ).Contains( Cursor.Position ) )<br />
                base.OnMouseDown( e ) ;<br />
            else<br />
                Close() ;<br />
        }<br />
<br />
        protected override void OnMouseMove( MouseEventArgs e )<br />
        {<br />
            base.OnMouseMove( e ) ;<br />
<br />
            if( RectangleToScreen( ClientRectangle ).Contains( Cursor.Position ) )<br />
            {<br />
                Point pt = PointToClient( Cursor.Position ) ;<br />
                int x = 6, y = 5 ;<br />
<br />
                if( colorButton.autoButton != "" )<br />
                {<br />
                    if( SetColorIndex( new Rectangle( x - 3, y - 3, 143, 22 ), pt, 100 ) )<br />
                        return ;<br />
<br />
                    y += 23 ;<br />
                }<br />
<br />
                for( int i = 0 ; i < 40 ; i++ )<br />
                {<br />
                    if( SetColorIndex( new Rectangle( x - 3, y - 3, 17, 17 ), pt, i ) )<br />
                        return ;<br />
<br />
                    if( ( i + 1 ) % 8 == 0 )<br />
                    {<br />
                        x = 6 ;<br />
                        y += 18 ;<br />
                    }<br />
                    else<br />
                        x += 18 ;<br />
                }<br />
<br />
                if( colorButton.moreButton != "" )<br />
                {<br />
                    if( SetColorIndex( new Rectangle( x - 3, y - 3, 143, 22 ), pt, 101 ) )<br />
                        return ;<br />
                }<br />
            }<br />
<br />
            if( colorIndex != -1 )<br />
            {<br />
                colorIndex = -1 ;<br />
                Invalidate() ;<br />
            }<br />
        }<br />
<br />
        protected override void OnClick( EventArgs e )<br />
        {<br />
            if( colorIndex < 0 )<br />
                return ;<br />
<br />
            if( colorIndex < 40 )<br />
                colorButton.Color = colorList[colorIndex] ;<br />
            else if( colorIndex == 100 )<br />
                colorButton.Color = Color.Transparent ;<br />
            else<br />
            {<br />
                ColorDialog dlg = new ColorDialog() ;<br />
                dlg.Color = colorButton.Color ;<br />
                dlg.FullOpen = true ;<br />
<br />
                if( dlg.ShowDialog( this ) != DialogResult.OK )<br />
                {<br />
                    Close() ;<br />
                    return ;<br />
                }<br />
<br />
                colorButton.Color = dlg.Color ;<br />
            }<br />
<br />
            Close() ;<br />
            colorButton.OnChanged( EventArgs.Empty ) ;<br />
        }<br />
<br />
        protected void DrawButton( PaintEventArgs e, int x, int y, string text,<br />
                                   int index, bool selected )<br />
        {<br />
            Pen darkPen = new Pen( SystemColors.ControlDark ) ;<br />
            Pen lightPen = new Pen( SystemColors.ControlLightLight ) ;<br />
            SolidBrush lightBrush = new SolidBrush( SystemColors.ControlLightLight ) ;<br />
<br />
            if( colorIndex == index )<br />
            {<br />
                e.Graphics.DrawRectangle( lightPen, x - 3, y - 3, 143, 22 ) ;<br />
                e.Graphics.DrawLine( darkPen, x - 2, y + 19, x + 140, y + 19 ) ;<br />
                e.Graphics.DrawLine( darkPen, x + 140, y - 2, x + 140, y + 19 ) ;<br />
            }<br />
            else if( selected )<br />
            {<br />
                e.Graphics.FillRectangle( lightBrush, x - 3, y - 3, 144, 23 ) ;<br />
                e.Graphics.DrawLine( darkPen, x - 3, y - 3, x + 139, y - 3 ) ;<br />
                e.Graphics.DrawLine( darkPen, x - 3, y - 3, x - 3, y + 18 ) ;<br />
            }<br />
<br />
            Rectangle rc = new Rectangle( x, y, 137, 16 ) ;<br />
            SolidBrush textBrush = new SolidBrush( SystemColors.ControlText ) ;<br />
<br />
            StringFormat textFormat = new StringFormat() ;<br />
            textFormat.Alignment = StringAlignment.Center ;<br />
            textFormat.LineAlignment = StringAlignment.Center ;<br />
<br />
            e.Graphics.DrawRectangle( darkPen, rc ) ;<br />
            e.Graphics.DrawString( text, colorButton.Font, textBrush, rc, textFormat ) ;<br />
        }<br />
<br />
        protected bool SetColorIndex( Rectangle rc, Point pt, int index )<br />
        {<br />
            if( rc.Contains( pt ) )<br />
            {<br />
                if( colorIndex != index )<br />
                {<br />
                    colorIndex = index ;<br />
                    Invalidate() ;<br />
                }<br />
<br />
                return true ;<br />
            }<br />
<br />
            return false ;<br />
        }<br />
    }<br />
}

Thanks!

I'm trying to use this control in an app that uses a manifest to provide the visual effects of XP. If I set the Flatstyle to System, the button renders but with out the dropdown indicator or the color panel. Any suggestions?

btw, nice job on this control.

Good job!

-- Tom Spink, Über Geek.

Thanks!

If I could perhaps make one small "idea" then it would be nice if the parent form that hosts the button does not lose "focus" when the colour panel appears, e.g. clicking the button will not show the parent form as deactivated, even though in reality it is.

I believe it has something to do with sending the WM_NCACTIVATE message back to the parent form, in order to draw it as active.

Other than that... It's a really cool button!

-- Tom Spink, Über Geek.

Button derived color selection control in C#

Introduction

How To Use

Properties

Color (get/set)

Automatic (get/set)

MoreColors (get/set)

Events

Changed

History

License

Comments and Discussions