brianlagunas_cp
15 years ago
12 changed files with 1042 additions and 31 deletions
@ -0,0 +1,413 @@ |
|||
using System; |
|||
using System.Windows; |
|||
using System.Windows.Controls; |
|||
using System.Windows.Input; |
|||
using System.Windows.Media; |
|||
using Microsoft.Windows.Controls.Primitives; |
|||
using Microsoft.Windows.Controls.Core.Utilities; |
|||
|
|||
namespace Microsoft.Windows.Controls |
|||
{ |
|||
public class ColorCanvas : Control |
|||
{ |
|||
#region Private Members
|
|||
|
|||
private TranslateTransform _colorShadeSelectorTransform = new TranslateTransform(); |
|||
private Canvas _colorShadingCanvas; |
|||
private Canvas _colorShadeSelector; |
|||
private ColorSpectrumSlider _spectrumSlider; |
|||
private Point? _currentColorPosition; |
|||
|
|||
#endregion //Private Members
|
|||
|
|||
#region Properties
|
|||
|
|||
#region SelectedColor
|
|||
|
|||
public static readonly DependencyProperty SelectedColorProperty = DependencyProperty.Register("SelectedColor", typeof(Color), typeof(ColorCanvas), new UIPropertyMetadata(Colors.White, OnSelectedColorChanged)); |
|||
public Color SelectedColor |
|||
{ |
|||
get { return (Color)GetValue(SelectedColorProperty); } |
|||
set { SetValue(SelectedColorProperty, value); } |
|||
} |
|||
|
|||
private static void OnSelectedColorChanged(DependencyObject o, DependencyPropertyChangedEventArgs e) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
colorCanvas.OnSelectedColorChanged((Color)e.OldValue, (Color)e.NewValue); |
|||
} |
|||
|
|||
protected virtual void OnSelectedColorChanged(Color oldValue, Color newValue) |
|||
{ |
|||
UpdateRGBValues(newValue); |
|||
} |
|||
|
|||
#endregion //SelectedColor
|
|||
|
|||
#region RGB
|
|||
|
|||
#region A
|
|||
|
|||
public static readonly DependencyProperty AProperty = DependencyProperty.Register("A", typeof(byte), typeof(ColorCanvas), new UIPropertyMetadata((byte)255, new PropertyChangedCallback(OnAChanged), new CoerceValueCallback(OnCoerceA))); |
|||
|
|||
private static object OnCoerceA(DependencyObject o, object value) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
return colorCanvas.OnCoerceA((byte)value); |
|||
else |
|||
return value; |
|||
} |
|||
|
|||
private static void OnAChanged(DependencyObject o, DependencyPropertyChangedEventArgs e) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
colorCanvas.OnAChanged((byte)e.OldValue, (byte)e.NewValue); |
|||
} |
|||
|
|||
protected virtual byte OnCoerceA(byte value) |
|||
{ |
|||
// TODO: Keep the proposed value within the desired range.
|
|||
return value; |
|||
} |
|||
|
|||
protected virtual void OnAChanged(byte oldValue, byte newValue) |
|||
{ |
|||
UpdateRGBColor(); |
|||
} |
|||
|
|||
public byte A |
|||
{ |
|||
// IMPORTANT: To maintain parity between setting a property in XAML and procedural code, do not touch the getter and setter inside this dependency property!
|
|||
get |
|||
{ |
|||
return (byte)GetValue(AProperty); |
|||
} |
|||
set |
|||
{ |
|||
SetValue(AProperty, value); |
|||
} |
|||
} |
|||
|
|||
#endregion //A
|
|||
|
|||
#region R
|
|||
|
|||
public static readonly DependencyProperty RProperty = DependencyProperty.Register("R", typeof(byte), typeof(ColorCanvas), new UIPropertyMetadata((byte)255, new PropertyChangedCallback(OnRChanged), new CoerceValueCallback(OnCoerceR))); |
|||
|
|||
private static object OnCoerceR(DependencyObject o, object value) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
return colorCanvas.OnCoerceR((byte)value); |
|||
else |
|||
return value; |
|||
} |
|||
|
|||
private static void OnRChanged(DependencyObject o, DependencyPropertyChangedEventArgs e) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
colorCanvas.OnRChanged((byte)e.OldValue, (byte)e.NewValue); |
|||
} |
|||
|
|||
protected virtual byte OnCoerceR(byte value) |
|||
{ |
|||
// TODO: Keep the proposed value within the desired range.
|
|||
return value; |
|||
} |
|||
|
|||
protected virtual void OnRChanged(byte oldValue, byte newValue) |
|||
{ |
|||
UpdateRGBColor(); |
|||
} |
|||
|
|||
public byte R |
|||
{ |
|||
// IMPORTANT: To maintain parity between setting a property in XAML and procedural code, do not touch the getter and setter inside this dependency property!
|
|||
get |
|||
{ |
|||
return (byte)GetValue(RProperty); |
|||
} |
|||
set |
|||
{ |
|||
SetValue(RProperty, value); |
|||
} |
|||
} |
|||
|
|||
|
|||
#endregion //R
|
|||
|
|||
#region G
|
|||
|
|||
public static readonly DependencyProperty GProperty = DependencyProperty.Register("G", typeof(byte), typeof(ColorCanvas), new UIPropertyMetadata((byte)255, new PropertyChangedCallback(OnGChanged), new CoerceValueCallback(OnCoerceG))); |
|||
|
|||
private static object OnCoerceG(DependencyObject o, object value) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
return colorCanvas.OnCoerceG((byte)value); |
|||
else |
|||
return value; |
|||
} |
|||
|
|||
private static void OnGChanged(DependencyObject o, DependencyPropertyChangedEventArgs e) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
colorCanvas.OnGChanged((byte)e.OldValue, (byte)e.NewValue); |
|||
} |
|||
|
|||
protected virtual byte OnCoerceG(byte value) |
|||
{ |
|||
// TODO: Keep the proposed value within the desired range.
|
|||
return value; |
|||
} |
|||
|
|||
protected virtual void OnGChanged(byte oldValue, byte newValue) |
|||
{ |
|||
UpdateRGBColor(); |
|||
} |
|||
|
|||
public byte G |
|||
{ |
|||
// IMPORTANT: To maintain parity between setting a property in XAML and procedural code, do not touch the getter and setter inside this dependency property!
|
|||
get |
|||
{ |
|||
return (byte)GetValue(GProperty); |
|||
} |
|||
set |
|||
{ |
|||
SetValue(GProperty, value); |
|||
} |
|||
} |
|||
|
|||
|
|||
#endregion //G
|
|||
|
|||
#region B
|
|||
|
|||
public static readonly DependencyProperty BProperty = DependencyProperty.Register("B", typeof(byte), typeof(ColorCanvas), new UIPropertyMetadata((byte)255, new PropertyChangedCallback(OnBChanged), new CoerceValueCallback(OnCoerceB))); |
|||
|
|||
private static object OnCoerceB(DependencyObject o, object value) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
return colorCanvas.OnCoerceB((byte)value); |
|||
else |
|||
return value; |
|||
} |
|||
|
|||
private static void OnBChanged(DependencyObject o, DependencyPropertyChangedEventArgs e) |
|||
{ |
|||
ColorCanvas colorCanvas = o as ColorCanvas; |
|||
if (colorCanvas != null) |
|||
colorCanvas.OnBChanged((byte)e.OldValue, (byte)e.NewValue); |
|||
} |
|||
|
|||
protected virtual byte OnCoerceB(byte value) |
|||
{ |
|||
// TODO: Keep the proposed value within the desired range.
|
|||
return value; |
|||
} |
|||
|
|||
protected virtual void OnBChanged(byte oldValue, byte newValue) |
|||
{ |
|||
UpdateRGBColor(); |
|||
} |
|||
|
|||
public byte B |
|||
{ |
|||
// IMPORTANT: To maintain parity between setting a property in XAML and procedural code, do not touch the getter and setter inside this dependency property!
|
|||
get |
|||
{ |
|||
return (byte)GetValue(BProperty); |
|||
} |
|||
set |
|||
{ |
|||
SetValue(BProperty, value); |
|||
} |
|||
} |
|||
|
|||
|
|||
#endregion //B
|
|||
|
|||
#endregion //RGB
|
|||
|
|||
#region HexadecimalString
|
|||
|
|||
public static readonly DependencyProperty HexadecimalStringProperty = DependencyProperty.Register("HexadecimalString", typeof(string), typeof(ColorCanvas), new PropertyMetadata("#FFFFFFFF", new PropertyChangedCallback(OnHexadecimalStringPropertyChanged))); |
|||
public string HexadecimalString |
|||
{ |
|||
get { return (string)GetValue(HexadecimalStringProperty); } |
|||
set { SetValue(HexadecimalStringProperty, value); } |
|||
} |
|||
|
|||
private static void OnHexadecimalStringPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) |
|||
{ |
|||
|
|||
} |
|||
|
|||
#endregion //HexadecimalString
|
|||
|
|||
#endregion //Properties
|
|||
|
|||
#region Constructors
|
|||
|
|||
static ColorCanvas() |
|||
{ |
|||
DefaultStyleKeyProperty.OverrideMetadata(typeof(ColorCanvas), new FrameworkPropertyMetadata(typeof(ColorCanvas))); |
|||
} |
|||
|
|||
#endregion //Constructors
|
|||
|
|||
#region Base Class Overrides
|
|||
|
|||
public override void OnApplyTemplate() |
|||
{ |
|||
base.OnApplyTemplate(); |
|||
|
|||
_colorShadingCanvas = (Canvas)GetTemplateChild("PART_ColorShadingCanvas"); |
|||
_colorShadingCanvas.MouseLeftButtonDown += ColorShadingCanvas_MouseLeftButtonDown; |
|||
_colorShadingCanvas.MouseMove += ColorShadingCanvas_MouseMove; |
|||
_colorShadingCanvas.SizeChanged += ColorShadingCanvas_SizeChanged; |
|||
|
|||
_colorShadeSelector = (Canvas)GetTemplateChild("PART_ColorShadeSelector"); |
|||
_colorShadeSelector.RenderTransform = _colorShadeSelectorTransform; |
|||
|
|||
_spectrumSlider = (ColorSpectrumSlider)GetTemplateChild("PART_SpectrumSlider"); |
|||
_spectrumSlider.ValueChanged += SpectrumSlider_ValueChanged; |
|||
|
|||
SetSelectedColorAndPositionSelector(SelectedColor); |
|||
} |
|||
|
|||
#endregion //Base Class Overrides
|
|||
|
|||
#region Event Handlers
|
|||
|
|||
void ColorShadingCanvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) |
|||
{ |
|||
Point p = e.GetPosition(_colorShadingCanvas); |
|||
UpdateColorShadeSelectorPositionAndCalculateColor(p, true); |
|||
} |
|||
|
|||
void ColorShadingCanvas_MouseMove(object sender, MouseEventArgs e) |
|||
{ |
|||
if (e.LeftButton == MouseButtonState.Pressed) |
|||
{ |
|||
Point p = e.GetPosition(_colorShadingCanvas); |
|||
UpdateColorShadeSelectorPositionAndCalculateColor(p, true); |
|||
Mouse.Synchronize(); |
|||
} |
|||
} |
|||
|
|||
void ColorShadingCanvas_SizeChanged(object sender, SizeChangedEventArgs e) |
|||
{ |
|||
if (_currentColorPosition != null) |
|||
{ |
|||
Point _newPoint = new Point |
|||
{ |
|||
X = ((Point)_currentColorPosition).X * e.NewSize.Width, |
|||
Y = ((Point)_currentColorPosition).Y * e.NewSize.Height |
|||
}; |
|||
|
|||
UpdateColorShadeSelectorPositionAndCalculateColor(_newPoint, false); |
|||
} |
|||
} |
|||
|
|||
void SpectrumSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) |
|||
{ |
|||
if (_currentColorPosition != null) |
|||
{ |
|||
CalculateColor((Point)_currentColorPosition); |
|||
} |
|||
} |
|||
|
|||
#endregion //Event Handlers
|
|||
|
|||
#region Methods
|
|||
|
|||
private void UpdateRGBColor() |
|||
{ |
|||
SelectedColor = Color.FromArgb(A, R, G, B); |
|||
UpdateColorShadeSelectorPosition(SelectedColor); |
|||
} |
|||
|
|||
private void UpdateSelectedColor(Color color) |
|||
{ |
|||
SelectedColor = Color.FromArgb(color.A, color.R, color.G, color.B); |
|||
} |
|||
|
|||
private void UpdateRGBValues(Color color) |
|||
{ |
|||
A = color.A; |
|||
R = color.R; |
|||
G = color.G; |
|||
B = color.B; |
|||
} |
|||
|
|||
private void SetSelectedColorAndPositionSelector(Color color) |
|||
{ |
|||
UpdateSelectedColor(color); |
|||
UpdateRGBValues(color); |
|||
UpdateColorShadeSelectorPosition(color); |
|||
} |
|||
|
|||
private void UpdateColorShadeSelectorPositionAndCalculateColor(Point p, bool calculateColor) |
|||
{ |
|||
if (p.Y < 0) |
|||
p.Y = 0; |
|||
|
|||
if (p.X < 0) |
|||
p.X = 0; |
|||
|
|||
if (p.X > _colorShadingCanvas.ActualWidth) |
|||
p.X = _colorShadingCanvas.ActualWidth; |
|||
|
|||
if (p.Y > _colorShadingCanvas.ActualHeight) |
|||
p.Y = _colorShadingCanvas.ActualHeight; |
|||
|
|||
_colorShadeSelectorTransform.X = p.X - (_colorShadeSelector.Width / 2); |
|||
_colorShadeSelectorTransform.Y = p.Y - (_colorShadeSelector.Height / 2); |
|||
|
|||
p.X = p.X / _colorShadingCanvas.ActualWidth; |
|||
p.Y = p.Y / _colorShadingCanvas.ActualHeight; |
|||
|
|||
_currentColorPosition = p; |
|||
|
|||
if (calculateColor) |
|||
CalculateColor(p); |
|||
} |
|||
|
|||
private void UpdateColorShadeSelectorPosition(Color color) |
|||
{ |
|||
if (_spectrumSlider == null || _colorShadingCanvas == null) |
|||
return; |
|||
|
|||
_currentColorPosition = null; |
|||
|
|||
HsvColor hsv = ColorUtilities.ConvertRgbToHsv(color.R, color.G, color.B); |
|||
_spectrumSlider.Value = hsv.H; |
|||
|
|||
Point p = new Point(hsv.S, 1 - hsv.V); |
|||
|
|||
_currentColorPosition = p; |
|||
|
|||
_colorShadeSelectorTransform.X = (p.X * _colorShadingCanvas.Width) - 5; |
|||
_colorShadeSelectorTransform.Y = (p.Y * _colorShadingCanvas.Height) - 5; |
|||
} |
|||
|
|||
private void CalculateColor(Point p) |
|||
{ |
|||
HsvColor hsv = new HsvColor(360 - _spectrumSlider.Value, 1, 1) { S = p.X, V = 1 - p.Y }; |
|||
var currentColor = ColorUtilities.ConvertHsvToRgb(hsv.H, hsv.S, hsv.V); |
|||
currentColor.A = A; |
|||
SelectedColor = currentColor; |
|||
HexadecimalString = SelectedColor.ToString(); |
|||
} |
|||
|
|||
#endregion //Methods
|
|||
} |
|||
} |
|||
@ -0,0 +1,86 @@ |
|||
using System; |
|||
using System.Collections.Generic; |
|||
using System.Windows; |
|||
using System.Windows.Controls; |
|||
using System.Windows.Media; |
|||
using System.Windows.Shapes; |
|||
using Microsoft.Windows.Controls.Core.Utilities; |
|||
|
|||
namespace Microsoft.Windows.Controls |
|||
{ |
|||
internal class ColorSpectrumSlider : Slider |
|||
{ |
|||
#region Private Members
|
|||
|
|||
private Rectangle _spectrumDisplay; |
|||
private LinearGradientBrush _pickerBrush; |
|||
|
|||
#endregion //Private Members
|
|||
|
|||
#region Constructors
|
|||
|
|||
static ColorSpectrumSlider() |
|||
{ |
|||
DefaultStyleKeyProperty.OverrideMetadata(typeof(ColorSpectrumSlider), new FrameworkPropertyMetadata(typeof(ColorSpectrumSlider))); |
|||
} |
|||
|
|||
#endregion //Constructors
|
|||
|
|||
#region Dependency Properties
|
|||
|
|||
public static readonly DependencyProperty SelectedColorProperty = DependencyProperty.Register("SelectedColor", typeof(Color), typeof(ColorSpectrumSlider), new PropertyMetadata(System.Windows.Media.Colors.Transparent)); |
|||
public Color SelectedColor |
|||
{ |
|||
get { return (Color)GetValue(SelectedColorProperty); } |
|||
set { SetValue(SelectedColorProperty, value); } |
|||
} |
|||
|
|||
#endregion //Dependency Properties
|
|||
|
|||
#region Base Class Overrides
|
|||
|
|||
public override void OnApplyTemplate() |
|||
{ |
|||
base.OnApplyTemplate(); |
|||
|
|||
_spectrumDisplay = (Rectangle)GetTemplateChild("PART_SpectrumDisplay"); |
|||
CreateSpectrum(); |
|||
OnValueChanged(Double.NaN, Value); |
|||
} |
|||
|
|||
protected override void OnValueChanged(double oldValue, double newValue) |
|||
{ |
|||
base.OnValueChanged(oldValue, newValue); |
|||
|
|||
Color color = ColorUtilities.ConvertHsvToRgb(360 - newValue, 1, 1); |
|||
SelectedColor = color; |
|||
} |
|||
|
|||
#endregion //Base Class Overrides
|
|||
|
|||
#region Methods
|
|||
|
|||
private void CreateSpectrum() |
|||
{ |
|||
_pickerBrush = new LinearGradientBrush(); |
|||
_pickerBrush.StartPoint = new Point(0.5, 0); |
|||
_pickerBrush.EndPoint = new Point(0.5, 1); |
|||
_pickerBrush.ColorInterpolationMode = ColorInterpolationMode.SRgbLinearInterpolation; |
|||
|
|||
List<Color> colorsList = ColorUtilities.GenerateHsvSpectrum(); |
|||
|
|||
double stopIncrement = (double)1 / colorsList.Count; |
|||
|
|||
int i; |
|||
for (i = 0; i < colorsList.Count; i++) |
|||
{ |
|||
_pickerBrush.GradientStops.Add(new GradientStop(colorsList[i], i * stopIncrement)); |
|||
} |
|||
|
|||
_pickerBrush.GradientStops[i - 1].Offset = 1.0; |
|||
_spectrumDisplay.Fill = _pickerBrush; |
|||
} |
|||
|
|||
#endregion //Methods
|
|||
} |
|||
} |
|||
@ -0,0 +1,234 @@ |
|||
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
xmlns:local="clr-namespace:Microsoft.Windows.Controls" |
|||
xmlns:coreConverters="clr-namespace:Microsoft.Windows.Controls.Core.Converters"> |
|||
|
|||
<coreConverters:ColorToSolidColorBrushConverter x:Key="ColorToSolidColorBrushConverter" /> |
|||
|
|||
<LinearGradientBrush x:Key="ColorPickerDarkBorderBrush" EndPoint="0.5,1" StartPoint="0.5,0"> |
|||
<GradientStop Color="#FFA3AEB9" Offset="0"/> |
|||
<GradientStop Color="#FF8399A9" Offset="0.375"/> |
|||
<GradientStop Color="#FF718597" Offset="0.375"/> |
|||
<GradientStop Color="#FF617584" Offset="1"/> |
|||
</LinearGradientBrush> |
|||
|
|||
<LinearGradientBrush x:Key="PopupBackgroundBrush" StartPoint="0,0" EndPoint="0,1"> |
|||
<LinearGradientBrush.GradientStops> |
|||
<GradientStopCollection> |
|||
<GradientStop Offset="0" Color="#FFffffff"/> |
|||
<GradientStop Offset="1" Color="#FFE8EBED"/> |
|||
</GradientStopCollection> |
|||
</LinearGradientBrush.GradientStops> |
|||
</LinearGradientBrush> |
|||
|
|||
<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> |
|||
|
|||
<Style TargetType="{x:Type local:ColorCanvas}"> |
|||
<Setter Property="BorderBrush" Value="{StaticResource ColorPickerDarkBorderBrush}" /> |
|||
<Setter Property="BorderThickness" Value="1" /> |
|||
<Setter Property="Template"> |
|||
<Setter.Value> |
|||
<ControlTemplate TargetType="{x:Type local:ColorCanvas}"> |
|||
<Border BorderThickness="{TemplateBinding BorderThickness}" Background="White" BorderBrush="{TemplateBinding BorderBrush}" Padding="3"> |
|||
<Grid Margin="2"> |
|||
<Grid.RowDefinitions> |
|||
<RowDefinition Height="Auto" /> |
|||
<RowDefinition Height="Auto"/> |
|||
</Grid.RowDefinitions> |
|||
<Grid> |
|||
<Grid.ColumnDefinitions > |
|||
<ColumnDefinition Width="200"></ColumnDefinition> |
|||
<ColumnDefinition Width="Auto"></ColumnDefinition> |
|||
</Grid.ColumnDefinitions> |
|||
<Grid.RowDefinitions> |
|||
<RowDefinition Height="Auto" /> |
|||
<RowDefinition Height="20"/> |
|||
</Grid.RowDefinitions> |
|||
|
|||
<Border BorderThickness="1" BorderBrush="DarkGray" ClipToBounds="True" Background="{StaticResource CheckerBrush}"> |
|||
<Canvas x:Name="PART_ColorShadingCanvas" Width="200" Height="100" HorizontalAlignment="Left" VerticalAlignment="Top"> |
|||
<Rectangle x:Name="ColorShadingRectangle" Height="{Binding ElementName=PART_ColorShadingCanvas,Path=Height}" Width="{Binding ElementName=PART_ColorShadingCanvas,Path=Width}" |
|||
Fill="{Binding SelectedColor, ElementName=PART_SpectrumSlider, Converter={StaticResource ColorToSolidColorBrushConverter}}" /> |
|||
<Rectangle x:Name="WhiteGradient" Width="{Binding ElementName=PART_ColorShadingCanvas,Path=Width}" Height="{Binding ElementName=PART_ColorShadingCanvas,Path=Height}" > |
|||
<Rectangle.Fill> |
|||
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> |
|||
<GradientStop Offset="0" Color="#ffffffff"/> |
|||
<GradientStop Offset="1" Color="Transparent"/> |
|||
</LinearGradientBrush> |
|||
</Rectangle.Fill> |
|||
</Rectangle> |
|||
<Rectangle x:Name="BlackGradient" Width="{Binding ElementName=PART_ColorShadingCanvas,Path=Width}" Height="{Binding ElementName=PART_ColorShadingCanvas,Path=Height}" > |
|||
<Rectangle.Fill> |
|||
<LinearGradientBrush StartPoint="0,1" EndPoint="0, 0"> |
|||
<GradientStop Offset="0" Color="#ff000000"/> |
|||
<GradientStop Offset="1" Color="#00000000"/> |
|||
</LinearGradientBrush> |
|||
</Rectangle.Fill> |
|||
</Rectangle> |
|||
<Canvas x:Name="PART_ColorShadeSelector" Width="10" Height="10" IsHitTestVisible="False"> |
|||
<Ellipse Width="10" Height="10" StrokeThickness="3" Stroke="#FFFFFFFF" IsHitTestVisible="False" /> |
|||
<Ellipse Width="10" Height="10" StrokeThickness="1" Stroke="#FF000000" IsHitTestVisible="False" /> |
|||
</Canvas> |
|||
</Canvas> |
|||
</Border> |
|||
|
|||
<Border BorderThickness="0,1,0,0" Grid.Row="1"> |
|||
<Grid Background="{StaticResource CheckerBrush}"> |
|||
<Rectangle x:Name="SelectedColor" Fill="{Binding SelectedColor, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ColorToSolidColorBrushConverter}}" /> |
|||
</Grid> |
|||
</Border> |
|||
|
|||
<Border Grid.Column="1" Grid.RowSpan="2" Margin="4,-8,0,0" ClipToBounds="False"> |
|||
<local:ColorSpectrumSlider x:Name="PART_SpectrumSlider" VerticalAlignment="Stretch" /> |
|||
</Border> |
|||
</Grid> |
|||
|
|||
<Border MinWidth="180" Grid.Row="1" BorderThickness="1" ClipToBounds="True" Margin="0,10,0,0"> |
|||
<Grid> |
|||
<Grid.RowDefinitions> |
|||
<RowDefinition Height="Auto"/> |
|||
<RowDefinition Height="Auto"/> |
|||
<RowDefinition Height="Auto"/> |
|||
<RowDefinition Height="Auto"/> |
|||
</Grid.RowDefinitions> |
|||
<Grid.ColumnDefinitions> |
|||
<ColumnDefinition Width="Auto"/> |
|||
<ColumnDefinition Width="*"/> |
|||
<ColumnDefinition Width="Auto"/> |
|||
</Grid.ColumnDefinitions> |
|||
|
|||
<TextBlock Grid.Row="0" Grid.Column="0" Text="R" /> |
|||
<Slider x:Name="PART_RSlider" Maximum="255" TickFrequency="1" Grid.Row="0" Grid.Column="1" |
|||
Value="{Binding R, RelativeSource={RelativeSource TemplatedParent}}"/> |
|||
<TextBox Grid.Row="0" Grid.Column="2" Text="{Binding Value, ElementName=PART_RSlider}" /> |
|||
|
|||
<TextBlock Grid.Row="1" Grid.Column="0" Text="G" /> |
|||
<Slider x:Name="PART_GSlider" Maximum="255" TickFrequency="1" Grid.Row="1" Grid.Column="1" |
|||
Value="{Binding G, RelativeSource={RelativeSource TemplatedParent}}"/> |
|||
<TextBox Grid.Row="1" Grid.Column="2" Text="{Binding Value, ElementName=PART_GSlider}" /> |
|||
|
|||
<TextBlock Grid.Row="2" Grid.Column="0" Text="B" /> |
|||
<Slider x:Name="PART_BSlider" Maximum="255" TickFrequency="1" Grid.Row="2" Grid.Column="1" |
|||
Value="{Binding B, RelativeSource={RelativeSource TemplatedParent}}"/> |
|||
<TextBox Grid.Row="2" Grid.Column="3" Text="{Binding Value, ElementName=PART_BSlider}" /> |
|||
|
|||
<TextBlock Grid.Row="3" Grid.Column="0" Text="A" /> |
|||
<Slider x:Name="PART_OpacitySlider" Grid.Row="3" Grid.Column="1" Maximum="255" |
|||
Value="{Binding Path=A, RelativeSource={RelativeSource TemplatedParent}}"/> |
|||
<TextBox Grid.Row="3" Grid.Column="3" Text="{Binding Value, ElementName=PART_OpacitySlider}" /> |
|||
|
|||
</Grid> |
|||
</Border> |
|||
</Grid> |
|||
</Border> |
|||
</ControlTemplate> |
|||
</Setter.Value> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
<Style x:Key="SliderRepeatButtonStyle" |
|||
TargetType="{x:Type RepeatButton}"> |
|||
<Setter Property="OverridesDefaultStyle" Value="true"/> |
|||
<Setter Property="IsTabStop" Value="false"/> |
|||
<Setter Property="Focusable" Value="false"/> |
|||
<Setter Property="Background" Value="Transparent"/> |
|||
<Setter Property="Template"> |
|||
<Setter.Value> |
|||
<ControlTemplate TargetType="{x:Type RepeatButton}"> |
|||
<Border Background="{TemplateBinding Background}"/> |
|||
</ControlTemplate> |
|||
</Setter.Value> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
<Style x:Key="VerticalSlideThumbStyle" TargetType="{x:Type Thumb}"> |
|||
<Setter Property="Focusable" Value="false"/> |
|||
<Setter Property="OverridesDefaultStyle" Value="true"/> |
|||
<Setter Property="Height" Value="12"/> |
|||
<Setter Property="Width" Value="11"/> |
|||
<Setter Property="Foreground" Value="Gray"/> |
|||
<Setter Property="Template"> |
|||
<Setter.Value> |
|||
<ControlTemplate TargetType="{x:Type Thumb}"> |
|||
<Canvas SnapsToDevicePixels="true"> |
|||
<Path x:Name="LeftArrow" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 276.761,316L 262.619,307.835L 262.619,324.165L 276.761,316 Z " RenderTransformOrigin="0.5,0.5" Width="6" Height="8" > |
|||
<Path.RenderTransform> |
|||
<TransformGroup> |
|||
<ScaleTransform/> |
|||
<SkewTransform/> |
|||
<RotateTransform /> |
|||
<TranslateTransform Y="6" X="-3"/> |
|||
</TransformGroup> |
|||
</Path.RenderTransform> |
|||
</Path> |
|||
<Path x:Name="RightArrow" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF000000" Data="F1 M 276.761,316L 262.619,307.835L 262.619,324.165L 276.761,316 Z " RenderTransformOrigin="0.5,0.5" Width="6" Height="8" > |
|||
<Path.RenderTransform> |
|||
<TransformGroup> |
|||
<ScaleTransform/> |
|||
<SkewTransform/> |
|||
<RotateTransform Angle="-180"/> |
|||
<TranslateTransform Y="6" X="8"/> |
|||
</TransformGroup> |
|||
</Path.RenderTransform> |
|||
</Path> |
|||
</Canvas> |
|||
</ControlTemplate> |
|||
</Setter.Value> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
<Style TargetType="{x:Type local:ColorSpectrumSlider}"> |
|||
<Setter Property="Orientation" Value="Vertical"/> |
|||
<Setter Property="Background" Value="Transparent"/> |
|||
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> |
|||
<Setter Property="Minimum" Value="1"/> |
|||
<Setter Property="Maximum" Value="360"/> |
|||
<Setter Property="TickFrequency" Value="0.001" /> |
|||
<Setter Property="IsSnapToTickEnabled" Value="True" /> |
|||
<Setter Property="IsDirectionReversed" Value="False" /> |
|||
<Setter Property="IsMoveToPointEnabled" Value="True" /> |
|||
<Setter Property="Value" Value="360" /> |
|||
<Setter Property="Template"> |
|||
<Setter.Value> |
|||
<ControlTemplate TargetType="{x:Type local:ColorSpectrumSlider}"> |
|||
<Grid> |
|||
<Border x:Name="PART_TrackBackground" BorderBrush="DarkGray" BorderThickness="1" Width="15" Margin="0,8,0,0" > |
|||
<Rectangle x:Name="PART_SpectrumDisplay" Stretch="Fill" VerticalAlignment="Stretch" /> |
|||
</Border> |
|||
|
|||
<Track Name="PART_Track"> |
|||
<Track.DecreaseRepeatButton> |
|||
<RepeatButton Style="{StaticResource SliderRepeatButtonStyle}" Command="Slider.DecreaseLarge"/> |
|||
</Track.DecreaseRepeatButton> |
|||
<Track.IncreaseRepeatButton> |
|||
<RepeatButton Style="{StaticResource SliderRepeatButtonStyle}" Command="Slider.IncreaseLarge"/> |
|||
</Track.IncreaseRepeatButton> |
|||
<Track.Thumb> |
|||
<Thumb Style="{StaticResource VerticalSlideThumbStyle}" /> |
|||
</Track.Thumb> |
|||
</Track> |
|||
</Grid> |
|||
</ControlTemplate> |
|||
</Setter.Value> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
</ResourceDictionary> |
|||
@ -1,24 +0,0 @@ |
|||
using System; |
|||
using System.Linq; |
|||
using System.Windows.Media; |
|||
using System.Reflection; |
|||
using System.Collections.Generic; |
|||
|
|||
namespace Microsoft.Windows.Controls |
|||
{ |
|||
static class ColorUtilities |
|||
{ |
|||
public static readonly Dictionary<string, Color> KnownColors = GetKnownColors(); |
|||
|
|||
public static string GetColorName(this Color color) |
|||
{ |
|||
return KnownColors.Where(kvp => kvp.Value.Equals(color)).Select(kvp => kvp.Key).FirstOrDefault(); |
|||
} |
|||
|
|||
private static Dictionary<string, Color> GetKnownColors() |
|||
{ |
|||
var colorProperties = typeof(Colors).GetProperties(BindingFlags.Static | BindingFlags.Public); |
|||
return colorProperties.ToDictionary(p => p.Name, p => (Color)p.GetValue(null, null)); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
using System; |
|||
using System.Windows.Data; |
|||
using System.Windows.Media; |
|||
|
|||
namespace Microsoft.Windows.Controls.Core.Converters |
|||
{ |
|||
public class SolidColorBrushToColorConverter : IValueConverter |
|||
{ |
|||
#region IValueConverter Members
|
|||
|
|||
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) |
|||
{ |
|||
SolidColorBrush brush = value as SolidColorBrush; |
|||
if (brush != null) |
|||
return brush.Color; |
|||
|
|||
return default(Color); |
|||
} |
|||
|
|||
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) |
|||
{ |
|||
if (value != null) |
|||
{ |
|||
Color color = (Color)value; |
|||
return new SolidColorBrush(color); |
|||
} |
|||
|
|||
return default(SolidColorBrush); |
|||
} |
|||
|
|||
#endregion
|
|||
} |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
using System; |
|||
|
|||
namespace Microsoft.Windows.Controls.Primitives |
|||
{ |
|||
internal struct HsvColor |
|||
{ |
|||
public double H; |
|||
public double S; |
|||
public double V; |
|||
|
|||
public HsvColor(double h, double s, double v) |
|||
{ |
|||
H = h; |
|||
S = s; |
|||
V = v; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,172 @@ |
|||
using System; |
|||
using System.Linq; |
|||
using System.Windows.Media; |
|||
using System.Reflection; |
|||
using System.Collections.Generic; |
|||
using Microsoft.Windows.Controls.Primitives; |
|||
|
|||
namespace Microsoft.Windows.Controls.Core.Utilities |
|||
{ |
|||
static class ColorUtilities |
|||
{ |
|||
public static readonly Dictionary<string, Color> KnownColors = GetKnownColors(); |
|||
|
|||
public static string GetColorName(this Color color) |
|||
{ |
|||
return KnownColors.Where(kvp => kvp.Value.Equals(color)).Select(kvp => kvp.Key).FirstOrDefault(); |
|||
} |
|||
|
|||
private static Dictionary<string, Color> GetKnownColors() |
|||
{ |
|||
var colorProperties = typeof(Colors).GetProperties(BindingFlags.Static | BindingFlags.Public); |
|||
return colorProperties.ToDictionary(p => p.Name, p => (Color)p.GetValue(null, null)); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Converts an RGB color to an HSV color.
|
|||
/// </summary>
|
|||
/// <param name="r"></param>
|
|||
/// <param name="b"></param>
|
|||
/// <param name="g"></param>
|
|||
/// <returns></returns>
|
|||
public static HsvColor ConvertRgbToHsv(int r, int b, int g) |
|||
{ |
|||
double delta, min; |
|||
double h = 0, s, v; |
|||
|
|||
min = Math.Min(Math.Min(r, g), b); |
|||
v = Math.Max(Math.Max(r, g), b); |
|||
delta = v - min; |
|||
|
|||
if (v == 0.0) |
|||
{ |
|||
s = 0; |
|||
} |
|||
else |
|||
s = delta / v; |
|||
|
|||
if (s == 0) |
|||
h = 0.0; |
|||
|
|||
else |
|||
{ |
|||
if (r == v) |
|||
h = (g - b) / delta; |
|||
else if (g == v) |
|||
h = 2 + (b - r) / delta; |
|||
else if (b == v) |
|||
h = 4 + (r - g) / delta; |
|||
|
|||
h *= 60; |
|||
if (h < 0.0) |
|||
h = h + 360; |
|||
|
|||
} |
|||
|
|||
return new HsvColor { H = h, S = s, V = v / 255 }; |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Converts an HSV color to an RGB color.
|
|||
/// </summary>
|
|||
/// <param name="h"></param>
|
|||
/// <param name="s"></param>
|
|||
/// <param name="v"></param>
|
|||
/// <returns></returns>
|
|||
public static Color ConvertHsvToRgb(double h, double s, double v) |
|||
{ |
|||
double r = 0, g = 0, b = 0; |
|||
|
|||
if (s == 0) |
|||
{ |
|||
r = v; |
|||
g = v; |
|||
b = v; |
|||
} |
|||
else |
|||
{ |
|||
int i; |
|||
double f, p, q, t; |
|||
|
|||
if (h == 360) |
|||
h = 0; |
|||
else |
|||
h = h / 60; |
|||
|
|||
i = (int)Math.Truncate(h); |
|||
f = h - i; |
|||
|
|||
p = v * (1.0 - s); |
|||
q = v * (1.0 - (s * f)); |
|||
t = v * (1.0 - (s * (1.0 - f))); |
|||
|
|||
switch (i) |
|||
{ |
|||
case 0: |
|||
{ |
|||
r = v; |
|||
g = t; |
|||
b = p; |
|||
break; |
|||
} |
|||
case 1: |
|||
{ |
|||
r = q; |
|||
g = v; |
|||
b = p; |
|||
break; |
|||
} |
|||
case 2: |
|||
{ |
|||
r = p; |
|||
g = v; |
|||
b = t; |
|||
break; |
|||
} |
|||
case 3: |
|||
{ |
|||
r = p; |
|||
g = q; |
|||
b = v; |
|||
break; |
|||
} |
|||
case 4: |
|||
{ |
|||
r = t; |
|||
g = p; |
|||
b = v; |
|||
break; |
|||
} |
|||
default: |
|||
{ |
|||
r = v; |
|||
g = p; |
|||
b = q; |
|||
break; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
return Color.FromArgb(255, (byte)(r * 255), (byte)(g * 255), (byte)(b * 255)); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Generates a list of colors with hues ranging from 0 360 and a saturation and value of 1.
|
|||
/// </summary>
|
|||
/// <returns></returns>
|
|||
public static List<Color> GenerateHsvSpectrum() |
|||
{ |
|||
List<Color> colorsList = new List<Color>(8); |
|||
|
|||
for (int i = 0; i < 29; i++) |
|||
{ |
|||
colorsList.Add(ColorUtilities.ConvertHsvToRgb(i * 12, 1, 1)); |
|||
} |
|||
|
|||
colorsList.Add(ColorUtilities.ConvertHsvToRgb(0, 1, 1)); |
|||
|
|||
return colorsList; |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue