첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
유용한 소스 코드가 있으면 icodebroker@naver.com으로 보내주시면 감사합니다.
블로그 자료는 자유롭게 사용하세요.

■ 색상 휠 대화 상자 사용하기

------------------------------------------------------------------------------------------------------------------------

 


TestProject.zip


ColorWheelForm.cs

 

 

using System;

using System.Drawing;

using System.Drawing.Drawing2D;

using System.Windows.Forms;

 

namespace TestProject

{

    /// <summary>

    /// 색상 휠 폼

    /// </summary>

    public partial class ColorWheelForm : Form

    {

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field

        ////////////////////////////////////////////////////////////////////////////////////////// Private

 

        #region Field

 

        /// <summary>

        /// 소스 비트맵

        /// </summary>

        private Bitmap sourceBitmap = null;

 

        /// <summary>

        /// 선택 색상

        /// </summary>

        private Color selectedColor = SystemColors.Control;

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property

        ////////////////////////////////////////////////////////////////////////////////////////// Public

 

        #region 선택 색상 - SelectedColor

 

        /// <summary>

        /// 선택 색상

        /// </summary>

        public Color SelectedColor

        {

            get

            {

                return this.selectedColor;

            }

            set

            {

                this.selectedColor = value;

 

                this.selectColorPictureBox.Image = GetSampleBitmap

                (

                    value,

                    this.selectColorPictureBox.ClientSize.Width,

                    this.selectColorPictureBox.ClientSize.Height

                );

 

                this.alphaHScrollBar.Value = value.A;

 

                this.alphaTextBox.Text = this.alphaHScrollBar.Value.ToString();

            }

        }

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

        ////////////////////////////////////////////////////////////////////////////////////////// Public

 

        #region 생성자 - MainForm()

 

        /// <summary>

        /// 생성자

        /// </summary>

        public ColorWheelForm()

        {

            InitializeComponent();

 

            #region 이벤트를 설정한다.

 

            Load                             += Form_Load;

            this.canvasPictureBox.MouseMove  += canvasPictureBox_MouseMove;

            this.canvasPictureBox.MouseClick += canvasPictureBox_MouseClick;

            this.alphaHScrollBar.Scroll      += alphaHScrollBar_Scroll;

            this.saturationHScrollBar.Scroll += saturationHScrollBar_Scroll;

 

            #endregion

        }

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        //////////////////////////////////////////////////////////////////////////////// Event

 

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

 

        /// <summary>

        /// 폼 로드시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void Form_Load(object sender, EventArgs e)

        {

            DrawColorWheel();

        }

 

        #endregion

        #region 캔버스 픽처 박스 마우스 이동시 처리하기 - canvasPictureBox_MouseMove(sender, e)

 

        /// <summary>

        /// 캔버스 픽처 박스 마우스 이동시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void canvasPictureBox_MouseMove(object sender, MouseEventArgs e)

        {

            this.sampleColorPictureBox.Image = GetSampleBitmap

            (

                GetColor(e.X, e.Y),

                this.sampleColorPictureBox.ClientSize.Width,

                this.sampleColorPictureBox.ClientSize.Height

            );

        }

 

        #endregion

        #region 캔버스 픽처 박스 마우스 클릭시 처리하기 - canvasPictureBox_MouseClick(sender, e)

 

        /// <summary>

        /// 캔버스 픽처 박스 마우스 클릭시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void canvasPictureBox_MouseClick(object sender, MouseEventArgs e)

        {

            this.selectedColor = GetColor(e.X, e.Y);

        }

 

        #endregion

        #region 투명도 수평 스크롤바 스크롤시 처리하기 - alphaHScrollBar_Scroll(sender, e)

 

        /// <summary>

        /// 투명도 수평 스크롤바 스크롤시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void alphaHScrollBar_Scroll(object sender, ScrollEventArgs e)

        {

            this.alphaTextBox.Text = this.alphaHScrollBar.Value.ToString();

 

            DrawColorWheel();

        }

 

        #endregion

        #region 채도 수평 스크롤바 스크롤시 처리하기 - saturationHScrollBar_Scroll(sender, e)

 

        /// <summary>

        /// 채도 수평 스크롤바 스크롤시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void saturationHScrollBar_Scroll(object sender, ScrollEventArgs e)

