Dirkster.ColorPickerLib 1.1.0

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:

• Locult
• SettingsModel

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:

• MahApps.Metro,
• MLib, or
• MUI

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.