功能完善
This commit is contained in:
223
NeuWPF/NeoUI/Controls/Alert.xaml
Normal file
223
NeuWPF/NeoUI/Controls/Alert.xaml
Normal file
@@ -0,0 +1,223 @@
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:assists="clr-namespace:NeumUI.Assists"
|
||||
xmlns:controls="clr-namespace:NeumUI.Controls"
|
||||
xmlns:conv="clr-namespace:NeumUI.Converters"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
|
||||
<ResourceDictionary.MergedDictionaries>
|
||||
<ResourceDictionary Source="/NeumUI;component/Animations/Animations.xaml" />
|
||||
<ResourceDictionary Source="/NeumUI;component/Assets/CommonGeometry.xaml" />
|
||||
</ResourceDictionary.MergedDictionaries>
|
||||
|
||||
<Style TargetType="{x:Type controls:Alert}">
|
||||
<Setter Property="Padding" Value="15,8" />
|
||||
<!--<Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />-->
|
||||
<Setter Property="IsTabStop" Value="False" />
|
||||
<Setter Property="SnapsToDevicePixels" Value="True" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Left" />
|
||||
<Setter Property="KeyboardNavigation.TabNavigation" Value="None" />
|
||||
<Setter Property="KeyboardNavigation.DirectionalNavigation" Value="None" />
|
||||
<Setter Property="IconBrush" Value="{DynamicResource PrimaryNormalBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1" />
|
||||
<Setter Property="assists:ControlAssist.CornerRadius" Value="4" />
|
||||
<!--<Setter Property="Background" Value="{Binding IconBrush, Mode=OneWay, RelativeSource={RelativeSource Self}, Converter={StaticResource ColorPaletteConverter}, ConverterParameter=1}" />-->
|
||||
<!--<Setter Property="BorderBrush" Value="{Binding IconBrush, Mode=OneWay, RelativeSource={RelativeSource Self}, Converter={StaticResource ColorPaletteConverter}, ConverterParameter=3}" />-->
|
||||
<!--<Setter Property="Background" Value="{DynamicResource PrimaryHighlightBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource PrimaryFocusedBrush}" />-->
|
||||
<Setter Property="RenderTransform">
|
||||
<Setter.Value>
|
||||
<ScaleTransform />
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<!--<Setter Property="b:StylizedBehaviors.Behaviors">
|
||||
<Setter.Value>
|
||||
<b:StylizedBehaviorCollection>
|
||||
<b:VisibilityBehavior>
|
||||
<b:VisibilityBehavior.Leave>
|
||||
<Storyboard FillBehavior="Stop">
|
||||
<DoubleAnimation
|
||||
Duration="0:0:0.3"
|
||||
EasingFunction="{StaticResource EaseInOutCirc}"
|
||||
From="1"
|
||||
Storyboard.TargetProperty="Opacity"
|
||||
To="0" />
|
||||
<DoubleAnimation
|
||||
Duration="0:0:0.3"
|
||||
EasingFunction="{StaticResource EaseInOutCirc}"
|
||||
From="1"
|
||||
Storyboard.TargetProperty="RenderTransform.ScaleY"
|
||||
To="0" />
|
||||
</Storyboard>
|
||||
</b:VisibilityBehavior.Leave>
|
||||
</b:VisibilityBehavior>
|
||||
</b:StylizedBehaviorCollection>
|
||||
</Setter.Value>
|
||||
</Setter>-->
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="{x:Type controls:Alert}">
|
||||
<Border
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
CornerRadius="{TemplateBinding assists:ControlAssist.CornerRadius}"
|
||||
Padding="{TemplateBinding Padding}"
|
||||
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
|
||||
UseLayoutRounding="True">
|
||||
<Grid>
|
||||
<Grid.Resources>
|
||||
<!-- TODO 是否可复用? -->
|
||||
<Style TargetType="{x:Type Button}" x:Key="AlertCloseButton">
|
||||
<Setter Property="Padding" Value="0" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
|
||||
<Setter Property="FontSize" Value="12" />
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="{x:Type Button}">
|
||||
<ControlTemplate.Resources>
|
||||
<Style TargetType="{x:Type controls:SymbolIcon}">
|
||||
<Setter Property="Opacity" Value="0.65" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter Property="Opacity" Value="0.85" />
|
||||
</Trigger>
|
||||
<DataTrigger Binding="{Binding IsPressed, Mode=OneWay, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Value="True">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</ControlTemplate.Resources>
|
||||
<ContentPresenter />
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter Property="Foreground" Value="{DynamicResource ControlStrongBackgroundFocusedBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="IsPressed" Value="True">
|
||||
<Setter Property="Foreground" Value="{DynamicResource ControlStrongBackgroundBrush}" />
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</Grid.Resources>
|
||||
<Grid.ColumnDefinitions>
|
||||
<!-- Icon -->
|
||||
<ColumnDefinition Width="Auto" />
|
||||
<!-- Text -->
|
||||
<ColumnDefinition Width="*" />
|
||||
<!-- Close Button -->
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
<Grid.RowDefinitions>
|
||||
<!-- Message -->
|
||||
<RowDefinition />
|
||||
<!-- Description -->
|
||||
<RowDefinition />
|
||||
</Grid.RowDefinitions>
|
||||
<!-- Icon -->
|
||||
<Viewbox
|
||||
Margin="0,0,8,0"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
Width="{TemplateBinding FontSize}"
|
||||
x:Name="Icon">
|
||||
<Path
|
||||
Fill="{TemplateBinding IconBrush}"
|
||||
Visibility="{Binding ShowIcon, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}, Converter={x:Static conv:BooleanToVisibilityConverter.CollapsedInstance}}"
|
||||
x:Name="IconPath" />
|
||||
</Viewbox>
|
||||
|
||||
<!--<controls:SymbolIcon
|
||||
Foreground="{TemplateBinding IconBrush}"
|
||||
Margin="0,0,8,0"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
Visibility="{Binding ShowIcon, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}, Converter={x:Static conv:BooleanToVisibilityConverter.CollapsedInstance}}"
|
||||
x:Name="Icon" />-->
|
||||
<!-- Message -->
|
||||
<ContentPresenter
|
||||
Content="{Binding Message, RelativeSource={RelativeSource TemplatedParent}}"
|
||||
Grid.Column="1"
|
||||
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
x:Name="Message" />
|
||||
<!-- Description -->
|
||||
<ContentPresenter
|
||||
Content="{Binding Description, RelativeSource={RelativeSource TemplatedParent}}"
|
||||
Grid.Column="1"
|
||||
Grid.ColumnSpan="2"
|
||||
Grid.Row="1"
|
||||
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
TextElement.Foreground="{DynamicResource TextSecondaryBrush}"
|
||||
Visibility="Collapsed"
|
||||
x:Name="Description" />
|
||||
<!-- Close Button -->
|
||||
<Button
|
||||
Grid.Column="2"
|
||||
Style="{StaticResource AlertCloseButton}"
|
||||
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||
x:Name="PART_Close" />
|
||||
</Grid>
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<!-- With Description -->
|
||||
<DataTrigger Binding="{Binding Description, Mode=OneWay, RelativeSource={RelativeSource Self}, Converter={x:Static conv:NullOrEmptyConverter.Instance}}" Value="False">
|
||||
<!--<Setter TargetName="Icon" Property="FontSize" Value="14" />-->
|
||||
<!--<Setter Property="Theme" TargetName="Icon" Value="Outlined" />-->
|
||||
<Setter Property="Margin" TargetName="Message" Value="0,0,0,4" />
|
||||
<Setter Property="Visibility" TargetName="Description" Value="Visible" />
|
||||
<Setter Property="FontSize" TargetName="PART_Close" Value="14" />
|
||||
<Setter Property="TextElement.FontSize" TargetName="Message" Value="16" />
|
||||
<Setter Property="TextElement.Foreground" TargetName="Message" Value="{DynamicResource TextPrimaryBrush}" />
|
||||
</DataTrigger>
|
||||
<Trigger Property="Type" Value="Info">
|
||||
<Setter Property="Data" TargetName="IconPath" Value="{DynamicResource info-circle}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Type" Value="Success">
|
||||
<Setter Property="Data" TargetName="IconPath" Value="{DynamicResource check-circle}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Type" Value="Warning">
|
||||
<Setter Property="Data" TargetName="IconPath" Value="{DynamicResource exclamation-circle}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Type" Value="Error">
|
||||
<Setter Property="Data" TargetName="IconPath" Value="{DynamicResource close-circle}" />
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<Trigger Property="Type" Value="Info">
|
||||
<!--<Setter Property="Icon" Value="info-circle" />-->
|
||||
<Setter Property="IconBrush" Value="{DynamicResource PrimaryNormalBrush}" />
|
||||
<Setter Property="Background" Value="{DynamicResource PrimaryLightShadowBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource PrimaryDisabledBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Type" Value="Success">
|
||||
<!--<Setter Property="Icon" Value="check-circle" />-->
|
||||
<Setter Property="IconBrush" Value="{DynamicResource SuccessBrush}" />
|
||||
<Setter Property="Background" Value="{DynamicResource SuccessLightShadowBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource SuccessDisabledBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Type" Value="Warning">
|
||||
<!--<Setter Property="Icon" Value="exclamation-circle" />-->
|
||||
<Setter Property="IconBrush" Value="{DynamicResource WarningBrush}" />
|
||||
<Setter Property="Background" Value="{DynamicResource WarningLightShadowBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource WarningDisabledBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Type" Value="Error">
|
||||
<!--<Setter Property="Icon" Value="close-circle" />-->
|
||||
<Setter Property="IconBrush" Value="{DynamicResource ErrorBrush}" />
|
||||
<Setter Property="Background" Value="{DynamicResource ErrorLightShadowBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource ErrorDisabledBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Banner" Value="True">
|
||||
<Setter Property="BorderThickness" Value="0" />
|
||||
<Setter Property="assists:ControlAssist.CornerRadius" Value="0" />
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
</ResourceDictionary>
|
||||
Reference in New Issue
Block a user