        {

            this.saturationTextBox.Text = this.saturationHScrollBar.Value.ToString();

 

            DrawColorWheel();

        }

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////// Function

 

        #region 그리드 그리기 - DrawGrid(graphics, width, height)

 

        /// <summary>

        /// 그리드 그리기

        /// </summary>

        /// <param name="graphics">그래픽스</param>

        /// <param name="width">너비</param>

        /// <param name="height">높이</param>

        private void DrawGrid(Graphics graphics, int width, int height)

        {

            graphics.Clear(Color.White);

 

            using(Pen pen = new Pen(Color.Black, 2))

            {

                for(int x = 10; x < width; x += 20)

                {

                    graphics.DrawLine(pen, x, 0, x, height - 1);

                }

 

                for(int y = 10; y < height; y += 20)

                {

                    graphics.DrawLine(pen, 0, y, width - 1, y);

                }

            }

        }

 

        #endregion

        #region 서라운드 색상 배열 설정하기 - SetSurroundColorArray(surroundColorArray, index, stopPoint,

            fromAlpha, fromRed, fromGreen, fromBlue, toAlpha, toRed, toGreen, toBlue)

 

        /// <summary>

        /// 서라운드 색상 배열 설정하기

        /// </summary>

        /// <param name="surroundColorArray">서라운드 색상 배열</param>

        /// <param name="index">인덱스</param>

        /// <param name="stopPoint">중단 포인트</param>

        /// <param name="fromAlpha">FROM 투명도</param>

        /// <param name="fromRed">FROM 빨간색</param>

        /// <param name="fromGreen">FROM 녹색</param>

        /// <param name="fromBlue">FROM 파란색</param>

        /// <param name="toAlpha">TO 투명도</param>

        /// <param name="toRed">TO 빨간색</param>

        /// <param name="toGreen">TO 녹색</param>

        /// <param name="toBlue">TO 파란색</param>

        private void SetSurroundColorArray(Color[] surroundColorArray, ref int index, float stopPoint,

            int fromAlpha, int fromRed, int fromGreen, int fromBlue, int toAlpha, int toRed, int toGreen, int toBlue)

        {

            int pointCount = (int)stopPoint - index;

 

            float alpha = fromAlpha;

            float red   = fromRed;

            float green = fromGreen;

            float blue  = fromBlue;

 

            float deltaAlpha = (toAlpha - fromAlpha) / (pointCount - 1);

            float deltaRed   = (toRed   - fromRed  ) / (pointCount - 1);

            float deltaGreen = (toGreen - fromGreen) / (pointCount - 1);

            float deltaBlue  = (toBlue  - fromBlue ) / (pointCount - 1);

 

            for(int i = 0; i < pointCount; i++)

            {

                surroundColorArray[index++] = Color.FromArgb((int)alpha, (int)red, (int)green, (int)blue);

 

                alpha += deltaAlpha;

                red   += deltaRed;

                green += deltaGreen;

                blue  += deltaBlue;

            }

        }

 

        #endregion

        #region 색상 휠 그리기 - DrawColorWheel(graphics, outlineColor, minimumX, minimumY, width, height)

 

        /// <summary>

        /// 색상 휠 그리기

        /// </summary>

        /// <param name="graphics">그래픽스</param>

        /// <param name="outlineColor">외곽선 색상</param>

        /// <param name="minimumX">최소 X 좌표</param>

        /// <param name="minimumY">최소 Y 좌표</param>

        /// <param name="width">너비</param>

        /// <param name="height">높이</param>

        private void DrawColorWheel(Graphics graphics, Color outlineColor, int minimumX, int minimumY, int width, int height)

        {

            Rectangle rectangle = new Rectangle(minimumX, minimumY, width, height);

 

            GraphicsPath wheelGraphicsPath = new GraphicsPath();

 

            wheelGraphicsPath.AddEllipse(rectangle);

 

            wheelGraphicsPath.Flatten();

 

            int alpha      = this.alphaHScrollBar.Value;

            int saturation = this.saturationHScrollBar.Value;

 

            float pointCount = (wheelGraphicsPath.PointCount - 1) / 6;

 

            Color[] surroundColorArray = new Color[wheelGraphicsPath.PointCount];

 

            int index = 0;

 

            SetSurroundColorArray

            (

                surroundColorArray,

                ref index,

                1 * pointCount,

                alpha,

                saturation,

                0,

                0,

                alpha,

                saturation,

                0,

                saturation

            );

 

            SetSurroundColorArray

            (

                surroundColorArray,

                ref index,

                2 * pointCount,

                alpha,

                saturation,

                0,

                saturation,

                alpha,

                0,

                0,

                saturation

            );

 

            SetSurroundColorArray

            (

                surroundColorArray,

                ref index,

                3 * pointCount,

                alpha,

                0,

                0,

                saturation,

                alpha,

                0,

                saturation,

                saturation

            );

 

            SetSurroundColorArray

            (

                surroundColorArray,

                ref index,

                4 * pointCount,

                alpha,

                0,

                saturation,

                saturation,

                alpha,

                0,

                saturation,

                0

            );

 

            SetSurroundColorArray

            (

                surroundColorArray,

                ref index,

                5 * pointCount,

                alpha,

                0,

                saturation,

                0,

                alpha,

                saturation,

                saturation,

                0

            );

 

            SetSurroundColorArray

            (

                surroundColorArray,

                ref index,

                wheelGraphicsPath.PointCount,

                alpha,

                saturation,

                saturation,

                0,

                alpha,

                saturation,

                0,

                0

            );

 

            using (PathGradientBrush pathBrush = new PathGradientBrush(wheelGraphicsPath))

            {

                pathBrush.CenterColor    = Color.FromArgb(alpha, 255, 255, 255);

                pathBrush.SurroundColors = surroundColorArray;

 

                graphics.FillPath(pathBrush, wheelGraphicsPath);

 

                using(Pen thickPen = new Pen(outlineColor, 2))

                {

                    graphics.DrawPath(thickPen, wheelGraphicsPath);

                }

            }

        }

 

        #endregion

        #region 색상 휠 그리기 - DrawColorWheel()

 

        /// <summary>

        /// 색상 휠 그리기

        /// </summary>

        private void DrawColorWheel()

        {

            int width  = this.canvasPictureBox.Width;

            int height = this.canvasPictureBox.Height;

 

            this.sourceBitmap = new Bitmap(width, height);

 

            using(Graphics graphics = Graphics.FromImage(this.sourceBitmap))

            {

                graphics.SmoothingMode = SmoothingMode.AntiAlias;

 

                DrawColorWheel(graphics, Color.White, 0, 0, width, height);

            }

 

            Bitmap displayBitmap = new Bitmap(width, height);

 

            using(Graphics graphics = Graphics.FromImage(displayBitmap))

            {

                graphics.SmoothingMode = SmoothingMode.AntiAlias;

 

                DrawGrid(graphics, width, height);

 

                DrawColorWheel(graphics, Color.White, 0, 0, width, height);

            }

 

            this.canvasPictureBox.Image = displayBitmap;

        }

 

        #endregion

        #region 색상 구하기 - GetColor(x, y)

 

        /// <summary>

        /// 색상 구하기

        /// </summary>

        /// <param name="x">X 좌표</param>

        /// <param name="y">Y 좌표</param>

        /// <returns>색상</returns>

        private Color GetColor(int x, int y)

        {

            int width = this.canvasPictureBox.Width;

 

            float centetX = width / 2f;

            float centerY = width / 2f;

            float deltaX  = centetX - x;

            float deltaY  = centerY - y;

 

            if(deltaX * deltaX + deltaY * deltaY > centetX * centetX)

            {

                return BackColor;

            }

 

            return this.sourceBitmap.GetPixel(x, y);

        }

 

        #endregion

        #region 샘플 비트맵 구하기 - GetSampleBitmap(color, width, height)

 

        /// <summary>

        /// 샘플 비트맵 구하기

        /// </summary>

        /// <param name="color">색상</param>

        /// <param name="width">너비</param>

        /// <param name="height">높이</param>

        /// <returns>샘플 비트맵</returns>

        private Bitmap GetSampleBitmap(Color color, int width, int height)

        {

            Bitmap bitmap = new Bitmap(width, height);

 

            using(Graphics graphics = Graphics.FromImage(bitmap))

            {

                DrawGrid(graphics, width, height);

 

                using(Brush brush = new SolidBrush(color))

                {

                    graphics.FillRectangle(brush, 0, 0, width, height);

                }

            }

 

            return bitmap;

        }

 

        #endregion

    }

}

 

 

MainForm.cs

 

 

using System;

using System.Drawing;

using System.Drawing.Drawing2D;

using System.Windows.Forms;

 

namespace TestProject

{

    /// <summary>

    /// 메인 폼

    /// </summary>

    public partial class MainForm : Form

    {

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field

        ////////////////////////////////////////////////////////////////////////////////////////// Private

 

        #region Field

 

        /// <summary>

        /// 색상 1

        /// </summary>

        private Color color1 = Color.FromArgb(128, 255, 0, 0);

 

        /// <summary>

        /// 색상 2

        /// </summary>

        private Color color2 = Color.FromArgb(128, 0, 0, 255);

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

        ////////////////////////////////////////////////////////////////////////////////////////// Public

 

        #region 생성자 - MainForm()

 

        /// <summary>

        /// 생성자

        /// </summary>

        public MainForm()

        {

            InitializeComponent();

 

            #region 이벤트를 설정한다.

 

            this.color1Button.Click      += color1Button_Click;

            this.color2Button.Click      += color2Button_Click;

            this.samplePictrueBox.Resize += samplePictureBox_Resize;

            this.samplePictrueBox.Paint  += samplePictureBox_Paint;

 

            #endregion

        }

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        //////////////////////////////////////////////////////////////////////////////// Event

 

        #region 색상 1 버튼 클릭시 처리하기 - color1Button_Click(sender, e)

 

        /// <summary>

        /// 색상 1 버튼 클릭시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void color1Button_Click(object sender, EventArgs e)

        {

            ColorWheelForm form = new ColorWheelForm();

 

            form.SelectedColor = this.color1;

 

            if(form.ShowDialog() == DialogResult.OK)

            {

                this.color1 = form.SelectedColor;

            }

 

            samplePictrueBox.Refresh();

        }

 

        #endregion

        #region 색상 2 버튼 클릭시 처리하기 - color2Button_Click(sender, e)

 

        /// <summary>

        /// 색상 2 버튼 클릭시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void color2Button_Click(object sender, EventArgs e)

        {

            ColorWheelForm form = new ColorWheelForm();

 

            form.SelectedColor = this.color2;

 

            if(form.ShowDialog() == DialogResult.OK)

            {

                this.color2 = form.SelectedColor;

            }

 

            this.samplePictrueBox.Refresh();

        }

 

        #endregion

        #region 샘플 픽처 박스 크기 조정시 처리하기 - samplePictureBox_Resize(sender, e)

 

        /// <summary>

        /// 샘플 픽처 박스 크기 조정시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void samplePictureBox_Resize(object sender, EventArgs e)

        {

            this.samplePictrueBox.Refresh();

        }

 

        #endregion

        #region 샘플 픽처 박스 페인트시 처리하기 - samplePictureBox_Paint(sender, e)

 

        /// <summary>

        /// 샘플 픽처 박스 페인트시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        private void samplePictureBox_Paint(object sender, PaintEventArgs e)

        {

            e.Graphics.Clear(Color.White);

 

            int width  = this.samplePictrueBox.ClientSize.Width;

            int height = this.samplePictrueBox.ClientSize.Height;

 

            e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;

 

            using(Pen pen = new Pen(Color.Black, 3))

            {

                for(int x = 10; x <= width; x += 20)

                {

                    e.Graphics.DrawLine(pen, x, 0, x, height);

                }

 

                for(int y = 10; y <= height; y += 20)

                {

                    e.Graphics.DrawLine(pen, 0, y, width, y);

                }

            }

 

            int third = this.samplePictrueBox.ClientSize.Width / 3;

 

            using(Brush brush = new SolidBrush(this.color1))

            {

                e.Graphics.FillEllipse(brush, 0, 0, 2 * third, height);

            }

 

            using(Brush brush = new SolidBrush(this.color2))

            {

                e.Graphics.FillEllipse(brush, third, 0, 2 * third, height);

            }

        }

 

        #endregion

    }

}

 

------------------------------------------------------------------------------------------------------------------------

Posted by 사용자 icodebroker

댓글을 달아 주세요