Dirkster.ColorPickerLib
1.1.0
A WPF/MVVM implementation of a themeable color picker control.
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" />
paket add Dirkster.ColorPickerLib --version 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:
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.
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:
- 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.
Release Notes
Minimal required .Net Version is 4.0.
Dependencies
This package has no dependencies.
Used By
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories (1)
Showing the top 1 popular GitHub repositories that depend on Dirkster.ColorPickerLib:
Repository | Stars |
---|---|
Dirkster99/AvalonDock
My own development branch of the well known WPF document docking library
|