Dirkster.ColorPickerLib 1.5.0

A WPF/MVVM implementation of a themeable color picker control.

Install-Package Dirkster.ColorPickerLib -Version 1.5.0
dotnet add package Dirkster.ColorPickerLib --version 1.5.0
paket add Dirkster.ColorPickerLib --version 1.5.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Build status
Release
NuGet

ColorPickerLib

A WPF/MVVM implementation of a themeable color picker control

<table>
<tr>
<td>
<img src="https://github.com/Dirkster99/Docu/blob/master/ColorPickerLib/DemoProgramm_Screenshot.png">
</td>
<td>
<img src="https://github.com/Dirkster99/Docu/blob/master/ColorPickerLib/DemoProgramm_Screenshot_PopUp1.png">
</td>
</tr>
</table>

Project Description

This project implements a Color Picker control using MVVM/Windows Presentation Foundation (WPF) pattern and technology. These controls can be themed in dark and light themes and are localized.

You can test these controls with the demo application provided in this repository.

Features

This version of the control implements:

  • a few bug fixes (eg.: you cannot enter letters or more than 3 digits in a channel input element).

Supports localization for:

  • Chinese (Simplified) and Chinese (Traditional)
  • Dutch
  • English
  • French
  • German
  • Hindi
  • Indonesian
  • Italian
  • Japanese
  • Spanish

These 4 styles have to be included to avoid a transparent background in the pop-up control:

    <!-- Popup Background -->
    <SolidColorBrush x:Key="PopupBackgroundBrush"  Color="#FF252526" />
    
    <!-- Popup Border -->
    <SolidColorBrush x:Key="PopupDarkBorderBrush" Color="#FFABADB3" />
    
    <!-- =============================================================================== -->
    <!-- ColorCanvas, ColorPicker                                                        -->
    <!-- =============================================================================== -->
    
    <DrawingBrush  x:Key="CheckerBrush" Viewport="0,0,10,10" ViewportUnits="Absolute" TileMode="Tile">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <GeometryDrawing Brush="White">
                    <GeometryDrawing.Geometry>
                        <RectangleGeometry Rect="0,0 100,100" />
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing Brush="LightGray">
                    <GeometryDrawing.Geometry>
                        <GeometryGroup>
                            <RectangleGeometry Rect="0,0 50,50" />
                            <RectangleGeometry Rect="50,50 50,50" />
                        </GeometryGroup>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>
    
    <SolidColorBrush x:Key="ColorPickerDarkBorderBrush" Color="Black" />

Theming

Load Light or Dark brush resources in you resource dictionary to take advantage of existing definitions.

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/ColorPickerLib;component/Themes/DarkBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/ColorPickerLib;component/Themes/LightBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>

These definitions do not theme all controls used within this library. You should use a standard theming library, such as:

to also theme standard elements, such as, button and textblock etc.

References

This project implements a WPF Color Picker control.

The project is based on:

  • The color picker control contained in the Extended WPF Toolkit™ Community Edition: https://github.com/xceedsoftware/wpftoolkit from Xceed

  • See also WPF Color Picker Control on Codeplex.

Build status
Release
NuGet

ColorPickerLib

A WPF/MVVM implementation of a themeable color picker control

<table>
<tr>
<td>
<img src="https://github.com/Dirkster99/Docu/blob/master/ColorPickerLib/DemoProgramm_Screenshot.png">
</td>
<td>
<img src="https://github.com/Dirkster99/Docu/blob/master/ColorPickerLib/DemoProgramm_Screenshot_PopUp1.png">
</td>
</tr>
</table>

Project Description

This project implements a Color Picker control using MVVM/Windows Presentation Foundation (WPF) pattern and technology. These controls can be themed in dark and light themes and are localized.

You can test these controls with the demo application provided in this repository.

Features

This version of the control implements:

  • a few bug fixes (eg.: you cannot enter letters or more than 3 digits in a channel input element).

Supports localization for:

  • Chinese (Simplified) and Chinese (Traditional)
  • Dutch
  • English
  • French
  • German
  • Hindi
  • Indonesian
  • Italian
  • Japanese
  • Spanish

These 4 styles have to be included to avoid a transparent background in the pop-up control:

    <!-- Popup Background -->
    <SolidColorBrush x:Key="PopupBackgroundBrush"  Color="#FF252526" />
    
    <!-- Popup Border -->
    <SolidColorBrush x:Key="PopupDarkBorderBrush" Color="#FFABADB3" />
    
    <!-- =============================================================================== -->
    <!-- ColorCanvas, ColorPicker                                                        -->
    <!-- =============================================================================== -->
    
    <DrawingBrush  x:Key="CheckerBrush" Viewport="0,0,10,10" ViewportUnits="Absolute" TileMode="Tile">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <GeometryDrawing Brush="White">
                    <GeometryDrawing.Geometry>
                        <RectangleGeometry Rect="0,0 100,100" />
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing Brush="LightGray">
                    <GeometryDrawing.Geometry>
                        <GeometryGroup>
                            <RectangleGeometry Rect="0,0 50,50" />
                            <RectangleGeometry Rect="50,50 50,50" />
                        </GeometryGroup>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>
    
    <SolidColorBrush x:Key="ColorPickerDarkBorderBrush" Color="Black" />

Theming

Load Light or Dark brush resources in you resource dictionary to take advantage of existing definitions.

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/ColorPickerLib;component/Themes/DarkBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/ColorPickerLib;component/Themes/LightBrushs.xaml" />
    </ResourceDictionary.MergedDictionaries>

These definitions do not theme all controls used within this library. You should use a standard theming library, such as:

to also theme standard elements, such as, button and textblock etc.

References

This project implements a WPF Color Picker control.

The project is based on:

  • The color picker control contained in the Extended WPF Toolkit™ Community Edition: https://github.com/xceedsoftware/wpftoolkit from Xceed

  • See also WPF Color Picker Control on Codeplex.

Release Notes

Added Color Space Selection and support for RGB and HSV

Version History

Version Downloads Last updated
1.5.0 428 8/28/2018
1.4.0.1 158 8/19/2018
1.3.0 87 8/17/2018
1.1.0 88 8/16/2018
1.0.0 315 9/13/2017