Max Katz
4 years ago
committed by
GitHub
GitHub
33 changed files with 3139 additions and 23 deletions
@ -0,0 +1,29 @@ |
|||||
|
<UserControl xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
||||
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
||||
|
xmlns:primitives="clr-namespace:Avalonia.Controls.Primitives;assembly=Avalonia.Controls" |
||||
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" |
||||
|
x:Class="ControlCatalog.Pages.ColorPickerPage"> |
||||
|
|
||||
|
<Grid ColumnDefinitions="Auto,Auto" |
||||
|
RowDefinitions="Auto,Auto"> |
||||
|
<ColorSpectrum Grid.Column="0" |
||||
|
Grid.Row="0" |
||||
|
Color="Red" |
||||
|
Height="256" |
||||
|
Width="256" /> |
||||
|
<ColorSpectrum Grid.Column="1" |
||||
|
Grid.Row="0" |
||||
|
Color="Green" |
||||
|
Shape="Ring" |
||||
|
Height="256" |
||||
|
Width="256" /> |
||||
|
<ColorSpectrum Grid.Column="0" |
||||
|
Grid.Row="1" |
||||
|
CornerRadius="10" |
||||
|
Color="Blue" |
||||
|
Height="256" |
||||
|
Width="256" /> |
||||
|
</Grid> |
||||
|
</UserControl> |
||||
@ -0,0 +1,19 @@ |
|||||
|
using Avalonia; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Markup.Xaml; |
||||
|
|
||||
|
namespace ControlCatalog.Pages |
||||
|
{ |
||||
|
public partial class ColorPickerPage : UserControl |
||||
|
{ |
||||
|
public ColorPickerPage() |
||||
|
{ |
||||
|
InitializeComponent(); |
||||
|
} |
||||
|
|
||||
|
private void InitializeComponent() |
||||
|
{ |
||||
|
AvaloniaXamlLoader.Load(this); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,25 @@ |
|||||
|
<Project Sdk="Microsoft.NET.Sdk"> |
||||
|
<PropertyGroup> |
||||
|
<TargetFrameworks>net6.0;netstandard2.0</TargetFrameworks> |
||||
|
<PackageId>Avalonia.Controls.ColorPicker</PackageId> |
||||
|
</PropertyGroup> |
||||
|
<ItemGroup> |
||||
|
<Compile Include="..\Avalonia.Base\Metadata\NullableAttributes.cs" Link="NullableAttributes.cs" /> |
||||
|
</ItemGroup> |
||||
|
<ItemGroup> |
||||
|
<ProjectReference Include="..\Avalonia.Base\Avalonia.Base.csproj" /> |
||||
|
<ProjectReference Include="..\Avalonia.Remote.Protocol\Avalonia.Remote.Protocol.csproj" /> |
||||
|
<ProjectReference Include="..\Markup\Avalonia.Markup.Xaml\Avalonia.Markup.Xaml.csproj" /> |
||||
|
<ProjectReference Include="..\Markup\Avalonia.Markup\Avalonia.Markup.csproj" /> |
||||
|
<ProjectReference Include="..\Avalonia.Controls\Avalonia.Controls.csproj" /> |
||||
|
<!-- Compatibility with old apps --> |
||||
|
<EmbeddedResource Include="Themes\**\*.xaml" /> |
||||
|
</ItemGroup> |
||||
|
<Import Project="..\..\build\Rx.props" /> |
||||
|
<Import Project="..\..\build\EmbedXaml.props" /> |
||||
|
<Import Project="..\..\build\JetBrains.Annotations.props" /> |
||||
|
<Import Project="..\..\build\BuildTargets.targets" /> |
||||
|
<!--<Import Project="..\..\build\ApiDiff.props" />--> |
||||
|
<Import Project="..\..\build\NullableEnable.props" /> |
||||
|
<Import Project="..\..\build\DevAnalyzers.props" /> |
||||
|
</Project> |
||||
@ -0,0 +1,41 @@ |
|||||
|
// Portions of this source file are adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using System; |
||||
|
using Avalonia.Media; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Holds the details of a ColorChanged event.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// HSV color information is intentionally not provided.
|
||||
|
/// Use <see cref="Color.ToHsv()"/> to obtain it.
|
||||
|
/// </remarks>
|
||||
|
public class ColorChangedEventArgs : EventArgs |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="ColorChangedEventArgs"/> class.
|
||||
|
/// </summary>
|
||||
|
/// <param name="oldColor">The old/original color from before the change event.</param>
|
||||
|
/// <param name="newColor">The new/updated color that triggered the change event.</param>
|
||||
|
public ColorChangedEventArgs(Color oldColor, Color newColor) |
||||
|
{ |
||||
|
OldColor = oldColor; |
||||
|
NewColor = newColor; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets the old/original color from before the change event.
|
||||
|
/// </summary>
|
||||
|
public Color OldColor { get; private set; } |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets the new/updated color that triggered the change event.
|
||||
|
/// </summary>
|
||||
|
public Color NewColor { get; private set; } |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,414 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Runtime.InteropServices; |
||||
|
using Avalonia.Media; |
||||
|
using Avalonia.Media.Imaging; |
||||
|
using Avalonia.Platform; |
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
internal static class ColorHelpers |
||||
|
{ |
||||
|
public const int CheckerSize = 4; |
||||
|
|
||||
|
public static bool ToDisplayNameExists |
||||
|
{ |
||||
|
get => false; |
||||
|
} |
||||
|
|
||||
|
public static string ToDisplayName(Color color) |
||||
|
{ |
||||
|
return string.Empty; |
||||
|
} |
||||
|
|
||||
|
public static Hsv IncrementColorComponent( |
||||
|
Hsv originalHsv, |
||||
|
HsvComponent component, |
||||
|
IncrementDirection direction, |
||||
|
IncrementAmount amount, |
||||
|
bool shouldWrap, |
||||
|
double minBound, |
||||
|
double maxBound) |
||||
|
{ |
||||
|
Hsv newHsv = originalHsv; |
||||
|
|
||||
|
if (amount == IncrementAmount.Small || !ToDisplayNameExists) |
||||
|
{ |
||||
|
// In order to avoid working with small values that can incur rounding issues,
|
||||
|
// we'll multiple saturation and value by 100 to put them in the range of 0-100 instead of 0-1.
|
||||
|
newHsv.S *= 100; |
||||
|
newHsv.V *= 100; |
||||
|
|
||||
|
// Note: *valueToIncrement replaced with ref local variable for C#, must be initialized
|
||||
|
ref double valueToIncrement = ref newHsv.H; |
||||
|
double incrementAmount = 0.0; |
||||
|
|
||||
|
// If we're adding a small increment, then we'll just add or subtract 1.
|
||||
|
// If we're adding a large increment, then we want to snap to the next
|
||||
|
// or previous major value - for hue, this is every increment of 30;
|
||||
|
// for saturation and value, this is every increment of 10.
|
||||
|
switch (component) |
||||
|
{ |
||||
|
case HsvComponent.Hue: |
||||
|
valueToIncrement = ref newHsv.H; |
||||
|
incrementAmount = amount == IncrementAmount.Small ? 1 : 30; |
||||
|
break; |
||||
|
|
||||
|
case HsvComponent.Saturation: |
||||
|
valueToIncrement = ref newHsv.S; |
||||
|
incrementAmount = amount == IncrementAmount.Small ? 1 : 10; |
||||
|
break; |
||||
|
|
||||
|
case HsvComponent.Value: |
||||
|
valueToIncrement = ref newHsv.V; |
||||
|
incrementAmount = amount == IncrementAmount.Small ? 1 : 10; |
||||
|
break; |
||||
|
|
||||
|
default: |
||||
|
throw new InvalidOperationException("Invalid HsvComponent."); |
||||
|
} |
||||
|
|
||||
|
double previousValue = valueToIncrement; |
||||
|
|
||||
|
valueToIncrement += (direction == IncrementDirection.Lower ? -incrementAmount : incrementAmount); |
||||
|
|
||||
|
// If the value has reached outside the bounds, we were previous at the boundary, and we should wrap,
|
||||
|
// then we'll place the selection on the other side of the spectrum.
|
||||
|
// Otherwise, we'll place it on the boundary that was exceeded.
|
||||
|
if (valueToIncrement < minBound) |
||||
|
{ |
||||
|
valueToIncrement = (shouldWrap && previousValue == minBound) ? maxBound : minBound; |
||||
|
} |
||||
|
|
||||
|
if (valueToIncrement > maxBound) |
||||
|
{ |
||||
|
valueToIncrement = (shouldWrap && previousValue == maxBound) ? minBound : maxBound; |
||||
|
} |
||||
|
|
||||
|
// We multiplied saturation and value by 100 previously, so now we want to put them back in the 0-1 range.
|
||||
|
newHsv.S /= 100; |
||||
|
newHsv.V /= 100; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
// While working with named colors, we're going to need to be working in actual HSV units,
|
||||
|
// so we'll divide the min bound and max bound by 100 in the case of saturation or value,
|
||||
|
// since we'll have received units between 0-100 and we need them within 0-1.
|
||||
|
if (component == HsvComponent.Saturation || |
||||
|
component == HsvComponent.Value) |
||||
|
{ |
||||
|
minBound /= 100; |
||||
|
maxBound /= 100; |
||||
|
} |
||||
|
|
||||
|
newHsv = FindNextNamedColor(originalHsv, component, direction, shouldWrap, minBound, maxBound); |
||||
|
} |
||||
|
|
||||
|
return newHsv; |
||||
|
} |
||||
|
|
||||
|
public static Hsv FindNextNamedColor( |
||||
|
Hsv originalHsv, |
||||
|
HsvComponent component, |
||||
|
IncrementDirection direction, |
||||
|
bool shouldWrap, |
||||
|
double minBound, |
||||
|
double maxBound) |
||||
|
{ |
||||
|
// There's no easy way to directly get the next named color, so what we'll do
|
||||
|
// is just iterate in the direction that we want to find it until we find a color
|
||||
|
// in that direction that has a color name different than our current color name.
|
||||
|
// Once we find a new color name, then we'll iterate across that color name until
|
||||
|
// we find its bounds on the other side, and then select the color that is exactly
|
||||
|
// in the middle of that color's bounds.
|
||||
|
Hsv newHsv = originalHsv; |
||||
|
|
||||
|
string originalColorName = ColorHelpers.ToDisplayName(originalHsv.ToRgb().ToColor()); |
||||
|
string newColorName = originalColorName; |
||||
|
|
||||
|
// Note: *newValue replaced with ref local variable for C#, must be initialized
|
||||
|
double originalValue = 0.0; |
||||
|
ref double newValue = ref newHsv.H; |
||||
|
double incrementAmount = 0.0; |
||||
|
|
||||
|
switch (component) |
||||
|
{ |
||||
|
case HsvComponent.Hue: |
||||
|
originalValue = originalHsv.H; |
||||
|
newValue = ref newHsv.H; |
||||
|
incrementAmount = 1; |
||||
|
break; |
||||
|
|
||||
|
case HsvComponent.Saturation: |
||||
|
originalValue = originalHsv.S; |
||||
|
newValue = ref newHsv.S; |
||||
|
incrementAmount = 0.01; |
||||
|
break; |
||||
|
|
||||
|
case HsvComponent.Value: |
||||
|
originalValue = originalHsv.V; |
||||
|
newValue = ref newHsv.V; |
||||
|
incrementAmount = 0.01; |
||||
|
break; |
||||
|
|
||||
|
default: |
||||
|
throw new InvalidOperationException("Invalid HsvComponent."); |
||||
|
} |
||||
|
|
||||
|
bool shouldFindMidPoint = true; |
||||
|
|
||||
|
while (newColorName == originalColorName) |
||||
|
{ |
||||
|
double previousValue = newValue; |
||||
|
newValue += (direction == IncrementDirection.Lower ? -1 : 1) * incrementAmount; |
||||
|
|
||||
|
bool justWrapped = false; |
||||
|
|
||||
|
// If we've hit a boundary, then either we should wrap or we shouldn't.
|
||||
|
// If we should, then we'll perform that wrapping if we were previously up against
|
||||
|
// the boundary that we've now hit. Otherwise, we'll stop at that boundary.
|
||||
|
if (newValue > maxBound) |
||||
|
{ |
||||
|
if (shouldWrap) |
||||
|
{ |
||||
|
newValue = minBound; |
||||
|
justWrapped = true; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
newValue = maxBound; |
||||
|
shouldFindMidPoint = false; |
||||
|
newColorName = ColorHelpers.ToDisplayName(newHsv.ToRgb().ToColor()); |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
else if (newValue < minBound) |
||||
|
{ |
||||
|
if (shouldWrap) |
||||
|
{ |
||||
|
newValue = maxBound; |
||||
|
justWrapped = true; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
newValue = minBound; |
||||
|
shouldFindMidPoint = false; |
||||
|
newColorName = ColorHelpers.ToDisplayName(newHsv.ToRgb().ToColor()); |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
if (!justWrapped && |
||||
|
previousValue != originalValue && |
||||
|
Math.Sign(newValue - originalValue) != Math.Sign(previousValue - originalValue)) |
||||
|
{ |
||||
|
// If we've wrapped all the way back to the start and have failed to find a new color name,
|
||||
|
// then we'll just quit - there isn't a new color name that we're going to find.
|
||||
|
shouldFindMidPoint = false; |
||||
|
break; |
||||
|
} |
||||
|
|
||||
|
newColorName = ColorHelpers.ToDisplayName(newHsv.ToRgb().ToColor()); |
||||
|
} |
||||
|
|
||||
|
if (shouldFindMidPoint) |
||||
|
{ |
||||
|
Hsv startHsv = newHsv; |
||||
|
Hsv currentHsv = startHsv; |
||||
|
double startEndOffset = 0; |
||||
|
string currentColorName = newColorName; |
||||
|
|
||||
|
// Note: *startValue/*currentValue replaced with ref local variables for C#, must be initialized
|
||||
|
ref double startValue = ref startHsv.H; |
||||
|
ref double currentValue = ref currentHsv.H; |
||||
|
double wrapIncrement = 0; |
||||
|
|
||||
|
switch (component) |
||||
|
{ |
||||
|
case HsvComponent.Hue: |
||||
|
startValue = ref startHsv.H; |
||||
|
currentValue = ref currentHsv.H; |
||||
|
wrapIncrement = 360.0; |
||||
|
break; |
||||
|
|
||||
|
case HsvComponent.Saturation: |
||||
|
startValue = ref startHsv.S; |
||||
|
currentValue = ref currentHsv.S; |
||||
|
wrapIncrement = 1.0; |
||||
|
break; |
||||
|
|
||||
|
case HsvComponent.Value: |
||||
|
startValue = ref startHsv.V; |
||||
|
currentValue = ref currentHsv.V; |
||||
|
wrapIncrement = 1.0; |
||||
|
break; |
||||
|
|
||||
|
default: |
||||
|
throw new InvalidOperationException("Invalid HsvComponent."); |
||||
|
} |
||||
|
|
||||
|
while (newColorName == currentColorName) |
||||
|
{ |
||||
|
currentValue += (direction == IncrementDirection.Lower ? -1 : 1) * incrementAmount; |
||||
|
|
||||
|
// If we've hit a boundary, then either we should wrap or we shouldn't.
|
||||
|
// If we should, then we'll perform that wrapping if we were previously up against
|
||||
|
// the boundary that we've now hit. Otherwise, we'll stop at that boundary.
|
||||
|
if (currentValue > maxBound) |
||||
|
{ |
||||
|
if (shouldWrap) |
||||
|
{ |
||||
|
currentValue = minBound; |
||||
|
startEndOffset = maxBound - minBound; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
currentValue = maxBound; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
else if (currentValue < minBound) |
||||
|
{ |
||||
|
if (shouldWrap) |
||||
|
{ |
||||
|
currentValue = maxBound; |
||||
|
startEndOffset = minBound - maxBound; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
currentValue = minBound; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
currentColorName = ColorHelpers.ToDisplayName(currentHsv.ToRgb().ToColor()); |
||||
|
} |
||||
|
|
||||
|
newValue = (startValue + currentValue + startEndOffset) / 2; |
||||
|
|
||||
|
// Dividing by 2 may have gotten us halfway through a single step, so we'll
|
||||
|
// remove that half-step if it exists.
|
||||
|
double leftoverValue = Math.Abs(newValue); |
||||
|
|
||||
|
while (leftoverValue > incrementAmount) |
||||
|
{ |
||||
|
leftoverValue -= incrementAmount; |
||||
|
} |
||||
|
|
||||
|
newValue -= leftoverValue; |
||||
|
|
||||
|
while (newValue < minBound) |
||||
|
{ |
||||
|
newValue += wrapIncrement; |
||||
|
} |
||||
|
|
||||
|
while (newValue > maxBound) |
||||
|
{ |
||||
|
newValue -= wrapIncrement; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
return newHsv; |
||||
|
} |
||||
|
|
||||
|
public static double IncrementAlphaComponent( |
||||
|
double originalAlpha, |
||||
|
IncrementDirection direction, |
||||
|
IncrementAmount amount, |
||||
|
bool shouldWrap, |
||||
|
double minBound, |
||||
|
double maxBound) |
||||
|
{ |
||||
|
// In order to avoid working with small values that can incur rounding issues,
|
||||
|
// we'll multiple alpha by 100 to put it in the range of 0-100 instead of 0-1.
|
||||
|
originalAlpha *= 100; |
||||
|
|
||||
|
const double smallIncrementAmount = 1; |
||||
|
const double largeIncrementAmount = 10; |
||||
|
|
||||
|
if (amount == IncrementAmount.Small) |
||||
|
{ |
||||
|
originalAlpha += (direction == IncrementDirection.Lower ? -1 : 1) * smallIncrementAmount; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
if (direction == IncrementDirection.Lower) |
||||
|
{ |
||||
|
originalAlpha = Math.Ceiling((originalAlpha - largeIncrementAmount) / largeIncrementAmount) * largeIncrementAmount; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
originalAlpha = Math.Floor((originalAlpha + largeIncrementAmount) / largeIncrementAmount) * largeIncrementAmount; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// If the value has reached outside the bounds and we should wrap, then we'll place the selection
|
||||
|
// on the other side of the spectrum. Otherwise, we'll place it on the boundary that was exceeded.
|
||||
|
if (originalAlpha < minBound) |
||||
|
{ |
||||
|
originalAlpha = shouldWrap ? maxBound : minBound; |
||||
|
} |
||||
|
|
||||
|
if (originalAlpha > maxBound) |
||||
|
{ |
||||
|
originalAlpha = shouldWrap ? minBound : maxBound; |
||||
|
} |
||||
|
|
||||
|
// We multiplied alpha by 100 previously, so now we want to put it back in the 0-1 range.
|
||||
|
return originalAlpha / 100; |
||||
|
} |
||||
|
|
||||
|
public static WriteableBitmap CreateBitmapFromPixelData( |
||||
|
int pixelWidth, |
||||
|
int pixelHeight, |
||||
|
List<byte> bgraPixelData) |
||||
|
{ |
||||
|
Vector dpi = new Vector(96, 96); // Standard may need to change on some devices
|
||||
|
|
||||
|
WriteableBitmap bitmap = new WriteableBitmap( |
||||
|
new PixelSize(pixelWidth, pixelHeight), |
||||
|
dpi, |
||||
|
PixelFormat.Bgra8888, |
||||
|
AlphaFormat.Premul); |
||||
|
|
||||
|
// Warning: This is highly questionable
|
||||
|
using (var frameBuffer = bitmap.Lock()) |
||||
|
{ |
||||
|
Marshal.Copy(bgraPixelData.ToArray(), 0, frameBuffer.Address, bgraPixelData.Count); |
||||
|
} |
||||
|
|
||||
|
return bitmap; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets the relative (perceptual) luminance/brightness of the given color.
|
||||
|
/// 1 is closer to white while 0 is closer to black.
|
||||
|
/// </summary>
|
||||
|
/// <param name="color">The color to calculate relative luminance for.</param>
|
||||
|
/// <returns>The relative (perceptual) luminance/brightness of the given color.</returns>
|
||||
|
public static double GetRelativeLuminance(Color color) |
||||
|
{ |
||||
|
// The equation for relative luminance is given by
|
||||
|
//
|
||||
|
// L = 0.2126 * Rg + 0.7152 * Gg + 0.0722 * Bg
|
||||
|
//
|
||||
|
// where Xg = { X/3294 if X <= 10, (R/269 + 0.0513)^2.4 otherwise }
|
||||
|
//
|
||||
|
// If L is closer to 1, then the color is closer to white; if it is closer to 0,
|
||||
|
// then the color is closer to black. This is based on the fact that the human
|
||||
|
// eye perceives green to be much brighter than red, which in turn is perceived to be
|
||||
|
// brighter than blue.
|
||||
|
|
||||
|
double rg = color.R <= 10 ? color.R / 3294.0 : Math.Pow(color.R / 269.0 + 0.0513, 2.4); |
||||
|
double gg = color.G <= 10 ? color.G / 3294.0 : Math.Pow(color.G / 269.0 + 0.0513, 2.4); |
||||
|
double bg = color.B <= 10 ? color.B / 3294.0 : Math.Pow(color.B / 269.0 + 0.0513, 2.4); |
||||
|
|
||||
|
return (0.2126 * rg + 0.7152 * gg + 0.0722 * bg); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,207 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using Avalonia.Media; |
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
/// <inheritdoc/>
|
||||
|
public partial class ColorSpectrum |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Gets or sets the currently selected color in the RGB color model.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// For control authors use <see cref="HsvColor"/> instead to avoid loss
|
||||
|
/// of precision and color drifting.
|
||||
|
/// </remarks>
|
||||
|
public Color Color |
||||
|
{ |
||||
|
get => GetValue(ColorProperty); |
||||
|
set => SetValue(ColorProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Color"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<Color> ColorProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, Color>( |
||||
|
nameof(Color), |
||||
|
Color.FromArgb(0xFF, 0xFF, 0xFF, 0xFF)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the two HSV color components displayed by the spectrum.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public ColorSpectrumComponents Components |
||||
|
{ |
||||
|
get => GetValue(ComponentsProperty); |
||||
|
set => SetValue(ComponentsProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Components"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<ColorSpectrumComponents> ComponentsProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, ColorSpectrumComponents>( |
||||
|
nameof(Components), |
||||
|
ColorSpectrumComponents.HueSaturation); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the currently selected color in the HSV color model.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// This should be used in all cases instead of the <see cref="Color"/> property.
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model and using
|
||||
|
/// this property will avoid loss of precision and color drifting.
|
||||
|
/// </remarks>
|
||||
|
public HsvColor HsvColor |
||||
|
{ |
||||
|
get => GetValue(HsvColorProperty); |
||||
|
set => SetValue(HsvColorProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="HsvColor"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<HsvColor> HsvColorProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, HsvColor>( |
||||
|
nameof(HsvColor), |
||||
|
new HsvColor(1, 0, 0, 1)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the maximum value of the Hue component in the range from 0..359.
|
||||
|
/// This property must be greater than <see cref="MinHue"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public int MaxHue |
||||
|
{ |
||||
|
get => GetValue(MaxHueProperty); |
||||
|
set => SetValue(MaxHueProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MaxHue"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<int> MaxHueProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, int>(nameof(MaxHue), 359); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the maximum value of the Saturation component in the range from 0..100.
|
||||
|
/// This property must be greater than <see cref="MinSaturation"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public int MaxSaturation |
||||
|
{ |
||||
|
get => GetValue(MaxSaturationProperty); |
||||
|
set => SetValue(MaxSaturationProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MaxSaturation"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<int> MaxSaturationProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, int>(nameof(MaxSaturation), 100); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the maximum value of the Value component in the range from 0..100.
|
||||
|
/// This property must be greater than <see cref="MinValue"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public int MaxValue |
||||
|
{ |
||||
|
get => GetValue(MaxValueProperty); |
||||
|
set => SetValue(MaxValueProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MaxValue"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<int> MaxValueProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, int>(nameof(MaxValue), 100); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minimum value of the Hue component in the range from 0..359.
|
||||
|
/// This property must be less than <see cref="MaxHue"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public int MinHue |
||||
|
{ |
||||
|
get => GetValue(MinHueProperty); |
||||
|
set => SetValue(MinHueProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinHue"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<int> MinHueProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, int>(nameof(MinHue), 0); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minimum value of the Saturation component in the range from 0..100.
|
||||
|
/// This property must be less than <see cref="MaxSaturation"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public int MinSaturation |
||||
|
{ |
||||
|
get => GetValue(MinSaturationProperty); |
||||
|
set => SetValue(MinSaturationProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinSaturation"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<int> MinSaturationProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, int>(nameof(MinSaturation), 0); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minimum value of the Value component in the range from 0..100.
|
||||
|
/// This property must be less than <see cref="MaxValue"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Internally, the <see cref="ColorSpectrum"/> uses the HSV color model.
|
||||
|
/// </remarks>
|
||||
|
public int MinValue |
||||
|
{ |
||||
|
get => GetValue(MinValueProperty); |
||||
|
set => SetValue(MinValueProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinValue"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<int> MinValueProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, int>(nameof(MinValue), 0); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the displayed shape of the spectrum.
|
||||
|
/// </summary>
|
||||
|
public ColorSpectrumShape Shape |
||||
|
{ |
||||
|
get => GetValue(ShapeProperty); |
||||
|
set => SetValue(ShapeProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Shape"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<ColorSpectrumShape> ShapeProperty = |
||||
|
AvaloniaProperty.Register<ColorSpectrum, ColorSpectrumShape>( |
||||
|
nameof(Shape), |
||||
|
ColorSpectrumShape.Box); |
||||
|
} |
||||
|
} |
||||
File diff suppressed because it is too large
@ -0,0 +1,86 @@ |
|||||
|
// Portions of this source file are adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using Avalonia.Media; |
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Contains and allows modification of Hue, Saturation and Value components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// The is a specialized struct optimized for permanence and memory:
|
||||
|
/// <list type="bullet">
|
||||
|
/// <item>This is not a read-only struct like <see cref="HsvColor"/> and allows editing the fields</item>
|
||||
|
/// <item>Removes the alpha component unnecessary in core calculations</item>
|
||||
|
/// <item>No component bounds checks or clamping is done.</item>
|
||||
|
/// </list>
|
||||
|
/// </remarks>
|
||||
|
internal struct Hsv |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// The Hue component in the range from 0..359.
|
||||
|
/// </summary>
|
||||
|
public double H; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Saturation component in the range from 0..1.
|
||||
|
/// </summary>
|
||||
|
public double S; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Value component in the range from 0..1.
|
||||
|
/// </summary>
|
||||
|
public double V; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="Hsv"/> struct.
|
||||
|
/// </summary>
|
||||
|
/// <param name="h">The Hue component in the range from 0..360.</param>
|
||||
|
/// <param name="s">The Saturation component in the range from 0..1.</param>
|
||||
|
/// <param name="v">The Value component in the range from 0..1.</param>
|
||||
|
public Hsv(double h, double s, double v) |
||||
|
{ |
||||
|
H = h; |
||||
|
S = s; |
||||
|
V = v; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="Hsv"/> struct.
|
||||
|
/// </summary>
|
||||
|
/// <param name="hsvColor">An existing <see cref="HsvColor"/> to convert to <see cref="Hsv"/>.</param>
|
||||
|
public Hsv(HsvColor hsvColor) |
||||
|
{ |
||||
|
H = hsvColor.H; |
||||
|
S = hsvColor.S; |
||||
|
V = hsvColor.V; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Converts this <see cref="Hsv"/> struct into a standard <see cref="HsvColor"/>.
|
||||
|
/// </summary>
|
||||
|
/// <param name="alpha">The Alpha component in the range from 0..1.</param>
|
||||
|
/// <returns>A new <see cref="HsvColor"/> representing this <see cref="Hsv"/> struct.</returns>
|
||||
|
public HsvColor ToHsvColor(double alpha = 1.0) |
||||
|
{ |
||||
|
// Clamping is done automatically in the constructor
|
||||
|
return HsvColor.FromAhsv(alpha, H, S, V); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Returns the <see cref="Rgb"/> color model equivalent of this <see cref="Hsv"/> color.
|
||||
|
/// </summary>
|
||||
|
/// <returns>The <see cref="Rgb"/> equivalent color.</returns>
|
||||
|
public Rgb ToRgb() |
||||
|
{ |
||||
|
// Instantiating a Color is unfortunately necessary to use existing conversions
|
||||
|
// Clamping is done internally in the conversion method
|
||||
|
Color color = HsvColor.ToRgb(H, S, V); |
||||
|
|
||||
|
return new Rgb(color); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines a relative amount that a color component should be incremented.
|
||||
|
/// </summary>
|
||||
|
internal enum IncrementAmount |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// A smaller change in value.
|
||||
|
/// </summary>
|
||||
|
Small, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// A larger change in value.
|
||||
|
/// </summary>
|
||||
|
Large, |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the direction a color component should be incremented.
|
||||
|
/// </summary>
|
||||
|
internal enum IncrementDirection |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Decreasing in value towards zero.
|
||||
|
/// </summary>
|
||||
|
Lower, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Increasing in value towards positive infinity.
|
||||
|
/// </summary>
|
||||
|
Higher, |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,94 @@ |
|||||
|
// Portions of this source file are adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using Avalonia.Media; |
||||
|
using Avalonia.Utilities; |
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Contains and allows modification of Red, Green and Blue components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// The is a specialized struct optimized for permanence and memory:
|
||||
|
/// <list type="bullet">
|
||||
|
/// <item>This is not a read-only struct like <see cref="Color"/> and allows editing the fields</item>
|
||||
|
/// <item>Removes the alpha component unnecessary in core calculations</item>
|
||||
|
/// <item>Normalizes RGB components in the range of 0..1 to simplify calculations.</item>
|
||||
|
/// <item>No component bounds checks or clamping is done.</item>
|
||||
|
/// </list>
|
||||
|
/// </remarks>
|
||||
|
internal struct Rgb |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// The Red component in the range from 0..1.
|
||||
|
/// </summary>
|
||||
|
public double R; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Green component in the range from 0..1.
|
||||
|
/// </summary>
|
||||
|
public double G; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Blue component in the range from 0..1.
|
||||
|
/// </summary>
|
||||
|
public double B; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="Rgb"/> struct.
|
||||
|
/// </summary>
|
||||
|
/// <param name="r">The Red component in the range from 0..1.</param>
|
||||
|
/// <param name="g">The Green component in the range from 0..1.</param>
|
||||
|
/// <param name="b">The Blue component in the range from 0..1.</param>
|
||||
|
public Rgb(double r, double g, double b) |
||||
|
{ |
||||
|
R = r; |
||||
|
G = g; |
||||
|
B = b; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="Rgb"/> struct.
|
||||
|
/// </summary>
|
||||
|
/// <param name="color">An existing <see cref="Color"/> to convert to <see cref="Rgb"/>.</param>
|
||||
|
public Rgb(Color color) |
||||
|
{ |
||||
|
R = color.R / 255.0; |
||||
|
G = color.G / 255.0; |
||||
|
B = color.B / 255.0; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Converts this <see cref="Rgb"/> struct into a standard <see cref="Color"/>.
|
||||
|
/// </summary>
|
||||
|
/// <param name="alpha">The Alpha component in the range from 0..1.</param>
|
||||
|
/// <returns>A new <see cref="Color"/> representing this <see cref="Rgb"/> struct.</returns>
|
||||
|
public Color ToColor(double alpha = 1.0) |
||||
|
{ |
||||
|
return Color.FromArgb( |
||||
|
(byte)MathUtilities.Clamp(alpha * 255.0, 0x00, 0xFF), |
||||
|
(byte)MathUtilities.Clamp(R * 255.0, 0x00, 0xFF), |
||||
|
(byte)MathUtilities.Clamp(G * 255.0, 0x00, 0xFF), |
||||
|
(byte)MathUtilities.Clamp(B * 255.0, 0x00, 0xFF)); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Returns the <see cref="Hsv"/> color model equivalent of this <see cref="Rgb"/> color.
|
||||
|
/// </summary>
|
||||
|
/// <returns>The <see cref="Hsv"/> equivalent color.</returns>
|
||||
|
public Hsv ToHsv() |
||||
|
{ |
||||
|
// Instantiating an HsvColor is unfortunately necessary to use existing conversions
|
||||
|
// Clamping must be done here as it isn't done in the conversion method (internal-use only)
|
||||
|
HsvColor hsvColor = Color.ToHsv( |
||||
|
MathUtilities.Clamp(R, 0.0, 1.0), |
||||
|
MathUtilities.Clamp(G, 0.0, 1.0), |
||||
|
MathUtilities.Clamp(B, 0.0, 1.0)); |
||||
|
|
||||
|
return new Hsv(hsvColor); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,73 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using Avalonia.Controls.Primitives; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the two HSV color components displayed by a <see cref="ColorSpectrum"/>.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Order of the color components is important and correspond with an X/Y axis in Box
|
||||
|
/// shape or a degree/radius in Ring shape.
|
||||
|
/// </remarks>
|
||||
|
public enum ColorSpectrumComponents |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// The Hue and Value components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// In Box shape, Hue is mapped to the X-axis and Value is mapped to the Y-axis.
|
||||
|
/// In Ring shape, Hue is mapped to degrees and Value is mapped to radius.
|
||||
|
/// </remarks>
|
||||
|
HueValue, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Value and Hue components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// In Box shape, Value is mapped to the X-axis and Hue is mapped to the Y-axis.
|
||||
|
/// In Ring shape, Value is mapped to degrees and Hue is mapped to radius.
|
||||
|
/// </remarks>
|
||||
|
ValueHue, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Hue and Saturation components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// In Box shape, Hue is mapped to the X-axis and Saturation is mapped to the Y-axis.
|
||||
|
/// In Ring shape, Hue is mapped to degrees and Saturation is mapped to radius.
|
||||
|
/// </remarks>
|
||||
|
HueSaturation, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Saturation and Hue components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// In Box shape, Saturation is mapped to the X-axis and Hue is mapped to the Y-axis.
|
||||
|
/// In Ring shape, Saturation is mapped to degrees and Hue is mapped to radius.
|
||||
|
/// </remarks>
|
||||
|
SaturationHue, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Saturation and Value components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// In Box shape, Saturation is mapped to the X-axis and Value is mapped to the Y-axis.
|
||||
|
/// In Ring shape, Saturation is mapped to degrees and Value is mapped to radius.
|
||||
|
/// </remarks>
|
||||
|
SaturationValue, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Value and Saturation components.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// In Box shape, Value is mapped to the X-axis and Saturation is mapped to the Y-axis.
|
||||
|
/// In Ring shape, Value is mapped to degrees and Saturation is mapped to radius.
|
||||
|
/// </remarks>
|
||||
|
ValueSaturation, |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,26 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using Avalonia.Controls.Primitives; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the shape of a <see cref="ColorSpectrum"/>.
|
||||
|
/// </summary>
|
||||
|
public enum ColorSpectrumShape |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// The spectrum is in the shape of a rectangular or square box.
|
||||
|
/// Note that more colors are visible to the user in Box shape.
|
||||
|
/// </summary>
|
||||
|
Box, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The spectrum is in the shape of an ellipse or circle.
|
||||
|
/// </summary>
|
||||
|
Ring, |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,47 @@ |
|||||
|
// This source file is adapted from the WinUI project.
|
||||
|
// (https://github.com/microsoft/microsoft-ui-xaml)
|
||||
|
//
|
||||
|
// Licensed to The Avalonia Project under the MIT License.
|
||||
|
|
||||
|
using Avalonia.Media; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines a specific component in the HSV color model.
|
||||
|
/// </summary>
|
||||
|
public enum HsvComponent |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// The Hue component.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Also see: <see cref="HsvColor.H"/>
|
||||
|
/// </remarks>
|
||||
|
Hue, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Saturation component.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Also see: <see cref="HsvColor.S"/>
|
||||
|
/// </remarks>
|
||||
|
Saturation, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Value component.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Also see: <see cref="HsvColor.V"/>
|
||||
|
/// </remarks>
|
||||
|
Value, |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// The Alpha component.
|
||||
|
/// </summary>
|
||||
|
/// <remarks>
|
||||
|
/// Also see: <see cref="HsvColor.A"/>
|
||||
|
/// </remarks>
|
||||
|
Alpha |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,8 @@ |
|||||
|
using System.Runtime.CompilerServices; |
||||
|
using Avalonia.Metadata; |
||||
|
|
||||
|
[assembly: InternalsVisibleTo("Avalonia.DesignerSupport, PublicKey=0024000004800000940000000602000000240000525341310004000001000100c1bba1142285fe0419326fb25866ba62c47e6c2b5c1ab0c95b46413fad375471232cb81706932e1cef38781b9ebd39d5100401bacb651c6c5bbf59e571e81b3bc08d2a622004e08b1a6ece82a7e0b9857525c86d2b95fab4bc3dce148558d7f3ae61aa3a234086902aeface87d9dfdd32b9d2fe3c6dd4055b5ab4b104998bd87")] |
||||
|
|
||||
|
[assembly: XmlnsDefinition("https://github.com/avaloniaui", "Avalonia.Controls")] |
||||
|
[assembly: XmlnsDefinition("https://github.com/avaloniaui", "Avalonia.Controls.Collections")] |
||||
|
[assembly: XmlnsDefinition("https://github.com/avaloniaui", "Avalonia.Controls.Primitives")] |
||||
@ -0,0 +1,134 @@ |
|||||
|
<Styles xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
x:CompileBindings="True" |
||||
|
xmlns:converters="using:Avalonia.Controls.Converters"> |
||||
|
|
||||
|
<Styles.Resources> |
||||
|
<converters:EnumValueEqualsConverter x:Key="EnumValueEquals" /> |
||||
|
<converters:CornerRadiusToDoubleConverter x:Key="TopLeftCornerRadius" Corner="TopLeft" /> |
||||
|
<converters:CornerRadiusToDoubleConverter x:Key="BottomRightCornerRadius" Corner="BottomRight" /> |
||||
|
</Styles.Resources> |
||||
|
|
||||
|
<Style Selector="ColorSpectrum"> |
||||
|
<Setter Property="Template"> |
||||
|
<Setter.Value> |
||||
|
<ControlTemplate> |
||||
|
<Panel x:Name="PART_LayoutRoot" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch"> |
||||
|
<Panel x:Name="PART_SizingPanel" |
||||
|
HorizontalAlignment="Center" |
||||
|
VerticalAlignment="Center" |
||||
|
ClipToBounds="True"> |
||||
|
<Rectangle x:Name="PART_SpectrumRectangle" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Box'}" |
||||
|
RadiusX="{TemplateBinding CornerRadius, Converter={StaticResource TopLeftCornerRadius}}" |
||||
|
RadiusY="{TemplateBinding CornerRadius, Converter={StaticResource BottomRightCornerRadius}}" /> |
||||
|
<Rectangle x:Name="PART_SpectrumOverlayRectangle" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Box'}" |
||||
|
RadiusX="{TemplateBinding CornerRadius, Converter={StaticResource TopLeftCornerRadius}}" |
||||
|
RadiusY="{TemplateBinding CornerRadius, Converter={StaticResource BottomRightCornerRadius}}" /> |
||||
|
<Ellipse x:Name="PART_SpectrumEllipse" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Ring'}" /> |
||||
|
<Ellipse x:Name="PART_SpectrumOverlayEllipse" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Ring'}" /> |
||||
|
<Canvas x:Name="PART_InputTarget" |
||||
|
Background="Transparent" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch"> |
||||
|
<Panel x:Name="PART_SelectionEllipsePanel"> |
||||
|
<Ellipse x:Name="FocusEllipse" |
||||
|
Margin="-2" |
||||
|
StrokeThickness="2" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" /> |
||||
|
<Ellipse x:Name="SelectionEllipse" |
||||
|
StrokeThickness="2" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
ToolTip.VerticalOffset="-20" |
||||
|
ToolTip.Placement="Top"> |
||||
|
<ToolTip.Tip> |
||||
|
<ToolTip x:Name="PART_ColorNameToolTip" /> |
||||
|
</ToolTip.Tip> |
||||
|
</Ellipse> |
||||
|
</Panel> |
||||
|
</Canvas> |
||||
|
<Rectangle x:Name="BorderRectangle" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Box'}" |
||||
|
RadiusX="{TemplateBinding CornerRadius, Converter={StaticResource TopLeftCornerRadius}}" |
||||
|
RadiusY="{TemplateBinding CornerRadius, Converter={StaticResource BottomRightCornerRadius}}" /> |
||||
|
<Ellipse x:Name="BorderEllipse" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Ring'}" /> |
||||
|
</Panel> |
||||
|
</Panel> |
||||
|
</ControlTemplate> |
||||
|
</Setter.Value> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Normal --> |
||||
|
<!-- Separating this allows easier customization in applications --> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#BorderEllipse, |
||||
|
ColorSpectrum /template/ Rectangle#BorderRectangle"> |
||||
|
<Setter Property="Stroke" Value="{DynamicResource ThemeBorderLowBrush}" /> |
||||
|
<Setter Property="StrokeThickness" Value="1" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Focus --> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="IsVisible" Value="False" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:focus-visible /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="IsVisible" Value="True" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Selector Color --> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="Stroke" Value="White" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#SelectionEllipse"> |
||||
|
<Setter Property="Stroke" Value="Black" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:light-selector /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="Stroke" Value="Black" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:light-selector /template/ Ellipse#SelectionEllipse"> |
||||
|
<Setter Property="Stroke" Value="White" /> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="ColorSpectrum:pointerover /template/ Ellipse#SelectionEllipse"> |
||||
|
<Setter Property="Opacity" Value="0.8" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Selector Size --> |
||||
|
<Style Selector="ColorSpectrum /template/ Panel#PART_SelectionEllipsePanel"> |
||||
|
<Setter Property="Width" Value="16" /> |
||||
|
<Setter Property="Height" Value="16" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:large-selector /template/ Panel#PART_SelectionEllipsePanel"> |
||||
|
<Setter Property="Width" Value="48" /> |
||||
|
<Setter Property="Height" Value="48" /> |
||||
|
</Style> |
||||
|
|
||||
|
</Styles> |
||||
@ -0,0 +1,134 @@ |
|||||
|
<Styles xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
x:CompileBindings="True" |
||||
|
xmlns:converters="using:Avalonia.Controls.Converters"> |
||||
|
|
||||
|
<Styles.Resources> |
||||
|
<converters:EnumValueEqualsConverter x:Key="EnumValueEquals" /> |
||||
|
<converters:CornerRadiusToDoubleConverter x:Key="TopLeftCornerRadius" Corner="TopLeft" /> |
||||
|
<converters:CornerRadiusToDoubleConverter x:Key="BottomRightCornerRadius" Corner="BottomRight" /> |
||||
|
</Styles.Resources> |
||||
|
|
||||
|
<Style Selector="ColorSpectrum"> |
||||
|
<Setter Property="Template"> |
||||
|
<Setter.Value> |
||||
|
<ControlTemplate> |
||||
|
<Panel x:Name="PART_LayoutRoot" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch"> |
||||
|
<Panel x:Name="PART_SizingPanel" |
||||
|
HorizontalAlignment="Center" |
||||
|
VerticalAlignment="Center" |
||||
|
ClipToBounds="True"> |
||||
|
<Rectangle x:Name="PART_SpectrumRectangle" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Box'}" |
||||
|
RadiusX="{TemplateBinding CornerRadius, Converter={StaticResource TopLeftCornerRadius}}" |
||||
|
RadiusY="{TemplateBinding CornerRadius, Converter={StaticResource BottomRightCornerRadius}}" /> |
||||
|
<Rectangle x:Name="PART_SpectrumOverlayRectangle" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Box'}" |
||||
|
RadiusX="{TemplateBinding CornerRadius, Converter={StaticResource TopLeftCornerRadius}}" |
||||
|
RadiusY="{TemplateBinding CornerRadius, Converter={StaticResource BottomRightCornerRadius}}" /> |
||||
|
<Ellipse x:Name="PART_SpectrumEllipse" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Ring'}" /> |
||||
|
<Ellipse x:Name="PART_SpectrumOverlayEllipse" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Ring'}" /> |
||||
|
<Canvas x:Name="PART_InputTarget" |
||||
|
Background="Transparent" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch"> |
||||
|
<Panel x:Name="PART_SelectionEllipsePanel"> |
||||
|
<Ellipse x:Name="FocusEllipse" |
||||
|
Margin="-2" |
||||
|
StrokeThickness="2" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" /> |
||||
|
<Ellipse x:Name="SelectionEllipse" |
||||
|
StrokeThickness="2" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
ToolTip.VerticalOffset="-20" |
||||
|
ToolTip.Placement="Top"> |
||||
|
<ToolTip.Tip> |
||||
|
<ToolTip x:Name="PART_ColorNameToolTip" /> |
||||
|
</ToolTip.Tip> |
||||
|
</Ellipse> |
||||
|
</Panel> |
||||
|
</Canvas> |
||||
|
<Rectangle x:Name="BorderRectangle" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Box'}" |
||||
|
RadiusX="{TemplateBinding CornerRadius, Converter={StaticResource TopLeftCornerRadius}}" |
||||
|
RadiusY="{TemplateBinding CornerRadius, Converter={StaticResource BottomRightCornerRadius}}" /> |
||||
|
<Ellipse x:Name="BorderEllipse" |
||||
|
IsHitTestVisible="False" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
IsVisible="{TemplateBinding Shape, Converter={StaticResource EnumValueEquals}, ConverterParameter='Ring'}" /> |
||||
|
</Panel> |
||||
|
</Panel> |
||||
|
</ControlTemplate> |
||||
|
</Setter.Value> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Normal --> |
||||
|
<!-- Separating this allows easier customization in applications --> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#BorderEllipse, |
||||
|
ColorSpectrum /template/ Rectangle#BorderRectangle"> |
||||
|
<Setter Property="Stroke" Value="{DynamicResource SystemControlForegroundListLowBrush}" /> |
||||
|
<Setter Property="StrokeThickness" Value="1" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Focus --> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="IsVisible" Value="False" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:focus-visible /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="IsVisible" Value="True" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Selector Color --> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="Stroke" Value="{DynamicResource SystemControlBackgroundChromeWhiteBrush}" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum /template/ Ellipse#SelectionEllipse"> |
||||
|
<Setter Property="Stroke" Value="{DynamicResource SystemControlBackgroundChromeBlackHighBrush}" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:light-selector /template/ Ellipse#FocusEllipse"> |
||||
|
<Setter Property="Stroke" Value="{DynamicResource SystemControlBackgroundChromeBlackHighBrush}" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:light-selector /template/ Ellipse#SelectionEllipse"> |
||||
|
<Setter Property="Stroke" Value="{DynamicResource SystemControlBackgroundChromeWhiteBrush}" /> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="ColorSpectrum:pointerover /template/ Ellipse#SelectionEllipse"> |
||||
|
<Setter Property="Opacity" Value="0.8" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Selector Size --> |
||||
|
<Style Selector="ColorSpectrum /template/ Panel#PART_SelectionEllipsePanel"> |
||||
|
<Setter Property="Width" Value="16" /> |
||||
|
<Setter Property="Height" Value="16" /> |
||||
|
</Style> |
||||
|
<Style Selector="ColorSpectrum:large-selector /template/ Panel#PART_SelectionEllipsePanel"> |
||||
|
<Setter Property="Width" Value="48" /> |
||||
|
<Setter Property="Height" Value="48" /> |
||||
|
</Style> |
||||
|
|
||||
|
</Styles> |
||||
@ -0,0 +1,46 @@ |
|||||
|
using System; |
||||
|
using System.Globalization; |
||||
|
using Avalonia.Data.Converters; |
||||
|
|
||||
|
namespace Avalonia.Controls.Converters |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Converts one corner of a <see cref="CornerRadius"/> to its double value.
|
||||
|
/// </summary>
|
||||
|
public class CornerRadiusToDoubleConverter : IValueConverter |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Gets or sets the specific corner of the <see cref="CornerRadius"/> to convert to double.
|
||||
|
/// </summary>
|
||||
|
public Corners Corner { get; set; } |
||||
|
|
||||
|
/// <inheritdoc/>
|
||||
|
public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture) |
||||
|
{ |
||||
|
if (!(value is CornerRadius cornerRadius)) |
||||
|
{ |
||||
|
return AvaloniaProperty.UnsetValue; |
||||
|
} |
||||
|
|
||||
|
switch (Corner) |
||||
|
{ |
||||
|
case Corners.TopLeft: |
||||
|
return cornerRadius.TopLeft; |
||||
|
case Corners.TopRight: |
||||
|
return cornerRadius.TopRight; |
||||
|
case Corners.BottomRight: |
||||
|
return cornerRadius.BottomRight; |
||||
|
case Corners.BottomLeft: |
||||
|
return cornerRadius.BottomLeft; |
||||
|
default: |
||||
|
return 0.0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <inheritdoc/>
|
||||
|
public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture) |
||||
|
{ |
||||
|
throw new NotImplementedException(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,54 @@ |
|||||
|
using System; |
||||
|
using System.Globalization; |
||||
|
using Avalonia.Data.Converters; |
||||
|
|
||||
|
namespace Avalonia.Controls.Converters |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Converter that checks if an enum value is equal to the given parameter enum value.
|
||||
|
/// </summary>
|
||||
|
public class EnumValueEqualsConverter : IValueConverter |
||||
|
{ |
||||
|
/// <inheritdoc/>
|
||||
|
public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture) |
||||
|
{ |
||||
|
// Note: Unlike string comparisons, null/empty is not supported
|
||||
|
// Both 'value' and 'parameter' must exist and if both are missing they are not considered equal
|
||||
|
if (value != null && |
||||
|
parameter != null) |
||||
|
{ |
||||
|
Type type = value.GetType(); |
||||
|
|
||||
|
if (type.IsEnum) |
||||
|
{ |
||||
|
var valueStr = value?.ToString(); |
||||
|
var paramStr = parameter?.ToString(); |
||||
|
|
||||
|
if (string.Equals(valueStr, paramStr, StringComparison.OrdinalIgnoreCase)) |
||||
|
{ |
||||
|
return true; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* |
||||
|
// TODO: When .net Standard 2.0 is no longer supported the code can be changed to below
|
||||
|
// This is a little more type safe
|
||||
|
if (type.IsEnum && |
||||
|
Enum.TryParse(type, value?.ToString(), true, out object? valueEnum) && |
||||
|
Enum.TryParse(type, parameter?.ToString(), true, out object? paramEnum)) |
||||
|
{ |
||||
|
return valueEnum == paramEnum; |
||||
|
} |
||||
|
*/ |
||||
|
} |
||||
|
|
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
/// <inheritdoc/>
|
||||
|
public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture) |
||||
|
{ |
||||
|
throw new System.NotImplementedException(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue