This commit is contained in:
GG Z
2025-07-31 20:12:24 +08:00
parent 4f6cd2137c
commit f209e7d3ad
426 changed files with 15854 additions and 6612 deletions

View File

@@ -0,0 +1,223 @@
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using WindowSize = System.Windows.Size;
using ContentControlBase = System.Windows.Controls.ContentControl;
namespace AntDesignWPF.Controls;
[TemplatePart(Name = PART_BadgeContainer, Type = typeof(FrameworkElement))]
[TemplatePart(Name = PART_Count, Type = typeof(ContentPresenter))]
public class Badge : ContentControlBase
{
#region Fields
private const string PART_BadgeContainer = "PART_BadgeContainer";
private const string PART_Count = "PART_Count";
private FrameworkElement badgeContainer;
private ContentPresenter count;
#endregion
#region Properties
public static readonly DependencyProperty CountProperty =
DependencyProperty.Register("Count", typeof(object), typeof(Badge), new PropertyMetadata(null, OnCountChanged));
/// <summary>
/// Gets/sets number to show in badge
/// </summary>
public object Count
{
get { return (object)GetValue(CountProperty); }
set { SetValue(CountProperty, value); }
}
private static void OnCountChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
(d as Badge).ApplyCount();
}
private void ApplyCount()
{
if (count == null) return;
var content = Count;
if (Count is string)
{
try
{
var d = int.Parse(Count as string);
if (d > OverflowCount)
{
content = OverflowCount + "+";
}
}
catch { } // Swallow the error, it may be normal
}
count.Content = content;
}
public static readonly DependencyProperty DotProperty =
DependencyProperty.Register("Dot", typeof(bool), typeof(Badge), new PropertyMetadata(false));
/// <summary>
/// Gets/sets whether to display a red dot instead of count
/// </summary>
public bool Dot
{
get { return (bool)GetValue(DotProperty); }
set { SetValue(DotProperty, value); }
}
public static readonly DependencyProperty OffsetProperty =
DependencyProperty.Register("Offset", typeof(Point?), typeof(Badge), new PropertyMetadata(null));
public Point? Offset
{
get { return (Point?)GetValue(OffsetProperty); }
set { SetValue(OffsetProperty, value); }
}
public static readonly DependencyProperty OverflowCountProperty =
DependencyProperty.Register("OverflowCount", typeof(int), typeof(Badge), new PropertyMetadata(99, OnCountChanged));
/// <summary>
/// Gets/sets max count to show
/// </summary>
public int OverflowCount
{
get { return (int)GetValue(OverflowCountProperty); }
set { SetValue(OverflowCountProperty, value); }
}
public static readonly DependencyProperty ShowZeroProperty =
DependencyProperty.Register("ShowZero", typeof(bool), typeof(Badge), new PropertyMetadata(false));
/// <summary>
/// Gets/sets whether to show badge when count is zero
/// </summary>
public bool ShowZero
{
get { return (bool)GetValue(ShowZeroProperty); }
set { SetValue(ShowZeroProperty, value); }
}
public static readonly DependencyProperty StatusProperty =
DependencyProperty.Register("Status", typeof(BadgeStatus?), typeof(Badge), new PropertyMetadata(null));
/// <summary>
/// Gets/sets badge as a status dot
/// </summary>
public BadgeStatus? Status
{
get { return (BadgeStatus?)GetValue(StatusProperty); }
set { SetValue(StatusProperty, value); }
}
public static readonly DependencyProperty TextProperty =
DependencyProperty.Register("Text", typeof(string), typeof(Badge), new PropertyMetadata(string.Empty));
/// <summary>
/// Gets/sets the text of the status dot. valid with StatusProperty set
/// </summary>
public string Text
{
get { return (string)GetValue(TextProperty); }
set { SetValue(TextProperty, value); }
}
public static readonly DependencyProperty BadgeHeightProperty =
DependencyProperty.Register("BadgeHeight", typeof(double), typeof(Badge), new PropertyMetadata(default(double)));
public double BadgeHeight
{
get { return (double)GetValue(BadgeHeightProperty); }
set { SetValue(BadgeHeightProperty, value); }
}
public static readonly DependencyProperty BadgeForegroundProperty =
DependencyProperty.Register("BadgeForeground", typeof(Brush), typeof(Badge), new PropertyMetadata(default(Brush)));
public Brush BadgeForeground
{
get { return (Brush)GetValue(BadgeForegroundProperty); }
set { SetValue(BadgeForegroundProperty, value); }
}
public static readonly DependencyProperty BadgeBackgroundProperty =
DependencyProperty.Register("BadgeBackground", typeof(Brush), typeof(Badge), new PropertyMetadata(default(Brush)));
public Brush BadgeBackground
{
get { return (Brush)GetValue(BadgeBackgroundProperty); }
set { SetValue(BadgeBackgroundProperty, value); }
}
#endregion
#region Constructors
static Badge()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(Badge), new FrameworkPropertyMetadata(typeof(Badge)));
}
#endregion
#region Overrides
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
badgeContainer = GetTemplateChild(PART_BadgeContainer) as FrameworkElement;
count = GetTemplateChild(PART_Count) as ContentPresenter;
ApplyCount();
}
protected override WindowSize ArrangeOverride(WindowSize arrangeBounds)
{
var result = base.ArrangeOverride(arrangeBounds);
if (badgeContainer == null) return result;
var desiredSize = badgeContainer.DesiredSize;
// System.Console.WriteLine(desiredSize);
// if ((desiredSize.Width <= 0.0 || desiredSize.Height <= 0.0))
//var containerDesiredSize = _badgeContainer.DesiredSize;
//if ((containerDesiredSize.Width <= 0.0 || containerDesiredSize.Height <= 0.0)
// && !double.IsNaN(_badgeContainer.ActualWidth) && !double.IsInfinity(_badgeContainer.ActualWidth)
// && !double.IsNaN(_badgeContainer.ActualHeight) && !double.IsInfinity(_badgeContainer.ActualHeight))
//{
// containerDesiredSize = new Size(_badgeContainer.ActualWidth, _badgeContainer.ActualHeight);
//}
var h = 0 - desiredSize.Width / 2;
var v = 0 - desiredSize.Height / 2;
// badgeContainer.Margin = new Thickness(0);
// badgeContainer.Margin = new Thickness(h, v, h, v);
return result;
}
#endregion
}
public enum BadgeStatus : byte
{
Success, Processing, Default, Error, Warning
}

View File

@@ -0,0 +1,343 @@
<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:controls="clr-namespace:AntDesignWPF.Controls"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Converters.xaml" />
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Animations.xaml" />
</ResourceDictionary.MergedDictionaries>
<Storyboard x:Key="Ant.BadgeEffectStoryboard">
<DoubleAnimation
Duration="0:0:1.2"
EasingFunction="{StaticResource EaseInOut}"
From="0.5"
RepeatBehavior="Forever"
Storyboard.TargetName="Effect"
Storyboard.TargetProperty="(UIElement.Opacity)"
To="0" />
<DoubleAnimation
Duration="0:0:1.2"
EasingFunction="{StaticResource EaseInOut}"
From="0.8"
RepeatBehavior="Forever"
Storyboard.TargetName="EffectTransform"
Storyboard.TargetProperty="ScaleX"
To="2.4" />
<DoubleAnimation
Duration="0:0:1.2"
EasingFunction="{StaticResource EaseInOut}"
From="0.8"
RepeatBehavior="Forever"
Storyboard.TargetName="EffectTransform"
Storyboard.TargetProperty="ScaleY"
To="2.4" />
</Storyboard>
<ControlTemplate TargetType="{x:Type controls:Badge}" x:Key="Ant.BadgeTemplate">
<Grid>
<!-- Effect -->
<!--<Ellipse x:Name="Effect"
Opacity="0"
StrokeThickness="1"
RenderTransformOrigin="0.5,0.5"
Width="{TemplateBinding BadgeHeight}"
Height="{TemplateBinding BadgeHeight}"
Stroke="{DynamicResource AntDesign.Brush.Primary}">
<Ellipse.RenderTransform>
<ScaleTransform x:Name="EffectTransform" />
</Ellipse.RenderTransform>
</Ellipse>-->
<!-- Content -->
<Border
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}">
<ContentPresenter
Content="{TemplateBinding Content}"
ContentStringFormat="{TemplateBinding ContentStringFormat}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
</Border>
<!-- Count -->
<Border
Background="{TemplateBinding BadgeBackground}"
CornerRadius="{Binding Height, RelativeSource={RelativeSource Self}, Converter={StaticResource DoubleToCornerRadiusConverter}, ConverterParameter=2}"
Height="{TemplateBinding BadgeHeight}"
HorizontalAlignment="Right"
MinWidth="{TemplateBinding Height}"
Padding="6,0"
TextElement.FontSize="{DynamicResource BadgeFontSize}"
TextElement.FontWeight="{DynamicResource BadgeFontWeight}"
TextElement.Foreground="{TemplateBinding BadgeForeground}"
VerticalAlignment="Top"
x:Name="PART_BadgeContainer">
<Border.RenderTransform>
<TranslateTransform X="-10" Y="-10" />
</Border.RenderTransform>
<ContentPresenter
HorizontalAlignment="Center"
VerticalAlignment="Center"
x:Name="PART_Count" />
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="Dot" Value="True">
<Setter Property="Visibility" TargetName="PART_Count" Value="Collapsed" />
<Setter Property="Padding" TargetName="PART_BadgeContainer" Value="0" />
<Setter Property="MinWidth" TargetName="PART_BadgeContainer" Value="0" />
<Setter Property="Width" TargetName="PART_BadgeContainer" Value="{DynamicResource BadgeDotSize}" />
<Setter Property="Height" TargetName="PART_BadgeContainer" Value="{DynamicResource BadgeDotSize}" />
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Count" Value="0" />
<Condition Property="ShowZero" Value="False" />
</MultiTrigger.Conditions>
<Setter Property="Visibility" TargetName="PART_BadgeContainer" Value="Collapsed" />
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
<ControlTemplate TargetType="{x:Type controls:Badge}" x:Key="Ant.BadgeStatusTemplate">
<Grid>
<Grid.ColumnDefinitions>
<!-- Dot -->
<ColumnDefinition Width="*" />
<!-- Text -->
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<!-- Effect -->
<Ellipse
Height="{TemplateBinding BadgeHeight}"
Opacity="0"
RenderTransformOrigin="0.5,0.5"
Stroke="{TemplateBinding BadgeBackground}"
StrokeThickness="1"
UseLayoutRounding="True"
Width="{TemplateBinding BadgeHeight}"
x:Name="Effect">
<Ellipse.RenderTransform>
<ScaleTransform x:Name="EffectTransform" />
</Ellipse.RenderTransform>
</Ellipse>
<!-- Dot -->
<Ellipse
Fill="{TemplateBinding BadgeBackground}"
Height="{TemplateBinding BadgeHeight}"
UseLayoutRounding="True"
VerticalAlignment="Center"
Width="{TemplateBinding BadgeHeight}"
x:Name="Dot" />
<!-- Content -->
<ContentControl
Content="{TemplateBinding Text}"
Grid.Column="1"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="Status" Value="Processing">
<Trigger.EnterActions>
<BeginStoryboard Storyboard="{StaticResource Ant.BadgeEffectStoryboard}" />
</Trigger.EnterActions>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
<Style TargetType="{x:Type controls:Badge}">
<Setter Property="Foreground" Value="White" />
<Setter Property="FontSize" Value="{DynamicResource BadgeFontSize}" />
<Setter Property="FontWeight" Value="{DynamicResource BadgeFontWeight}" />
<Setter Property="BadgeHeight" Value="{DynamicResource BadgeHeight}" />
<Setter Property="Background" Value="{DynamicResource AntDesign.Brush.Error}" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type controls:Badge}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<!-- Content -->
<ContentPresenter
Content="{TemplateBinding Content}"
ContentStringFormat="{TemplateBinding ContentStringFormat}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
Grid.ColumnSpan="2"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
Margin="{TemplateBinding Padding}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
x:Name="Content" />
<!-- Effect -->
<Ellipse
Height="{DynamicResource BadgeStatusSize}"
Opacity="0"
RenderTransformOrigin="0.5,0.5"
Stroke="{DynamicResource AntDesign.Brush.Primary}"
StrokeThickness="1"
UseLayoutRounding="True"
Width="{DynamicResource BadgeStatusSize}"
x:Name="Effect">
<Ellipse.RenderTransform>
<ScaleTransform x:Name="EffectTransform" />
</Ellipse.RenderTransform>
</Ellipse>
<!-- Dot -->
<Border
Background="{TemplateBinding Background}"
CornerRadius="{Binding Height, RelativeSource={RelativeSource Self}, Converter={StaticResource DoubleToCornerRadiusConverter}, ConverterParameter=2}"
Grid.ColumnSpan="2"
Height="{TemplateBinding BadgeHeight}"
HorizontalAlignment="Right"
MinWidth="{TemplateBinding BadgeHeight}"
UseLayoutRounding="True"
VerticalAlignment="Top"
x:Name="Dot">
<ContentPresenter
HorizontalAlignment="Center"
Margin="6,0"
VerticalAlignment="Center"
x:Name="PART_Count" />
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="Dot" Value="True">
<Setter Property="Visibility" TargetName="PART_Count" Value="Collapsed" />
<Setter Property="Width" TargetName="Dot" Value="{DynamicResource BadgeDotSize}" />
<Setter Property="Height" TargetName="Dot" Value="{DynamicResource BadgeDotSize}" />
<Setter Property="MinWidth" TargetName="Dot" Value="0" />
</Trigger>
<Trigger Property="Status" Value="Success">
<Setter Property="Background" TargetName="Dot" Value="{DynamicResource AntDesign.Brush.Success}" />
</Trigger>
<Trigger Property="Status" Value="Processing">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Duration="0:0:1.2"
EasingFunction="{StaticResource EaseInOut}"
From="0.5"
RepeatBehavior="Forever"
Storyboard.TargetName="Effect"
Storyboard.TargetProperty="(UIElement.Opacity)"
To="0" />
<DoubleAnimation
Duration="0:0:1.2"
EasingFunction="{StaticResource EaseInOut}"
From="0.8"
RepeatBehavior="Forever"
Storyboard.TargetName="EffectTransform"
Storyboard.TargetProperty="ScaleX"
To="2.4" />
<DoubleAnimation
Duration="0:0:1.2"
EasingFunction="{StaticResource EaseInOut}"
From="0.8"
RepeatBehavior="Forever"
Storyboard.TargetName="EffectTransform"
Storyboard.TargetProperty="ScaleY"
To="2.4" />
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
<Setter Property="Background" TargetName="Dot" Value="{DynamicResource AntDesign.Brush.Primary}" />
</Trigger>
<Trigger Property="Status" Value="Default">
<Setter Property="Background" TargetName="Dot" Value="{DynamicResource AntDesign.Brush.BackgroundContainer}" />
</Trigger>
<Trigger Property="Status" Value="Error">
<Setter Property="Background" TargetName="Dot" Value="{DynamicResource AntDesign.Brush.Error}" />
</Trigger>
<Trigger Property="Status" Value="Warning">
<Setter Property="Background" TargetName="Dot" Value="{DynamicResource AntDesign.Brush.Warning}" />
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Count" Value="0" />
<Condition Property="ShowZero" Value="False" />
</MultiTrigger.Conditions>
<Setter Property="Visibility" TargetName="Dot" Value="Collapsed" />
</MultiTrigger>
<DataTrigger Binding="{Binding Status, RelativeSource={RelativeSource Self}, Converter={StaticResource IsNullConverter}}" Value="False">
<Setter Property="Visibility" TargetName="PART_Count" Value="Collapsed" />
<Setter Property="Width" TargetName="Dot" Value="{DynamicResource BadgeStatusSize}" />
<Setter Property="Height" TargetName="Dot" Value="{DynamicResource BadgeStatusSize}" />
<Setter Property="Visibility" TargetName="Dot" Value="Visible" />
<Setter Property="MinWidth" TargetName="Dot" Value="0" />
</DataTrigger>
<!-- Stateful and no content -->
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Content, RelativeSource={RelativeSource Self}, Converter={StaticResource IsNullConverter}}" Value="True" />
<Condition Binding="{Binding Status, RelativeSource={RelativeSource Self}, Converter={StaticResource IsNullConverter}}" Value="False" />
</MultiDataTrigger.Conditions>
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextPrimary}" />
<Setter Property="FontSize" Value="{DynamicResource FontSizeBase}" />
<Setter Property="VerticalAlignment" TargetName="Dot" Value="Center" />
<Setter Property="HorizontalAlignment" TargetName="Dot" Value="Left" />
<Setter Property="Grid.ColumnSpan" TargetName="Dot" Value="1" />
<Setter Property="VerticalAlignment" TargetName="Content" Value="Center" />
<Setter Property="HorizontalAlignment" TargetName="Content" Value="Left" />
<Setter Property="Margin" TargetName="Content" Value="8,0,0,0" />
<Setter Property="Grid.ColumnSpan" TargetName="Content" Value="1" />
<Setter Property="Grid.Column" TargetName="Content" Value="1" />
<Setter Property="Content" TargetName="Content" Value="{Binding Text, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
</MultiDataTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style TargetType="{x:Type controls:Badge}" x:Key="Ant.Badge">
<Setter Property="BadgeForeground" Value="White" />
<Setter Property="BadgeHeight" Value="{DynamicResource BadgeHeight}" />
<Setter Property="BadgeBackground" Value="{DynamicResource AntDesign.Brush.Error}" />
<Setter Property="Template" Value="{StaticResource Ant.BadgeTemplate}" />
<Style.Triggers>
<Trigger Property="Status" Value="Success">
<Setter Property="BadgeBackground" Value="{DynamicResource AntDesign.Brush.Success}" />
</Trigger>
<Trigger Property="Status" Value="Processing">
<Setter Property="BadgeBackground" Value="{DynamicResource AntDesign.Brush.Primary}" />
</Trigger>
<Trigger Property="Status" Value="Default">
<Setter Property="BadgeBackground" Value="{DynamicResource AntDesign.Brush.BackgroundContainer}" />
</Trigger>
<Trigger Property="Status" Value="Error">
<Setter Property="BadgeBackground" Value="{DynamicResource AntDesign.Brush.Error}" />
</Trigger>
<Trigger Property="Status" Value="Warning">
<Setter Property="BadgeBackground" Value="{DynamicResource AntDesign.Brush.Warning}" />
</Trigger>
<DataTrigger Binding="{Binding Status, RelativeSource={RelativeSource Self}, Converter={StaticResource IsNullConverter}}" Value="False">
<Setter Property="BadgeHeight" Value="{DynamicResource BadgeStatusSize}" />
</DataTrigger>
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Content, RelativeSource={RelativeSource Self}, Converter={StaticResource IsNullConverter}}" Value="True" />
<Condition Binding="{Binding Status, RelativeSource={RelativeSource Self}, Converter={StaticResource IsNullConverter}}" Value="False" />
</MultiDataTrigger.Conditions>
<Setter Property="Padding" Value="8,0,0,0" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextPrimary}" />
<Setter Property="FontSize" Value="{DynamicResource FontSizeBase}" />
<Setter Property="Template" Value="{StaticResource Ant.BadgeStatusTemplate}" />
</MultiDataTrigger>
</Style.Triggers>
</Style>
</ResourceDictionary>