Dirkster.ColorPickerLib 1.1.0

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

There is a newer version of this package available.
See the version list below for details.
Install-Package Dirkster.ColorPickerLib -Version 1.1.0
dotnet add package Dirkster.ColorPickerLib --version 1.1.0
<PackageReference Include="Dirkster.ColorPickerLib" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Dirkster.ColorPickerLib --version 1.1.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/MetroDarkColorPicker.png">
</td>
<td>
<img src="https://github.com/Dirkster99/Docu/blob/master/ColorPickerLib/MetroColorPicker.png">
</td>
</tr>
</table>

Project Description

This project implements a Color Picker control using MVVM/Windows Presentation Foundation (WPF) pattern and technology. that can be themed and localized.

You can test these controls with the demo application provided in this repository or in a sample application:

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/MetroDarkColorPicker.png">
</td>
<td>
<img src="https://github.com/Dirkster99/Docu/blob/master/ColorPickerLib/MetroColorPicker.png">
</td>
</tr>
</table>

Project Description

This project implements a Color Picker control using MVVM/Windows Presentation Foundation (WPF) pattern and technology. that can be themed and localized.

You can test these controls with the demo application provided in this repository or in a sample application:

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

Minimal required .Net Version is 4.0.

Dependencies

This package has no dependencies.

Version History

Version Downloads Last updated
1.5.1 465 2/28/2019
1.5.0 515 8/28/2018
1.4.0.1 252 8/19/2018
1.3.0 130 8/17/2018
1.1.0 126 8/16/2018
1.0.0 379 9/13/2017
Show less