Dariusz Komosiński
6 years ago
committed by
GitHub
GitHub
182 changed files with 8626 additions and 1911 deletions
@ -0,0 +1,101 @@ |
|||
<UserControl |
|||
xmlns="https://github.com/avaloniaui" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
x:Class="RenderDemo.Pages.TransitionsPage"> |
|||
<UserControl.Styles> |
|||
<Styles> |
|||
<Styles.Resources> |
|||
<Template x:Key="Acorn"> |
|||
<Path Fill="White" Stretch="Uniform" |
|||
Data="F1 M 16.6309,18.6563C 17.1309, |
|||
8.15625 29.8809,14.1563 29.8809, |
|||
14.1563C 30.8809,11.1563 34.1308, |
|||
11.4063 34.1308,11.4063C 33.5,12 |
|||
34.6309,13.1563 34.6309,13.1563C |
|||
32.1309,13.1562 31.1309,14.9062 |
|||
31.1309,14.9062C 41.1309,23.9062 |
|||
32.6309,27.9063 32.6309,27.9062C |
|||
24.6309,24.9063 21.1309,22.1562 |
|||
16.6309,18.6563 Z M 16.6309,19.9063C |
|||
21.6309,24.1563 25.1309,26.1562 |
|||
31.6309,28.6562C 31.6309,28.6562 |
|||
26.3809,39.1562 18.3809,36.1563C |
|||
18.3809,36.1563 18,38 16.3809,36.9063C |
|||
15,36 16.3809,34.9063 16.3809,34.9063C |
|||
16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"/> |
|||
</Template> |
|||
<Template x:Key="Heart"> |
|||
<Path Fill="Red" Stretch="Uniform" Data=" |
|||
M 272.70141,238.71731 |
|||
C 206.46141,238.71731 152.70146,292.4773 152.70146,358.71731 |
|||
C 152.70146,493.47282 288.63461,528.80461 381.26391,662.02535 |
|||
C 468.83815,529.62199 609.82641,489.17075 609.82641,358.71731 |
|||
C 609.82641,292.47731 556.06651,238.7173 489.82641,238.71731 |
|||
C 441.77851,238.71731 400.42481,267.08774 381.26391,307.90481 |
|||
C 362.10311,267.08773 320.74941,238.7173 272.70141,238.71731 z "/> |
|||
</Template> |
|||
</Styles.Resources> |
|||
|
|||
<Style Selector="Border.Test"> |
|||
<Setter Property="Margin" Value="15"/> |
|||
<Setter Property="Width" Value="100"/> |
|||
<Setter Property="Height" Value="100"/> |
|||
<Setter Property="Child" Value="{StaticResource Acorn}"/> |
|||
<Setter Property="Transitions"> |
|||
<Transitions> |
|||
<TransformOperationsTransition Property="RenderTransform" Duration="0:0:1" /> |
|||
</Transitions> |
|||
</Setter> |
|||
<Setter Property="RenderTransform" Value="none" /> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect1:pointerover"> |
|||
<Setter Property="RenderTransform" Value="rotate(120deg) scale(1.5)" /> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect2:pointerover"> |
|||
<Setter Property="RenderTransform" Value="scale(0.8)" /> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect3"> |
|||
<Setter Property="Child" Value="{StaticResource Heart}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect3:pointerover"> |
|||
<Setter Property="RenderTransform" Value="rotate(1turn)" /> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect4:pointerover"> |
|||
<Setter Property="RenderTransform" Value="translateY(-100px)" /> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect5:pointerover"> |
|||
<Setter Property="RenderTransform" Value="skewX(-20deg)" /> |
|||
</Style> |
|||
|
|||
<Style Selector="Border.Rect5:pointerover"> |
|||
<Setter Property="RenderTransform" Value="skewX(-20deg)" /> |
|||
</Style> |
|||
|
|||
</Styles> |
|||
</UserControl.Styles> |
|||
|
|||
<Grid> |
|||
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" ClipToBounds="False"> |
|||
<StackPanel.Clock> |
|||
<Clock /> |
|||
</StackPanel.Clock> |
|||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center"> |
|||
<TextBlock VerticalAlignment="Center">Hover to activate Transform Keyframe Animations.</TextBlock> |
|||
<Button Content="{Binding PlayStateText}" Command="{Binding TogglePlayState}" Click="ToggleClock" /> |
|||
</StackPanel> |
|||
<WrapPanel ClipToBounds="False"> |
|||
<Border Classes="Test Rect1" Background="DarkRed"/> |
|||
<Border Classes="Test Rect2" Background="Magenta"/> |
|||
<Border Classes="Test Rect3"/> |
|||
<Border Classes="Test Rect4" Background="Navy"/> |
|||
<Border Classes="Test Rect5" Background="SeaGreen"/> |
|||
</WrapPanel> |
|||
</StackPanel> |
|||
</Grid> |
|||
</UserControl> |
|||
@ -0,0 +1,37 @@ |
|||
using Avalonia.Animation; |
|||
using Avalonia.Controls; |
|||
using Avalonia.Interactivity; |
|||
using Avalonia.Markup.Xaml; |
|||
using RenderDemo.ViewModels; |
|||
|
|||
namespace RenderDemo.Pages |
|||
{ |
|||
public class TransitionsPage : UserControl |
|||
{ |
|||
public TransitionsPage() |
|||
{ |
|||
InitializeComponent(); |
|||
this.DataContext = new AnimationsPageViewModel(); |
|||
} |
|||
|
|||
private void InitializeComponent() |
|||
{ |
|||
AvaloniaXamlLoader.Load(this); |
|||
} |
|||
|
|||
private void ToggleClock(object sender, RoutedEventArgs args) |
|||
{ |
|||
var button = sender as Button; |
|||
var clock = button.Clock; |
|||
|
|||
if (clock.PlayState == PlayState.Run) |
|||
{ |
|||
clock.PlayState = PlayState.Pause; |
|||
} |
|||
else if (clock.PlayState == PlayState.Pause) |
|||
{ |
|||
clock.PlayState = PlayState.Run; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,136 +0,0 @@ |
|||
// (c) Copyright Microsoft Corporation.
|
|||
// This source is subject to the Microsoft Public License (Ms-PL).
|
|||
// Please see http://go.microsoft.com/fwlink/?LinkID=131993 for details.
|
|||
// All other rights reserved.
|
|||
|
|||
using System; |
|||
|
|||
namespace Avalonia.Controls.Utils |
|||
{ |
|||
internal static class DoubleUtil |
|||
{ |
|||
internal const double DBL_EPSILON = 1e-6; |
|||
|
|||
/// <summary>
|
|||
/// AreClose - Returns whether or not two doubles are "close". That is, whether or
|
|||
/// not they are within epsilon of each other. Note that this epsilon is proportional
|
|||
/// to the numbers themselves to that AreClose survives scalar multiplication.
|
|||
/// There are plenty of ways for this to return false even for numbers which
|
|||
/// are theoretically identical, so no code calling this should fail to work if this
|
|||
/// returns false. This is important enough to repeat:
|
|||
/// NB: NO CODE CALLING THIS FUNCTION SHOULD DEPEND ON ACCURATE RESULTS - this should be
|
|||
/// used for optimizations *only*.
|
|||
/// </summary>
|
|||
/// <returns>
|
|||
/// bool - the result of the AreClose comparison.
|
|||
/// </returns>
|
|||
/// <param name="value1"> The first double to compare. </param>
|
|||
/// <param name="value2"> The second double to compare. </param>
|
|||
public static bool AreClose(double value1, double value2) |
|||
{ |
|||
//in case they are Infinities (then epsilon check does not work)
|
|||
if (value1 == value2) return true; |
|||
// This computes (|value1-value2| / (|value1| + |value2| + 10.0)) < DBL_EPSILON
|
|||
double eps = (Math.Abs(value1) + Math.Abs(value2) + 10.0) * DBL_EPSILON; |
|||
double delta = value1 - value2; |
|||
return (-eps < delta) && (eps > delta); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// GreaterThan - Returns whether or not the first double is greater than the second double.
|
|||
/// That is, whether or not the first is strictly greater than *and* not within epsilon of
|
|||
/// the other number. Note that this epsilon is proportional to the numbers themselves
|
|||
/// to that AreClose survives scalar multiplication. Note,
|
|||
/// There are plenty of ways for this to return false even for numbers which
|
|||
/// are theoretically identical, so no code calling this should fail to work if this
|
|||
/// returns false. This is important enough to repeat:
|
|||
/// NB: NO CODE CALLING THIS FUNCTION SHOULD DEPEND ON ACCURATE RESULTS - this should be
|
|||
/// used for optimizations *only*.
|
|||
/// </summary>
|
|||
/// <returns>
|
|||
/// bool - the result of the GreaterThan comparison.
|
|||
/// </returns>
|
|||
/// <param name="value1"> The first double to compare. </param>
|
|||
/// <param name="value2"> The second double to compare. </param>
|
|||
public static bool GreaterThan(double value1, double value2) |
|||
{ |
|||
return (value1 > value2) && !AreClose(value1, value2); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// GreaterThanOrClose - Returns whether or not the first double is greater than or close to
|
|||
/// the second double. That is, whether or not the first is strictly greater than or within
|
|||
/// epsilon of the other number. Note that this epsilon is proportional to the numbers
|
|||
/// themselves to that AreClose survives scalar multiplication. Note,
|
|||
/// There are plenty of ways for this to return false even for numbers which
|
|||
/// are theoretically identical, so no code calling this should fail to work if this
|
|||
/// returns false. This is important enough to repeat:
|
|||
/// NB: NO CODE CALLING THIS FUNCTION SHOULD DEPEND ON ACCURATE RESULTS - this should be
|
|||
/// used for optimizations *only*.
|
|||
/// </summary>
|
|||
/// <returns>
|
|||
/// bool - the result of the GreaterThanOrClose comparison.
|
|||
/// </returns>
|
|||
/// <param name="value1"> The first double to compare. </param>
|
|||
/// <param name="value2"> The second double to compare. </param>
|
|||
public static bool GreaterThanOrClose(double value1, double value2) |
|||
{ |
|||
return (value1 > value2) || AreClose(value1, value2); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// IsZero - Returns whether or not the double is "close" to 0. Same as AreClose(double, 0),
|
|||
/// but this is faster.
|
|||
/// </summary>
|
|||
/// <returns>
|
|||
/// bool - the result of the IsZero comparison.
|
|||
/// </returns>
|
|||
/// <param name="value"> The double to compare to 0. </param>
|
|||
public static bool IsZero(double value) |
|||
{ |
|||
return Math.Abs(value) < 10.0 * DBL_EPSILON; |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// LessThan - Returns whether or not the first double is less than the second double.
|
|||
/// That is, whether or not the first is strictly less than *and* not within epsilon of
|
|||
/// the other number. Note that this epsilon is proportional to the numbers themselves
|
|||
/// to that AreClose survives scalar multiplication. Note,
|
|||
/// There are plenty of ways for this to return false even for numbers which
|
|||
/// are theoretically identical, so no code calling this should fail to work if this
|
|||
/// returns false. This is important enough to repeat:
|
|||
/// NB: NO CODE CALLING THIS FUNCTION SHOULD DEPEND ON ACCURATE RESULTS - this should be
|
|||
/// used for optimizations *only*.
|
|||
/// </summary>
|
|||
/// <returns>
|
|||
/// bool - the result of the LessThan comparison.
|
|||
/// </returns>
|
|||
/// <param name="value1"> The first double to compare. </param>
|
|||
/// <param name="value2"> The second double to compare. </param>
|
|||
public static bool LessThan(double value1, double value2) |
|||
{ |
|||
return (value1 < value2) && !AreClose(value1, value2); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// LessThanOrClose - Returns whether or not the first double is less than or close to
|
|||
/// the second double. That is, whether or not the first is strictly less than or within
|
|||
/// epsilon of the other number. Note that this epsilon is proportional to the numbers
|
|||
/// themselves to that AreClose survives scalar multiplication. Note,
|
|||
/// There are plenty of ways for this to return false even for numbers which
|
|||
/// are theoretically identical, so no code calling this should fail to work if this
|
|||
/// returns false. This is important enough to repeat:
|
|||
/// NB: NO CODE CALLING THIS FUNCTION SHOULD DEPEND ON ACCURATE RESULTS - this should be
|
|||
/// used for optimizations *only*.
|
|||
/// </summary>
|
|||
/// <returns>
|
|||
/// bool - the result of the LessThanOrClose comparison.
|
|||
/// </returns>
|
|||
/// <param name="value1"> The first double to compare. </param>
|
|||
/// <param name="value2"> The second double to compare. </param>
|
|||
public static bool LessThanOrClose(double value1, double value2) |
|||
{ |
|||
return (value1 < value2) || AreClose(value1, value2); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,64 @@ |
|||
using System; |
|||
using System.Collections.Generic; |
|||
using System.Globalization; |
|||
using Avalonia.Controls.Primitives; |
|||
using Avalonia.Data.Converters; |
|||
using Avalonia.Utilities; |
|||
|
|||
namespace Avalonia.Controls.Converters |
|||
{ |
|||
public class MenuScrollingVisibilityConverter : IMultiValueConverter |
|||
{ |
|||
public static readonly MenuScrollingVisibilityConverter Instance = new MenuScrollingVisibilityConverter(); |
|||
|
|||
public object Convert(IList<object> values, Type targetType, object parameter, CultureInfo culture) |
|||
{ |
|||
if (parameter == null || |
|||
values == null || |
|||
values.Count != 4 || |
|||
!(values[0] is ScrollBarVisibility visiblity) || |
|||
!(values[1] is double offset) || |
|||
!(values[2] is double extent) || |
|||
!(values[3] is double viewport)) |
|||
{ |
|||
return AvaloniaProperty.UnsetValue; |
|||
} |
|||
|
|||
if (visiblity == ScrollBarVisibility.Auto) |
|||
{ |
|||
if (extent == viewport) |
|||
{ |
|||
return false; |
|||
} |
|||
|
|||
double target; |
|||
|
|||
if (parameter is double d) |
|||
{ |
|||
target = d; |
|||
} |
|||
else if (parameter is string s) |
|||
{ |
|||
target = double.Parse(s, NumberFormatInfo.InvariantInfo); |
|||
} |
|||
else |
|||
{ |
|||
return AvaloniaProperty.UnsetValue; |
|||
} |
|||
|
|||
// Calculate the percent so that we can see if we are near the edge of the range
|
|||
double percent = MathUtilities.Clamp(offset * 100.0 / (extent - viewport), 0, 100); |
|||
|
|||
if (MathUtilities.AreClose(percent, target)) |
|||
{ |
|||
// We are at the end of the range, so no need for this button to be shown
|
|||
return false; |
|||
} |
|||
|
|||
return true; |
|||
} |
|||
|
|||
return false; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,416 @@ |
|||
using System; |
|||
using System.Collections.Generic; |
|||
using Avalonia.Controls.Primitives; |
|||
using Avalonia.Data; |
|||
using Avalonia.Data.Converters; |
|||
using Avalonia.Layout; |
|||
using Avalonia.Media; |
|||
using Avalonia.Utilities; |
|||
|
|||
namespace Avalonia.Controls |
|||
{ |
|||
/// <summary>
|
|||
/// Enum which describes how to position the TickBar.
|
|||
/// </summary>
|
|||
public enum TickBarPlacement |
|||
{ |
|||
/// <summary>
|
|||
/// Position this tick at the left of target element.
|
|||
/// </summary>
|
|||
Left, |
|||
|
|||
/// <summary>
|
|||
/// Position this tick at the top of target element.
|
|||
/// </summary>
|
|||
Top, |
|||
|
|||
/// <summary>
|
|||
/// Position this tick at the right of target element.
|
|||
/// </summary>
|
|||
Right, |
|||
|
|||
/// <summary>
|
|||
/// Position this tick at the bottom of target element.
|
|||
/// </summary>
|
|||
Bottom, |
|||
} |
|||
|
|||
|
|||
/// <summary>
|
|||
/// An element that is used for drawing <see cref="Slider"/>'s Ticks.
|
|||
/// </summary>
|
|||
public class TickBar : Control |
|||
{ |
|||
static TickBar() |
|||
{ |
|||
AffectsRender<TickBar>(ReservedSpaceProperty, |
|||
MaximumProperty, |
|||
MinimumProperty, |
|||
OrientationProperty, |
|||
TickFrequencyProperty); |
|||
} |
|||
|
|||
public TickBar() : base() |
|||
{ |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="Fill"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<IBrush> FillProperty = |
|||
AvaloniaProperty.Register<TickBar, IBrush>(nameof(Fill)); |
|||
|
|||
/// <summary>
|
|||
/// Brush used to fill the TickBar's Ticks.
|
|||
/// </summary>
|
|||
public IBrush Fill |
|||
{ |
|||
get { return GetValue(FillProperty); } |
|||
set { SetValue(FillProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="Minimum"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<double> MinimumProperty = |
|||
AvaloniaProperty.Register<TickBar, double>(nameof(Minimum), 0d); |
|||
|
|||
/// <summary>
|
|||
/// Logical position where the Minimum Tick will be drawn
|
|||
/// </summary>
|
|||
public double Minimum |
|||
{ |
|||
get { return GetValue(MinimumProperty); } |
|||
set |
|||
{ |
|||
SetValue(MinimumProperty, value); |
|||
} |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="Maximum"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<double> MaximumProperty = |
|||
AvaloniaProperty.Register<TickBar, double>(nameof(Maximum), 0d); |
|||
|
|||
/// <summary>
|
|||
/// Logical position where the Maximum Tick will be drawn
|
|||
/// </summary>
|
|||
public double Maximum |
|||
{ |
|||
get { return GetValue(MaximumProperty); } |
|||
set { SetValue(MaximumProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="TickFrequency"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<double> TickFrequencyProperty = |
|||
AvaloniaProperty.Register<TickBar, double>(nameof(TickFrequency), 0d); |
|||
|
|||
/// <summary>
|
|||
/// TickFrequency property defines how the tick will be drawn.
|
|||
/// </summary>
|
|||
public double TickFrequency |
|||
{ |
|||
get { return GetValue(TickFrequencyProperty); } |
|||
set { SetValue(TickFrequencyProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="Orientation"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<Orientation> OrientationProperty = |
|||
AvaloniaProperty.Register<TickBar, Orientation>(nameof(Orientation)); |
|||
|
|||
/// <summary>
|
|||
/// TickBar parent's orientation.
|
|||
/// </summary>
|
|||
public Orientation Orientation |
|||
{ |
|||
get { return GetValue(OrientationProperty); } |
|||
set { SetValue(OrientationProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="Ticks"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<List<double>> TicksProperty = |
|||
AvaloniaProperty.Register<TickBar, List<double>>(nameof(Ticks)); |
|||
|
|||
/// <summary>
|
|||
/// The Ticks property contains collection of value of type Double which
|
|||
/// are the logical positions use to draw the ticks.
|
|||
/// The property value is a <see cref="DoubleCollection" />.
|
|||
/// </summary>
|
|||
public List<double> Ticks |
|||
{ |
|||
get { return GetValue(TicksProperty); } |
|||
set { SetValue(TicksProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="IsDirectionReversed"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<bool> IsDirectionReversedProperty = |
|||
AvaloniaProperty.Register<TickBar, bool>(nameof(IsDirectionReversed), false); |
|||
|
|||
/// <summary>
|
|||
/// The IsDirectionReversed property defines the direction of value incrementation.
|
|||
/// By default, if Tick's orientation is Horizontal, ticks will be drawn from left to right.
|
|||
/// (And, bottom to top for Vertical orientation).
|
|||
/// If IsDirectionReversed is 'true' the direction of the drawing will be in opposite direction.
|
|||
/// </summary>
|
|||
public bool IsDirectionReversed |
|||
{ |
|||
get { return GetValue(IsDirectionReversedProperty); } |
|||
set { SetValue(IsDirectionReversedProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="Placement"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<TickBarPlacement> PlacementProperty = |
|||
AvaloniaProperty.Register<TickBar, TickBarPlacement>(nameof(Placement), 0d); |
|||
|
|||
|
|||
/// <summary>
|
|||
/// Placement property specified how the Tick will be placed.
|
|||
/// This property affects the way ticks are drawn.
|
|||
/// This property has type of <see cref="TickBarPlacement" />.
|
|||
/// </summary>
|
|||
public TickBarPlacement Placement |
|||
{ |
|||
get { return GetValue(PlacementProperty); } |
|||
set { SetValue(PlacementProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="ReservedSpace"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<Rect> ReservedSpaceProperty = |
|||
AvaloniaProperty.Register<TickBar, Rect>(nameof(ReservedSpace)); |
|||
|
|||
/// <summary>
|
|||
/// TickBar will use ReservedSpaceProperty for left and right spacing (for horizontal orientation) or
|
|||
/// tob and bottom spacing (for vertical orienation).
|
|||
/// The space on both sides of TickBar is half of specified ReservedSpace.
|
|||
/// This property has type of <see cref="Rect" />.
|
|||
/// </summary>
|
|||
public Rect ReservedSpace |
|||
{ |
|||
get { return GetValue(ReservedSpaceProperty); } |
|||
set { SetValue(ReservedSpaceProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Draw ticks.
|
|||
/// Ticks can be draw in 8 diffrent ways depends on Placment property and IsDirectionReversed property.
|
|||
///
|
|||
/// This function also draw selection-tick(s) if IsSelectionRangeEnabled is 'true' and
|
|||
/// SelectionStart and SelectionEnd are valid.
|
|||
///
|
|||
/// The primary ticks (for Mininum and Maximum value) height will be 100% of TickBar's render size (use Width or Height
|
|||
/// depends on Placement property).
|
|||
///
|
|||
/// The secondary ticks (all other ticks, including selection-tics) height will be 75% of TickBar's render size.
|
|||
///
|
|||
/// Brush that use to fill ticks is specified by Shape.Fill property.
|
|||
///
|
|||
/// Pen that use to draw ticks is specified by Shape.Pen property.
|
|||
/// </summary>
|
|||
public override void Render(DrawingContext dc) |
|||
{ |
|||
var size = new Size(Bounds.Width, Bounds.Height); |
|||
var range = Maximum - Minimum; |
|||
var tickLen = 0.0d; // Height for Primary Tick (for Mininum and Maximum value)
|
|||
var tickLen2 = 0.0d; // Height for Secondary Tick
|
|||
var logicalToPhysical = 1.0; |
|||
var progression = 1.0d; |
|||
var startPoint = new Point(); |
|||
var endPoint = new Point(); |
|||
var rSpace = Orientation == Orientation.Horizontal ? ReservedSpace.Width : ReservedSpace.Height; |
|||
|
|||
// Take Thumb size in to account
|
|||
double halfReservedSpace = rSpace * 0.5; |
|||
|
|||
switch (Placement) |
|||
{ |
|||
case TickBarPlacement.Top: |
|||
if (MathUtilities.GreaterThanOrClose(rSpace, size.Width)) |
|||
{ |
|||
return; |
|||
} |
|||
size = new Size(size.Width - rSpace, size.Height); |
|||
tickLen = -size.Height; |
|||
startPoint = new Point(halfReservedSpace, size.Height); |
|||
endPoint = new Point(halfReservedSpace + size.Width, size.Height); |
|||
logicalToPhysical = size.Width / range; |
|||
progression = 1; |
|||
break; |
|||
|
|||
case TickBarPlacement.Bottom: |
|||
if (MathUtilities.GreaterThanOrClose(rSpace, size.Width)) |
|||
{ |
|||
return; |
|||
} |
|||
size = new Size(size.Width - rSpace, size.Height); |
|||
tickLen = size.Height; |
|||
startPoint = new Point(halfReservedSpace, 0d); |
|||
endPoint = new Point(halfReservedSpace + size.Width, 0d); |
|||
logicalToPhysical = size.Width / range; |
|||
progression = 1; |
|||
break; |
|||
|
|||
case TickBarPlacement.Left: |
|||
if (MathUtilities.GreaterThanOrClose(rSpace, size.Height)) |
|||
{ |
|||
return; |
|||
} |
|||
size = new Size(size.Width, size.Height - rSpace); |
|||
|
|||
tickLen = -size.Width; |
|||
startPoint = new Point(size.Width, size.Height + halfReservedSpace); |
|||
endPoint = new Point(size.Width, halfReservedSpace); |
|||
logicalToPhysical = size.Height / range * -1; |
|||
progression = -1; |
|||
break; |
|||
|
|||
case TickBarPlacement.Right: |
|||
if (MathUtilities.GreaterThanOrClose(rSpace, size.Height)) |
|||
{ |
|||
return; |
|||
} |
|||
size = new Size(size.Width, size.Height - rSpace); |
|||
tickLen = size.Width; |
|||
startPoint = new Point(0d, size.Height + halfReservedSpace); |
|||
endPoint = new Point(0d, halfReservedSpace); |
|||
logicalToPhysical = size.Height / range * -1; |
|||
progression = -1; |
|||
break; |
|||
}; |
|||
|
|||
tickLen2 = tickLen * 0.75; |
|||
|
|||
// Invert direciton of the ticks
|
|||
if (IsDirectionReversed) |
|||
{ |
|||
progression *= -progression; |
|||
logicalToPhysical *= -1; |
|||
|
|||
// swap startPoint & endPoint
|
|||
var pt = startPoint; |
|||
startPoint = endPoint; |
|||
endPoint = pt; |
|||
} |
|||
|
|||
var pen = new Pen(Fill, 1.0d); |
|||
|
|||
// Is it Vertical?
|
|||
if (Placement == TickBarPlacement.Left || Placement == TickBarPlacement.Right) |
|||
{ |
|||
// Reduce tick interval if it is more than would be visible on the screen
|
|||
double interval = TickFrequency; |
|||
if (interval > 0.0) |
|||
{ |
|||
double minInterval = (Maximum - Minimum) / size.Height; |
|||
if (interval < minInterval) |
|||
{ |
|||
interval = minInterval; |
|||
} |
|||
} |
|||
|
|||
// Draw Min & Max tick
|
|||
dc.DrawLine(pen, startPoint, new Point(startPoint.X + tickLen, startPoint.Y)); |
|||
dc.DrawLine(pen, new Point(startPoint.X, endPoint.Y), |
|||
new Point(startPoint.X + tickLen, endPoint.Y)); |
|||
|
|||
// This property is rarely set so let's try to avoid the GetValue
|
|||
// caching of the mutable default value
|
|||
var ticks = Ticks ?? null; |
|||
|
|||
// Draw ticks using specified Ticks collection
|
|||
if (ticks?.Count > 0) |
|||
{ |
|||
for (int i = 0; i < ticks.Count; i++) |
|||
{ |
|||
if (MathUtilities.LessThanOrClose(ticks[i], Minimum) || MathUtilities.GreaterThanOrClose(ticks[i], Maximum)) |
|||
{ |
|||
continue; |
|||
} |
|||
|
|||
double adjustedTick = ticks[i] - Minimum; |
|||
|
|||
double y = adjustedTick * logicalToPhysical + startPoint.Y; |
|||
dc.DrawLine(pen, |
|||
new Point(startPoint.X, y), |
|||
new Point(startPoint.X + tickLen2, y)); |
|||
} |
|||
} |
|||
// Draw ticks using specified TickFrequency
|
|||
else if (interval > 0.0) |
|||
{ |
|||
for (double i = interval; i < range; i += interval) |
|||
{ |
|||
double y = i * logicalToPhysical + startPoint.Y; |
|||
|
|||
dc.DrawLine(pen, |
|||
new Point(startPoint.X, y), |
|||
new Point(startPoint.X + tickLen2, y)); |
|||
} |
|||
} |
|||
} |
|||
else // Placement == Top || Placement == Bottom
|
|||
{ |
|||
// Reduce tick interval if it is more than would be visible on the screen
|
|||
double interval = TickFrequency; |
|||
if (interval > 0.0) |
|||
{ |
|||
double minInterval = (Maximum - Minimum) / size.Width; |
|||
if (interval < minInterval) |
|||
{ |
|||
interval = minInterval; |
|||
} |
|||
} |
|||
|
|||
// Draw Min & Max tick
|
|||
dc.DrawLine(pen, startPoint, new Point(startPoint.X, startPoint.Y + tickLen)); |
|||
dc.DrawLine(pen, new Point(endPoint.X, startPoint.Y), |
|||
new Point(endPoint.X, startPoint.Y + tickLen)); |
|||
|
|||
// This property is rarely set so let's try to avoid the GetValue
|
|||
// caching of the mutable default value
|
|||
var ticks = Ticks ?? null; |
|||
|
|||
// Draw ticks using specified Ticks collection
|
|||
if (ticks?.Count > 0) |
|||
{ |
|||
for (int i = 0; i < ticks.Count; i++) |
|||
{ |
|||
if (MathUtilities.LessThanOrClose(ticks[i], Minimum) || MathUtilities.GreaterThanOrClose(ticks[i], Maximum)) |
|||
{ |
|||
continue; |
|||
} |
|||
double adjustedTick = ticks[i] - Minimum; |
|||
|
|||
double x = adjustedTick * logicalToPhysical + startPoint.X; |
|||
dc.DrawLine(pen, |
|||
new Point(x, startPoint.Y), |
|||
new Point(x, startPoint.Y + tickLen2)); |
|||
} |
|||
} |
|||
// Draw ticks using specified TickFrequency
|
|||
else if (interval > 0.0) |
|||
{ |
|||
for (double i = interval; i < range; i += interval) |
|||
{ |
|||
double x = i * logicalToPhysical + startPoint.X; |
|||
dc.DrawLine(pen, |
|||
new Point(x, startPoint.Y), |
|||
new Point(x, startPoint.Y + tickLen2)); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,105 @@ |
|||
using Avalonia.Controls.Primitives; |
|||
using Avalonia.Controls.Templates; |
|||
using Avalonia.LogicalTree; |
|||
|
|||
namespace Avalonia.Controls |
|||
{ |
|||
/// <summary>
|
|||
/// A Toggle Switch control.
|
|||
/// </summary>
|
|||
public class ToggleSwitch : ToggleButton |
|||
{ |
|||
static ToggleSwitch() |
|||
{ |
|||
OffContentProperty.Changed.AddClassHandler<ToggleSwitch>((x, e) => x.OffContentChanged(e)); |
|||
OnContentProperty.Changed.AddClassHandler<ToggleSwitch>((x, e) => x.OnContentChanged(e)); |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="OffContent"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<object> OffContentProperty = |
|||
AvaloniaProperty.Register<ToggleSwitch, object>(nameof(OffContent), defaultValue: "Off"); |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="OffContentTemplate"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<IDataTemplate> OffContentTemplateProperty = |
|||
AvaloniaProperty.Register<ToggleSwitch, IDataTemplate>(nameof(OffContentTemplate)); |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="OnContent"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<object> OnContentProperty = |
|||
AvaloniaProperty.Register<ToggleSwitch, object>(nameof(OnContent), defaultValue: "On"); |
|||
|
|||
/// <summary>
|
|||
/// Defines the <see cref="OnContentTemplate"/> property.
|
|||
/// </summary>
|
|||
public static readonly StyledProperty<IDataTemplate> OnContentTemplateProperty = |
|||
AvaloniaProperty.Register<ToggleSwitch, IDataTemplate>(nameof(OnContentTemplate)); |
|||
|
|||
/// <summary>
|
|||
/// Gets or Sets the Content that is displayed when in the On State.
|
|||
/// </summary>
|
|||
public object OnContent |
|||
{ |
|||
get { return GetValue(OnContentProperty); } |
|||
set { SetValue(OnContentProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Gets or Sets the Content that is displayed when in the Off State.
|
|||
/// </summary>
|
|||
public object OffContent |
|||
{ |
|||
get { return GetValue(OffContentProperty); } |
|||
set { SetValue(OffContentProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Gets or Sets the <see cref="IDataTemplate"/> used to display the <see cref="OffContent"/>.
|
|||
/// </summary>
|
|||
public IDataTemplate OffContentTemplate |
|||
{ |
|||
get { return GetValue(OffContentTemplateProperty); } |
|||
set { SetValue(OffContentTemplateProperty, value); } |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Gets or Sets the <see cref="IDataTemplate"/> used to display the <see cref="OnContent"/>.
|
|||
/// </summary>
|
|||
public IDataTemplate OnContentTemplate |
|||
{ |
|||
get { return GetValue(OnContentTemplateProperty); } |
|||
set { SetValue(OnContentTemplateProperty, value); } |
|||
} |
|||
|
|||
private void OffContentChanged(AvaloniaPropertyChangedEventArgs e) |
|||
{ |
|||
if (e.OldValue is ILogical oldChild) |
|||
{ |
|||
LogicalChildren.Remove(oldChild); |
|||
} |
|||
|
|||
if (e.NewValue is ILogical newChild) |
|||
{ |
|||
LogicalChildren.Add(newChild); |
|||
} |
|||
} |
|||
|
|||
private void OnContentChanged(AvaloniaPropertyChangedEventArgs e) |
|||
{ |
|||
if (e.OldValue is ILogical oldChild) |
|||
{ |
|||
LogicalChildren.Remove(oldChild); |
|||
} |
|||
|
|||
if (e.NewValue is ILogical newChild) |
|||
{ |
|||
LogicalChildren.Add(newChild); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
@ -1,47 +1,105 @@ |
|||
<Style xmlns="https://github.com/avaloniaui" Selector="ScrollViewer"> |
|||
<Setter Property="Background" |
|||
Value="Transparent" /> |
|||
<Setter Property="Template"> |
|||
<ControlTemplate> |
|||
<Grid ColumnDefinitions="*,Auto" RowDefinitions="*,Auto"> |
|||
<ScrollContentPresenter Name="PART_ContentPresenter" |
|||
Background="{TemplateBinding Background}" |
|||
CanHorizontallyScroll="{TemplateBinding CanHorizontallyScroll}" |
|||
CanVerticallyScroll="{TemplateBinding CanVerticallyScroll}" |
|||
Content="{TemplateBinding Content}" |
|||
Extent="{TemplateBinding Extent, Mode=TwoWay}" |
|||
Margin="{TemplateBinding Padding}" |
|||
Offset="{TemplateBinding Offset, Mode=TwoWay}" |
|||
Viewport="{TemplateBinding Viewport, Mode=TwoWay}"> |
|||
<ScrollContentPresenter.GestureRecognizers> |
|||
<ScrollGestureRecognizer |
|||
CanHorizontallyScroll="{TemplateBinding CanHorizontallyScroll}" |
|||
CanVerticallyScroll="{TemplateBinding CanVerticallyScroll}" |
|||
<Styles xmlns="https://github.com/avaloniaui" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
xmlns:converters="clr-namespace:Avalonia.Controls.Converters;assembly=Avalonia.Controls"> |
|||
<Style Selector="ScrollViewer"> |
|||
<Setter Property="Background" |
|||
Value="Transparent" /> |
|||
<Setter Property="Template"> |
|||
<ControlTemplate> |
|||
<Grid ColumnDefinitions="*,Auto" RowDefinitions="*,Auto"> |
|||
<ScrollContentPresenter Name="PART_ContentPresenter" |
|||
Background="{TemplateBinding Background}" |
|||
CanHorizontallyScroll="{TemplateBinding CanHorizontallyScroll}" |
|||
CanVerticallyScroll="{TemplateBinding CanVerticallyScroll}" |
|||
Content="{TemplateBinding Content}" |
|||
Extent="{TemplateBinding Extent, Mode=TwoWay}" |
|||
Margin="{TemplateBinding Padding}" |
|||
Offset="{TemplateBinding Offset, Mode=TwoWay}" |
|||
Viewport="{TemplateBinding Viewport, Mode=TwoWay}"> |
|||
<ScrollContentPresenter.GestureRecognizers> |
|||
<ScrollGestureRecognizer |
|||
CanHorizontallyScroll="{TemplateBinding CanHorizontallyScroll}" |
|||
CanVerticallyScroll="{TemplateBinding CanVerticallyScroll}" |
|||
/> |
|||
</ScrollContentPresenter.GestureRecognizers> |
|||
</ScrollContentPresenter> |
|||
<ScrollBar Name="horizontalScrollBar" |
|||
Orientation="Horizontal" |
|||
LargeChange="{Binding LargeChange.Width, RelativeSource={RelativeSource TemplatedParent}}" |
|||
SmallChange="{Binding SmallChange.Width, RelativeSource={RelativeSource TemplatedParent}}" |
|||
Maximum="{TemplateBinding HorizontalScrollBarMaximum}" |
|||
Value="{TemplateBinding HorizontalScrollBarValue, Mode=TwoWay}" |
|||
ViewportSize="{TemplateBinding HorizontalScrollBarViewportSize}" |
|||
Visibility="{TemplateBinding HorizontalScrollBarVisibility}" |
|||
Grid.Row="1" |
|||
Focusable="False"/> |
|||
<ScrollBar Name="verticalScrollBar" |
|||
Orientation="Vertical" |
|||
LargeChange="{Binding LargeChange.Height, RelativeSource={RelativeSource TemplatedParent}}" |
|||
SmallChange="{Binding SmallChange.Height, RelativeSource={RelativeSource TemplatedParent}}" |
|||
Maximum="{TemplateBinding VerticalScrollBarMaximum}" |
|||
Value="{TemplateBinding VerticalScrollBarValue, Mode=TwoWay}" |
|||
ViewportSize="{TemplateBinding VerticalScrollBarViewportSize}" |
|||
Visibility="{TemplateBinding VerticalScrollBarVisibility}" |
|||
Grid.Column="1" |
|||
Focusable="False"/> |
|||
<Panel Grid.Row="1" Grid.Column="1" Background="{DynamicResource ThemeControlMidBrush}"/> |
|||
</Grid> |
|||
</ControlTemplate> |
|||
</Setter> |
|||
</Style> |
|||
</ScrollContentPresenter.GestureRecognizers> |
|||
</ScrollContentPresenter> |
|||
<ScrollBar Name="horizontalScrollBar" |
|||
Orientation="Horizontal" |
|||
LargeChange="{Binding LargeChange.Width, RelativeSource={RelativeSource TemplatedParent}}" |
|||
SmallChange="{Binding SmallChange.Width, RelativeSource={RelativeSource TemplatedParent}}" |
|||
Maximum="{TemplateBinding HorizontalScrollBarMaximum}" |
|||
Value="{TemplateBinding HorizontalScrollBarValue, Mode=TwoWay}" |
|||
ViewportSize="{TemplateBinding HorizontalScrollBarViewportSize}" |
|||
Visibility="{TemplateBinding HorizontalScrollBarVisibility}" |
|||
Grid.Row="1" |
|||
Focusable="False"/> |
|||
<ScrollBar Name="verticalScrollBar" |
|||
Orientation="Vertical" |
|||
LargeChange="{Binding LargeChange.Height, RelativeSource={RelativeSource TemplatedParent}}" |
|||
SmallChange="{Binding SmallChange.Height, RelativeSource={RelativeSource TemplatedParent}}" |
|||
Maximum="{TemplateBinding VerticalScrollBarMaximum}" |
|||
Value="{TemplateBinding VerticalScrollBarValue, Mode=TwoWay}" |
|||
ViewportSize="{TemplateBinding VerticalScrollBarViewportSize}" |
|||
Visibility="{TemplateBinding VerticalScrollBarVisibility}" |
|||
Grid.Column="1" |
|||
Focusable="False"/> |
|||
<Panel Grid.Row="1" Grid.Column="1" Background="{DynamicResource ThemeControlMidBrush}"/> |
|||
</Grid> |
|||
</ControlTemplate> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
<Style Selector="ScrollViewer.menuscroller"> |
|||
<Setter Property="Template"> |
|||
<ControlTemplate> |
|||
<DockPanel> |
|||
<RepeatButton DockPanel.Dock="Top" |
|||
BorderThickness="0" |
|||
Background="Transparent" |
|||
Command="{Binding LineUp, RelativeSource={RelativeSource TemplatedParent}}"> |
|||
<RepeatButton.IsVisible> |
|||
<MultiBinding Converter="{x:Static converters:MenuScrollingVisibilityConverter.Instance}" |
|||
ConverterParameter="0"> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="VerticalScrollBarVisibility"/> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Offset.Y"/> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Extent.Height"/> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Viewport.Height"/> |
|||
</MultiBinding> |
|||
</RepeatButton.IsVisible> |
|||
<Path Data="M 0 4 L 8 4 L 4 0 Z"/> |
|||
</RepeatButton> |
|||
<RepeatButton DockPanel.Dock="Bottom" |
|||
BorderThickness="0" |
|||
Background="Transparent" |
|||
Command="{Binding LineDown, RelativeSource={RelativeSource TemplatedParent}}"> |
|||
<RepeatButton.IsVisible> |
|||
<MultiBinding Converter="{x:Static converters:MenuScrollingVisibilityConverter.Instance}" |
|||
ConverterParameter="100"> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="VerticalScrollBarVisibility"/> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Offset.Y"/> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Extent.Height"/> |
|||
<Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Viewport.Height"/> |
|||
</MultiBinding> |
|||
</RepeatButton.IsVisible> |
|||
<Path Data="M 0 0 L 4 4 L 8 0 Z"/> |
|||
</RepeatButton> |
|||
<ScrollContentPresenter Name="PART_ContentPresenter" |
|||
CanHorizontallyScroll="{TemplateBinding CanHorizontallyScroll}" |
|||
CanVerticallyScroll="{TemplateBinding CanVerticallyScroll}" |
|||
Content="{TemplateBinding Content}" |
|||
Extent="{TemplateBinding Extent, Mode=TwoWay}" |
|||
Margin="{TemplateBinding Padding}" |
|||
Offset="{TemplateBinding Offset, Mode=TwoWay}" |
|||
Viewport="{TemplateBinding Viewport, Mode=TwoWay}"/> |
|||
</DockPanel> |
|||
</ControlTemplate> |
|||
</Setter> |
|||
</Style> |
|||
<Style Selector="ScrollViewer.menuscroller /template/ RepeatButton > Path"> |
|||
<Setter Property="Fill" Value="{DynamicResource ThemeForegroundLowBrush}" /> |
|||
</Style> |
|||
|
|||
<Style Selector="ScrollViewer.menuscroller /template/ RepeatButton:pointerover > Path"> |
|||
<Setter Property="Fill" Value="{DynamicResource ThemeAccentBrush}" /> |
|||
</Style> |
|||
</Styles> |
|||
|
|||
@ -0,0 +1,294 @@ |
|||
<Styles xmlns="https://github.com/avaloniaui" |
|||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
|||
xmlns:sys="clr-namespace:System;assembly=netstandard"> |
|||
<Styles.Resources> |
|||
<Thickness x:Key="ToggleSwitchTopHeaderMargin">0,0,0,6</Thickness> |
|||
<x:Double x:Key="ToggleSwitchPreContentMargin">6</x:Double> |
|||
<x:Double x:Key="ToggleSwitchPostContentMargin">6</x:Double> |
|||
<x:Double x:Key="ToggleSwitchThemeMinWidth">154</x:Double> |
|||
<x:Double x:Key="KnobOnPosition">20</x:Double> |
|||
<x:Double x:Key="KnobOffPosition">0</x:Double> |
|||
</Styles.Resources> |
|||
<Design.PreviewWith> |
|||
<StackPanel Margin="20" Width="250" Spacing="24" > |
|||
<StackPanel Spacing="12" > |
|||
<TextBlock |
|||
Text="Automatic updates" |
|||
Classes="h1"/> |
|||
<TextBlock |
|||
Text="Updates will be automaticly Downloaded and installed shile the computer is shutting down or restarting" |
|||
TextWrapping="Wrap"/> |
|||
<ToggleSwitch HorizontalContentAlignment="Left" |
|||
Content="Enable automatic Updates?" |
|||
OffContent="Uit" |
|||
OnContent="Aan" |
|||
VerticalAlignment="Bottom"/> |
|||
</StackPanel> |
|||
|
|||
<StackPanel Spacing="12"> |
|||
<TextBlock |
|||
Text="Previewer" |
|||
Classes="h1"/> |
|||
<TextBlock |
|||
Text="The previewer Shows a preview off your code, this could slow down your system" |
|||
TextWrapping="Wrap"/> |
|||
<ToggleSwitch |
|||
Content="Previewer" |
|||
IsChecked="True" /> |
|||
</StackPanel> |
|||
</StackPanel> |
|||
</Design.PreviewWith> |
|||
|
|||
<Style Selector="ToggleSwitch"> |
|||
<Setter Property="Foreground" Value="{DynamicResource ToggleSwitchContentForeground}" /> |
|||
<Setter Property="HorizontalAlignment" Value="Left" /> |
|||
<Setter Property="VerticalAlignment" Value="Center" /> |
|||
<Setter Property="HorizontalContentAlignment" Value="Left" /> |
|||
<Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" /> |
|||
<Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" /> |
|||
<Setter Property="Template"> |
|||
<ControlTemplate> |
|||
<Grid Background="{TemplateBinding Background}" |
|||
RowDefinitions="Auto,*"> |
|||
|
|||
<ContentPresenter x:Name="PART_ContentPresenter" |
|||
Grid.Row="0" |
|||
Content="{TemplateBinding Content}" |
|||
ContentTemplate="{TemplateBinding ContentTemplate}" |
|||
Margin="{DynamicResource ToggleSwitchTopHeaderMargin}" |
|||
VerticalAlignment="Top"/> |
|||
|
|||
<Grid Grid.Row="1" |
|||
MinWidth="{StaticResource ToggleSwitchThemeMinWidth}" |
|||
HorizontalAlignment="Left" |
|||
VerticalAlignment="Top"> |
|||
|
|||
<Grid.RowDefinitions> |
|||
<RowDefinition Height="{DynamicResource ToggleSwitchPreContentMargin}" /> |
|||
<RowDefinition Height="Auto" /> |
|||
<RowDefinition Height="{DynamicResource ToggleSwitchPostContentMargin}" /> |
|||
</Grid.RowDefinitions> |
|||
|
|||
<Grid.ColumnDefinitions> |
|||
<ColumnDefinition Width="Auto" /> |
|||
<ColumnDefinition Width="12" MaxWidth="12" /> |
|||
<ColumnDefinition Width="Auto" /> |
|||
</Grid.ColumnDefinitions> |
|||
|
|||
<Grid x:Name="SwitchAreaGrid" |
|||
Grid.RowSpan="3" |
|||
Grid.ColumnSpan="3" |
|||
TemplatedControl.IsTemplateFocusTarget="True" |
|||
Margin="0,5" /> |
|||
|
|||
<ContentPresenter x:Name="PART_OffContentPresenter" |
|||
Grid.RowSpan="3" |
|||
Grid.Column="2" |
|||
Content="{TemplateBinding OffContent}" |
|||
ContentTemplate="{TemplateBinding OffContentTemplate}" |
|||
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" |
|||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> |
|||
|
|||
<ContentPresenter x:Name="PART_OnContentPresenter" |
|||
Grid.RowSpan="3" |
|||
Grid.Column="2" |
|||
Content="{TemplateBinding OnContent}" |
|||
ContentTemplate="{TemplateBinding OnContentTemplate}" |
|||
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" |
|||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> |
|||
|
|||
<Border x:Name="OuterBorder" |
|||
Grid.Row="1" |
|||
Height="20" |
|||
Width="40" |
|||
CornerRadius="10" |
|||
BorderThickness="{DynamicResource ToggleSwitchOuterBorderStrokeThickness}" /> |
|||
|
|||
<Border x:Name="SwitchKnobBounds" |
|||
Grid.Row="1" |
|||
Height="20" |
|||
Width="40" |
|||
CornerRadius="10" |
|||
BorderThickness="{DynamicResource ToggleSwitchOnStrokeThickness}"/> |
|||
|
|||
<Canvas x:Name="SwitchKnob" Grid.Row="1" |
|||
HorizontalAlignment="Left" |
|||
Width="20" Height="20"> |
|||
|
|||
<Grid x:Name="MovingKnobs" |
|||
Width="20" Height="20"> |
|||
|
|||
<Ellipse x:Name="SwitchKnobOn" |
|||
Width="10" Height="10" /> |
|||
|
|||
<Ellipse x:Name="SwitchKnobOff" |
|||
Width="10" Height="10" /> |
|||
</Grid> |
|||
</Canvas> |
|||
</Grid> |
|||
</Grid> |
|||
</ControlTemplate> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
<!-- NormalState --> |
|||
<Style Selector="ToggleSwitch /template/ Grid#SwitchAreaGrid"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchContainerBackground}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch /template/ Border#OuterBorder"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOff}"/> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOff}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch /template/ Border#SwitchKnobBounds"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOn}"/> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOn}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch /template/ Ellipse#SwitchKnobOn"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOn}"/> |
|||
<Setter Property="Stroke" Value="{DynamicResource ToggleSwitchKnobStrokeOn}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch /template/ Ellipse#SwitchKnobOff"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOff}"/> |
|||
<Setter Property="Stroke" Value="{DynamicResource ToggleSwitchKnobStrokeOff}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch /template/ Grid#MovingKnobs"> |
|||
<Setter Property="Canvas.Left" Value="{DynamicResource KnobOffPosition}"/> |
|||
<Setter Property="Transitions"> |
|||
<Transitions> |
|||
<DoubleTransition Property="Canvas.Left" Duration="0:0:0.2" Easing="CubicEaseOut"/> |
|||
</Transitions> |
|||
</Setter> |
|||
</Style> |
|||
|
|||
<!-- PointerOverState --> |
|||
<Style Selector="ToggleSwitch:pointerover /template/ Border#OuterBorder"> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOffPointerOver}"/> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOffPointerOver}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pointerover /template/ Ellipse#SwitchKnobOff"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffPointerOver}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pointerover /template/ Ellipse#SwitchKnobOn"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnPointerOver}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pointerover /template/ Border#SwitchKnobBounds"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOnPointerOver}"/> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOnPointerOver}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pointerover /template/ Grid#SwitchAreaGrid"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchContainerBackgroundPointerOver}"/> |
|||
</Style> |
|||
|
|||
<!-- PressedState --> |
|||
<Style Selector="ToggleSwitch:pressed /template/ Border#OuterBorder"> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOffPressed}"/> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOffPressed}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pressed /template/ Border#SwitchKnobBounds"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOnPressed}"/> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOnPressed}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pressed /template/ Ellipse#SwitchKnobOff"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffPressed}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pressed /template/ Ellipse#SwitchKnobOn"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnPressed}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:pressed /template/ Grid#SwitchAreaGrid"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchContainerBackgroundPressed}"/> |
|||
</Style> |
|||
|
|||
<!-- DisabledState --> |
|||
<Style Selector="ToggleSwitch:disabled"> |
|||
<Setter Property="Foreground" Value="{DynamicResource ToggleSwitchHeaderForegroundDisabled}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:disabled /template/ Border#OuterBorder"> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOffDisabled}"/> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOffPressed}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:disabled /template/ Ellipse#SwitchKnobOff"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffDisabled}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:disabled /template/ Ellipse#SwitchKnobOn"> |
|||
<Setter Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnDisabled}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:disabled /template/ Border#SwitchKnobBounds"> |
|||
<Setter Property="Background" Value="{DynamicResource ToggleSwitchFillOnDisabled}"/> |
|||
<Setter Property="BorderBrush" Value="{DynamicResource ToggleSwitchStrokeOnDisabled}"/> |
|||
</Style> |
|||
|
|||
<!-- CheckedState --> |
|||
<Style Selector="ToggleSwitch:checked /template/ Grid#MovingKnobs"> |
|||
<Setter Property="Canvas.Left" Value="{DynamicResource KnobOnPosition}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:checked /template/ Border#OuterBorder"> |
|||
<Setter Property="Opacity" Value="0"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:checked /template/ Ellipse#SwitchKnobOff"> |
|||
<Setter Property="Opacity" Value="0"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:checked /template/ Border#SwitchKnobBounds"> |
|||
<Setter Property="Opacity" Value="1"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:checked /template/ Ellipse#SwitchKnobOn"> |
|||
<Setter Property="Opacity" Value="1"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:checked /template/ ContentPresenter#PART_OffContentPresenter"> |
|||
<Setter Property="Opacity" Value="0"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:checked /template/ ContentPresenter#PART_OnContentPresenter"> |
|||
<Setter Property="Opacity" Value="1"/> |
|||
</Style> |
|||
|
|||
<!--UncheckedState --> |
|||
<Style Selector="ToggleSwitch:unchecked /template/ Grid#MovingKnobs"> |
|||
<Setter Property="Canvas.Left" Value="{DynamicResource KnobOffPosition}"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:unchecked /template/ Border#OuterBorder"> |
|||
<Setter Property="Opacity" Value="1"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:unchecked /template/ Ellipse#SwitchKnobOff"> |
|||
<Setter Property="Opacity" Value="1"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:unchecked /template/ Ellipse#SwitchKnobOn"> |
|||
<Setter Property="Opacity" Value="0"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:unchecked /template/ Border#SwitchKnobBounds"> |
|||
<Setter Property="Opacity" Value="0"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:unchecked /template/ ContentPresenter#PART_OffContentPresenter"> |
|||
<Setter Property="Opacity" Value="1"/> |
|||
</Style> |
|||
|
|||
<Style Selector="ToggleSwitch:unchecked /template/ ContentPresenter#PART_OnContentPresenter"> |
|||
<Setter Property="Opacity" Value="0"/> |
|||
</Style> |
|||
</Styles> |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue