WPF : A Simple Color Picker With Preview

• Download code : 1,410 KB

 

Contents

• Introduction
• The Code
• So What Do You Think ?
• More News

Introduction

Yesterday I posted an article about creating a WPF Graph and when I post a new article I always have a look at the new articles, including those awaiting public status. Yesterday someone publised a WPF color picker, that looked really cool. The only problem was the code was not attached to that article and the article text gave you no clue as to how the damn thing worked. I joked to a fellow code project author that I just may have to try and write a color picker for WPF, as this article sparked my interest a bit.

As luck would have it, I woke up today (Monday) and tried to get into work (I work in London and live 50 mile aways), but was faced with the worst snow storm in the UK for some time. No trains/buses/taxis we on, so guess what I did. That's right, I wrote a color picker.

This article is it.

It is very simple actually. I should point out before I start that I did borrow an idea or 2 from other exellent sources from the www. So I would like to start by having a special thanks section.

Special Thanks Goes Out To

• Lee Brimelow : For his idea of having an image swatch image, and copying the pixel under the mouse. Read more about this at Lees blog

  http://thewpfblog.com/?p=62

• ShawnVN's Blog : For his idea of having an a preview area and a Alpha slider. Read more about his alternative honeycomb color picker over at his blog

  http://weblogs.asp.net/savanness/archive/2006/12/05/colorcomb-yet-another-color-picker-dialog-for-wpf.aspx

 

The Code

So how does it all work. Well it is actually so simple you probably would think "Ha, is that it". Well yep, this next section explains all that is inviolved which aint that much. Simplicity is good.

There is a WPF Window called ColorDialog which holds the actual ColorPicker control. Here is the XAML:

<Window x:Class="WPFColorPickerLib.ColorDialog"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPFColorPickerLib"
    Icon="Images/ColorSwatchSquare.png"
    Title="Pick Color" Height="370" 
    KeyDown="Window_KeyDown"
    Width="520" WindowStartupLocation="CenterOwner">
    
    <local:ColorPicker x:Name="colorPicker"/>
        
</Window>

This ColorDialog window is the one you can use from your own code. The ColorDialog window exposes a single property which is really just the value of the currently selected color within the contained ColorPicker control.

Here is the code behind for the ColorDialog window:

public partial class ColorDialog : Window
{
    #region Ctor
    public ColorDialog()
    {
        InitializeComponent();
    }
    #endregion

    #region Public Properties
    public Color SelectedColor
    {
        get { return colorPicker.SelectedColor; }
    }
    #endregion

    #region Private Methods
    /// <summary>
    /// Closes the dialog on Enter key pressed
    /// </summary>
    private void Window_KeyDown(object sender, KeyEventArgs e)
    {
        if (e.Key == Key.Enter)
        {
            this.Close();
        }
    }

    /// <summary>
    /// User is happy with choice
    /// </summary>
    private void btnOk_Click(object sender, RoutedEventArgs e)
    {
        DialogResult = true;
    }

    /// <summary>
    /// User is not happy with choice
    /// </summary>
    private void btnCancel_Click(object sender, RoutedEventArgs e)
    {
        DialogResult = false;
    }
    #endregion
}

And here is how you could use it from your own WPF code to set a Color:

private void btnPickColor_Click(object sender, RoutedEventArgs e)
{
    ColorDialog colorDialog = new ColorDialog();
    colorDialog.Owner = this;
    if ((bool)colorDialog.ShowDialog())
    {
        RectColorPicked.Fill = new SolidColorBrush(colorDialog.SelectedColor);
    }
}

The actual ColorPicker control works as follows:

There are a number of static swatch images

That the user may pick from using the image buttons provided at the top of the ColorPicker control. The user is then able to use the mouse to move around the image, and also adjust the Alpha value using the slider. The SelectedColor is worked out based on where the mouse is in relationship to the current static swatch image. Basically a single pixel under the mouse is retrieved from the current static swatch image, and this is made into a 1*1 byte array, and then the values within this 1*1 byte array are used to create a Color, taking into account the current Alpha slider value.

The following diagram may help to explain it a little better.

One of the nice things about this control is the Preview, which is simply using a WPF InkPresenter control and showing some strokes on it. And the nice checker background is easily ahcieved in WPF using a DrawingBrush.

In essence that is how it works, so probably time for some code.

Here is the entire XAML for the ColorPicker control.

<UserControl x:Class="WPFColorPickerLib.ColorPicker"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="340" Width="510">


    <UserControl.Resources>
        <DrawingBrush x:Key="CheckerboardBrush" 
        Stretch="None" TileMode="Tile" AlignmentX="Left" AlignmentY="Top" 
        Viewport="0,0,10,10" ViewportUnits="Absolute">
            <DrawingBrush.Drawing>
                <DrawingGroup>
                    <GeometryDrawing Brush="sc# 1,1,1">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="0,0,10,10" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                    <GeometryDrawing Brush="sc# 0.5,0.5,0.5">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="0,0,5,5" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                    <GeometryDrawing Brush="sc# 0.5,0.5,0.5">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="5,5,5,5" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingGroup>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </UserControl.Resources>

    
    <Grid Background="White">

        <Grid.RowDefinitions>
            <RowDefinition Height="35"/>
            <RowDefinition Height="230"/>
            <RowDefinition Height="70"/>
        </Grid.RowDefinitions>

        <StackPanel Grid.Row="0" Height="35" 
                    HorizontalAlignment="Stretch" Orientation="Horizontal" 
                    Background="Black">
            <Label Content="Pick swatch type" Foreground="White" FontWeight="Bold" 
                   VerticalAlignment="Center"/>
            <Image x:Name="ImgSqaure1" Height="20" Width="20" 
                   Source="Images/ColorSwatchSquare.png" Margin="45,0,0,0" 
                   ToolTip="Square swatch1" 
                   MouseLeftButtonDown="Swatch_MouseLeftButtonDown"/>
            <Image x:Name="ImgSqaure2" Height="20" Width="20" 
                   Source="Images/ColorSwatchSquare2.png" Margin="5,0,0,0" 
                   ToolTip="Square swatch2" 
                   MouseLeftButtonDown="Swatch_MouseLeftButtonDown"/>
            <Image x:Name="ImgCircle1" Height="20" Width="20" 
                   Source="Images/ColorSwatchCircle.png" Margin="5,0,0,0" 
                   ToolTip="Circle swatch1" 
                   MouseLeftButtonDown="Swatch_MouseLeftButtonDown"/>
        </StackPanel>

        <Grid Grid.Row="1" Height="230" VerticalAlignment="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="170"/>
                <ColumnDefinition Width="170"/>
                <ColumnDefinition Width="170"/>
            </Grid.ColumnDefinitions>

            <!-- Colorbox, Column1-->
            <Grid Grid.Column="0" Grid.Row="0" Margin="10,30,0,0" >

                <Border BorderBrush="Black" BorderThickness="2" 
                    HorizontalAlignment="Center" VerticalAlignment="Top"
                        Background="White"
                        Width="154" Height="154">
                </Border>
              
                
                
                <Image x:Name="ColorImage" Width="150" Height="150" 
                       HorizontalAlignment="Center"
                       VerticalAlignment="Top" Margin="2"
                       Source="Images/ColorSwatchSquare.png"/>

                <Canvas x:Name="CanvImage" Width="150" Height="150" 
                       HorizontalAlignment="Center"
                       Background="Transparent"
                       VerticalAlignment="Top" Margin="2"
                       MouseDown="CanvImage_MouseDown"
                       MouseUp="CanvImage_MouseUp"
                       MouseMove="CanvImage_MouseMove">
                    <Ellipse x:Name="ellipsePixel" Width="10" 
                       Height="10" Stroke="Black" Fill="White" 
                       Canvas.Left="0" Canvas.Top="0"/> 
                    
                </Canvas>


            </Grid>

            <!-- Preview, Column1-->
            <StackPanel Grid.Column="1" Orientation="Vertical" >
                <Label Content="Preview" Margin="5,0,0,0" HorizontalAlignment="Left" 
                       Foreground="Black" FontWeight="Bold" VerticalAlignment="Center"/>

                <Border Margin="4,5,10,0" Width="154" Height="154" 
                        HorizontalAlignment="Left" BorderBrush="Black" BorderThickness="2"
                        Background="{StaticResource CheckerboardBrush}">
                    <InkPresenter Name="previewPresenter" Margin="0" Width="150" Height="150"
                        Strokes="AOcBAxdIEESAgYAERYQBGwIAJAFGhAEbAgAkAQUBOBkgMgkA9P8CAekiOkU
						zCQD4nwIBWiA6RTgIAP4DAAAAgH8RAACAPx8JEQAAAAAAAPA/CpYBNIfm3uajgcQgUU
						iUkjUelEal0KkUBh0HichlM1mtJotZp9JodDl8jk8ZgcBiUOjUYl08m0+l0+lFCjksjE
						SAh+kg6auNwaEwSBQiEQyLRKTRiVSiUSSORyLQ6JQSBIPFYnKZTL5fOZfMZXL4/H47DY
						LBYHFoJLIpEo9GgIP3OB5PlxLCJiZmU1MISSi4SJiS74+D4+4o" />
                </Border>

            </StackPanel>

            <!-- TextBoxes, Column2-->
            <StackPanel Grid.Column="2" Orientation="Vertical" >

                <StackPanel Orientation="Horizontal" Margin="0,30,0,0">
                    <Label Content="A" Margin="5,0,0,0" HorizontalAlignment="Left" 
                            Foreground="Black" FontWeight="Bold" VerticalAlignment="Center"/>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                            BorderThickness="2" Width="50" Height="30">
                        <TextBox x:Name="txtAlpha" BorderThickness="0" Background="LightGray" 
                            BorderBrush="Transparent" Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                            BorderThickness="2" Margin="10,0,0,0" Width="50" Height="30">
                        <TextBox x:Name="txtAlphaHex" BorderThickness="0" 
                            Background="LightGray" BorderBrush="Transparent"
                            Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                    <Label Content="R" Margin="5,0,0,0" HorizontalAlignment="Left" 
                            Foreground="Black" FontWeight="Bold" VerticalAlignment="Center"/>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                            BorderThickness="2" Width="50" Height="30">
                        <TextBox x:Name="txtRed" BorderThickness="0" Background="LightGray" 
                            BorderBrush="Transparent" Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                            BorderThickness="2" Margin="10,0,0,0" Width="50" Height="30">
                        <TextBox x:Name="txtRedHex" BorderThickness="0" Background="LightGray" 
                            BorderBrush="Transparent" Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                    <Label Content="G" Margin="5,0,0,0" HorizontalAlignment="Left" 
                            Foreground="Black" FontWeight="Bold" 
                            VerticalAlignment="Center"/>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                            BorderThickness="2" Width="50" Height="30">
                        <TextBox x:Name="txtGreen" BorderThickness="0" 
                            Background="LightGray" BorderBrush="Transparent" 
                            Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray"
                            BorderThickness="2" Margin="10,0,0,0" Width="50" Height="30">
                        <TextBox x:Name="txtGreenHex" BorderThickness="0"
                            Background="LightGray" BorderBrush="Transparent" 
                            Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                    <Label Content="B" Margin="5,0,0,0" HorizontalAlignment="Left" 
                           Foreground="Black" FontWeight="Bold" 
                           VerticalAlignment="Center"/>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                           BorderThickness="2" Width="50" Height="30">
                        <TextBox x:Name="txtBlue" BorderThickness="0" Background="LightGray" 
                           BorderBrush="Transparent" Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                    <Border CornerRadius="5" BorderBrush="Black" Background="LightGray" 
                            BorderThickness="2" Margin="10,0,0,0" Width="50" Height="30">
                        <TextBox x:Name="txtBlueHex" BorderThickness="0" 
                            Background="LightGray" BorderBrush="Transparent" 
                            Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                    <Border CornerRadius="5" Margin="22,0,0,0" Background="LightGray" 
                            BorderBrush="Black" BorderThickness="2" Width="112" Height="30">
                        <TextBox x:Name="txtAll" BorderThickness="0" Background="LightGray" 
                            BorderBrush="Transparent" Margin="5,1,5,1" IsReadOnly="True"/>
                    </Border>
                </StackPanel>
                
            </StackPanel>
            
        </Grid>

        <!--AlphaSlider-->
        <Border x:Name="AlphaBorder" Grid.Row="2" Grid.ColumnSpan="2" 
                BorderBrush="Black" Height="60"
                BorderThickness="2" CornerRadius="5" Margin="10,5,10,5">
            <Slider x:Name="AlphaSlider" Orientation="Horizontal" 
                Minimum="0" Maximum="255" 
                SmallChange="1" LargeChange="25"
                VerticalAlignment="Center" Margin="5" 
                Value="255"
                ValueChanged="AlphaSlider_ValueChanged"/>

        </Border>

    </Grid>
</UserControl>

And here is all the C# code behind for the ColorPicker control.

public partial class ColorPicker : UserControl
{
    #region Data
    private DrawingAttributes drawingAttributes = new DrawingAttributes();
    private Color selectedColor = Colors.Transparent;
    private Boolean IsMouseDown = false;
    #endregion

    #region Ctor
    public ColorPicker()
    {
        InitializeComponent();
        this.Loaded += new RoutedEventHandler(ColorPicker_Loaded);
    }
    #endregion

    #region Public Properties
    /// <summary>
    /// gets or privately sets the selected
    /// Color. When the Color is set 
    /// the CreateAlphaLinearBrush()/UpdateTextBoxes()
    /// and UpdateInk() methods are called
    /// </summary>
    public Color SelectedColor
    {
        get { return selectedColor; }
        private set
        {
            if (selectedColor != value)
            {
                selectedColor = value;
                CreateAlphaLinearBrush();
                UpdateTextBoxes();
                UpdateInk();
            }
        }
    }
    #endregion

    #region Private Methods
    /// <summary>
    /// Start with a default Color of black
    /// </summary>
    private void ColorPicker_Loaded(object sender, RoutedEventArgs e)
    {
        SelectedColor = Colors.Black;
    }

    /// <summary>
    /// Creates a new LinearGradientBrush background for the
    /// Alpha area slider. This is based on the current color
    /// </summary>
    private void CreateAlphaLinearBrush()
    {
        Color startColor = Color.FromArgb(
                (byte)0,
                SelectedColor.R, 
                SelectedColor.G, 
                SelectedColor.B);

        Color endColor = Color.FromArgb(
                (byte)255,
                SelectedColor.R, 
                SelectedColor.G, 
                SelectedColor.B);

        LinearGradientBrush alphaBrush = 
            new LinearGradientBrush(startColor, endColor, 
                new Point(0, 0), new Point(1, 0));

        AlphaBorder.Background = alphaBrush;
    }


    /// <summary>
    /// apply the new Swatch image based on user requested swatch
    /// </summary>
    private void Swatch_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        Image img = (sender as Image);
        ColorImage.Source = img.Source;
    }


    /// <summary>
    /// Simply grab a 1*1 pixel from the current color image, and
    /// use that and copy the new 1*1 image pixels to a byte array and
    /// then construct a Color from that.
    /// </summary>
    private void CanvImage_MouseMove(object sender, MouseEventArgs e)
    {
        if (!IsMouseDown)
            return;

        try
        {
            CroppedBitmap cb = new CroppedBitmap(ColorImage.Source as BitmapSource,
                new Int32Rect((int)Mouse.GetPosition(CanvImage).X,
                    (int)Mouse.GetPosition(CanvImage).Y, 1, 1));

            byte[] pixels = new byte[4];

            try
            {
                cb.CopyPixels(pixels, 4, 0);
            }
            catch (Exception ex)
            {
                //Ooops
            }

            //Ok now, so update the mouse cursor position and the SelectedColor
            ellipsePixel.SetValue(Canvas.LeftProperty,(double)(Mouse.GetPosition(CanvImage).X-5));
            ellipsePixel.SetValue(Canvas.TopProperty, (double)(Mouse.GetPosition(CanvImage).Y-5));
            CanvImage.InvalidateVisual();
            SelectedColor = Color.FromArgb((byte)AlphaSlider.Value, pixels[2], pixels[1], pixels[0]);
        }
        catch (Exception exc)
        {
            //not much we can do
        }
    }

    /// <summary>
    /// Update text box values based on SelectedColor
    /// </summary>
    private void UpdateTextBoxes()
    {
        txtAlpha.Text = SelectedColor.A.ToString();
        txtAlphaHex.Text = SelectedColor.A.ToString("X");
        txtRed.Text = SelectedColor.R.ToString();
        txtRedHex.Text = SelectedColor.R.ToString("X");
        txtGreen.Text = SelectedColor.G.ToString();
        txtGreenHex.Text = SelectedColor.G.ToString("X");
        txtBlue.Text = SelectedColor.B.ToString();
        txtBlueHex.Text = SelectedColor.B.ToString("X");
        txtAll.Text = String.Format("#{0}{1}{2}{3}",
                txtAlphaHex.Text, txtRedHex.Text, 
                txtGreenHex.Text, txtBlueHex.Text);
    }

    /// <summary>
    /// Updates Ink stroked based on SelectedColor
    /// </summary>
    private void UpdateInk()
    {
        drawingAttributes.Color = SelectedColor;
        drawingAttributes.StylusTip = StylusTip.Ellipse;
        drawingAttributes.Width = 5;

        // Update DA on previewPresenter
        foreach (Stroke s in previewPresenter.Strokes)
        {
            s.DrawingAttributes = drawingAttributes;
        }
    }

    /// <summary>
    /// Update SelectedColor Aplha based on Slider value
    /// </summary>
    private void AlphaSlider_ValueChanged(object sender, 
        RoutedPropertyChangedEventArgs<double> e)
    {
        SelectedColor = 
            Color.FromArgb(
                (byte)AlphaSlider.Value,
                SelectedColor.R, 
                SelectedColor.G, 
                SelectedColor.B);
    }

    /// <summary>
    /// Change IsMouseDown state
    /// </summary>
    private void CanvImage_MouseDown(object sender, MouseButtonEventArgs e)
    {
        IsMouseDown = true;
    }

    /// <summary>
    /// Change IsMouseDown state
    /// </summary>
    private void CanvImage_MouseUp(object sender, MouseButtonEventArgs e)
    {
        IsMouseDown = false;
    }
    #endregion

}

 

So What Do You Think ?

I would just like to ask, if you liked the article please vote for it, and leave some comments, as it lets me know if the article was at the right level or not, and whether it contained what people need to know.

More News

One of the readers of this article, a one Mark Treadwell, has taken this idea further and enhanced this Dialog to allow the Dialog to also show a selected Color on ShowDialog() and also done various other enhancements. You can read more about this over at Marks blog post at http://geekswithblogs.net/mtreadwell/archive/2010/01/03/137314.aspx, and here is a link to his source code : Marcs better ColorPicker

A few people have asked for this, but I have been too busy, so thanks Marc

You must Sign In to use this message board.

FAQ    Noise Tolerance Very HighHighMediumLowVery Low   Layout Expand Posts & RepliesThread ViewNo JavascriptNo JS + Preview   Per page 102550

Msgs 1 to 25 of 41 (Total in Forum: 41) (Refresh) FirstPrevNext

hi Sarafuddin 7:21 18 Jan '10   hi, i have posted a color picker for WPF. I hope you would comment on it as i am a big fan of yours in the world of WPF. You really rock the WPF world. Learn't many great stuff from your articles and blags . Sign In·View Thread·PermaLink Re: hi Sacha Barber 7:23 18 Jan '10   Got a link? Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: hi Sarafuddin 7:26 18 Jan '10   oh sorry i forgot to give the link. Here is it : WPF Color Picker Like Office 2007[^] Sign In·View Thread·PermaLink Should have been called 'WPF: Beautiful Color Picker' TheArchitectmc∞ 6:58 4 Jan '10   Sign In·View Thread·PermaLink Re: Should have been called 'WPF: Beautiful Color Picker' Sacha Barber 7:02 4 Jan '10   Yeah its ok, though you should look at Mark Treadwells work too. His added selecting color from initial color. Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Good Stuff Mark Treadwell 2:56 3 Jan '10   I just came across this and it is worth a 5! I modified the control and dialog to support an initial color as well as some other changes to fit it into my current project. My blog post on the changes is here[^]. The search for the color when opening with an initial color specified (to set the position of the cursor ellipse) takes some time. The search algorithm may be able to be improved, but it works for my current needs. Mark Treadwell Special Enhancements Sign In·View Thread·PermaLink Re: Good Stuff Sacha Barber 4:38 3 Jan '10   You can not download the code associated with your blog can you fix that, and let me know and I'll amend this article to point people there. BUt I can only do that when I know the link to your revised code works. At the moment it is ftp://ftp.narboza.com/files/WPFColorPicker.zip[^] and wants some FTP credentials. Boo Let me know when you have a public link available and I will amend this article with link to your blog (which sounds cool), and will more than likely please a lot of people. Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: Good Stuff Mark Treadwell 5:15 3 Jan '10   Sorry 'bout that. I pasted in the wrong link. The correct one is http://www.narboza.com/files/WPFColorPicker.zip. Mark Treadwell Special Enhancements Sign In·View Thread·PermaLink Re: Good Stuff Sacha Barber 10:42 3 Jan '10   cool I'll update this article and mention your post when I get a chance, should not be too long, maybe tomorrow Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: Good Stuff Sacha Barber 6:33 4 Jan '10   Thanks Mark, Article updated now. Thanks for letting me know man. Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Cool! But I miss a SetIntialColor() Method banjoji 1:05 1 Jul '09   Very cool Control! There's one thing I miss: I'd like to initialize the Colorpicker with a specific color (not always black ). So I added a simple setter into your code. It works well, except for the fact that the "ellipsePixel" (the small circle on the image showing which color is chosen) isn't positioned at the right place - do you have any suggestion how to solve this? Thx! Sign In·View Thread·PermaLink Re: Cool! But I miss a SetIntialColor() Method Sacha Barber 6:34 4 Jan '10   Mark Treadwell above has solved this and article is now up to date to point to his blog post. Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink On Lee Brimelow code Oleg V. Polikarpotchkin 18:50 30 May '09   Hi Sacha, I just posted the WPF Image Pixel Color Picker Element article where the Lee Brimelow technique you use in your article is enhanced a bit. Take a look, please! Regards, Oleg V. Polikarpotchkin ovp Sign In·View Thread·PermaLink thanks ahmad358 20:30 20 Mar '09   Realy thanks. istgah,ایستگاه,نیازمندیها, نیازمندی, آگهی, رایگان, تبلیغات, ایران, مجانی,ایستگاه آگهی,تبلیغ,ایستگاه آگهی, آگهی رایگان, نیازمندیها, ارسال آگهی, تبلیغات, تبلیغات رایگان www.istgah100.com Sign In·View Thread·PermaLink Re: thanks Sacha Barber 22:45 20 Mar '09   no worries Sacha Barber Microsoft Visual C# MVP 2008/2009 Codeproject MVP 2008/2009 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink License clemi 18:09 10 Feb '09   Hi Sacha Barber. Your demo is splendid. I am using your Pulse button in part of my project. As there are no explict license, can I know if I can use it commercially? Thank you. Sign In·View Thread·PermaLink Re: License Sacha Barber 22:48 10 Feb '09   Of course you can use it commercially, no problems at all, if you do though could you just put a note about the original source, thats all I ask. Sacha Barber Microsoft Visual C# MVP 2008 Codeproject MVP 2008 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Cool Member 4163524 2:16 10 Feb '09   How abt selecting linear gradients Sign In·View Thread·PermaLink Re: Cool Sacha Barber 2:29 10 Feb '09   I assume you mean GradientStop points for a LinearGradientBrush, if you do that could be made using another control that allowed user to pick the colorstop points using this control. Thats not what I wanted to do, but you could do that as I suggested. This picks a single color, and that is all it should do I feel. Its a color picker after all. Sacha Barber Microsoft Visual C# MVP 2008 Codeproject MVP 2008 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Fantastic Control Abhijit Jana 4:22 3 Feb '09   Nice control boss. 5 from me You can developed another Color Picker Control like Blend Color Picker cheers, Abhijit CodeProject MVP My Recent Article : Exploring Session in ASP.Net Sign In·View Thread·PermaLink Re: Fantastic Control Sacha Barber 4:37 3 Feb '09   Abhijit Jana wrote: You can developed another Color Picker Control like Blend Color Picker yeah right, now do you remember Blend when it was still called Expression Interactive Designer, now that had the best color picker of all, have a look here http://i.msdn.microsoft.com/Aa663364.introducingwpf8(ko-kr,MSDN.10).gif That was cool color picker. Mine is really a cheat. Sacha Barber Microsoft Visual C# MVP 2008 Codeproject MVP 2008 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Awesome!! Dr.Luiji 1:58 3 Feb '09   Another excelent control by Sacha!! 5 forever Thanks for sharing. Dr.Luiji Trust and you'll be trusted. Try iPhone UI [^] a new fresh face for your Windows Mobile, here on Code Project. Sign In·View Thread·PermaLink Re: Awesome!! Sacha Barber 2:00 3 Feb '09   Thanks chap Sacha Barber Microsoft Visual C# MVP 2008 Codeproject MVP 2008 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink Even in a snow storm Daniel Vaughan 9:16 2 Feb '09   Lol, I see you take advantage of all situations, including snow storms, to write article. Awesome work! Cheers, Daniel Daniel Vaughan Blog: DanielVaughan.Orpius.com Sign In·View Thread·PermaLink Re: Even in a snow storm Sacha Barber 11:19 2 Feb '09   Thanks Daniel. See you were right I did write a Color Picker after all. Sacha Barber Microsoft Visual C# MVP 2008 Codeproject MVP 2008 Your best friend is you. I'm my best friend too. We share the same views, and hardly ever argue My Blog : sachabarber.net Sign In·View Thread·PermaLink

Last Visit: 14:03 9 Feb '10     Last Update: 14:03 9 Feb '10 12 Next »