功能更新
This commit is contained in:
GG Z
351
Melskin/Controls/ProgressBar.xaml
Normal file
351
Melskin/Controls/ProgressBar.xaml
Normal file
@@ -0,0 +1,351 @@
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:decorations="clr-namespace:Melskin.Controls.Decorations"
|
||||
xmlns:internal="clr-namespace:Melskin.Converters.Internal"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
|
||||
<!--#region SlotProgress-->
|
||||
<ControlTemplate TargetType="{x:Type ProgressBar}" x:Key="SlotHorizontalProgressTemplate">
|
||||
<ControlTemplate.Resources>
|
||||
<Storyboard RepeatBehavior="Forever" x:Key="ProgressIndeterminateHorizontal">
|
||||
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
|
||||
<EasingDoubleKeyFrame KeyTime="0" Value="-1" />
|
||||
<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
|
||||
</DoubleAnimationUsingKeyFrames>
|
||||
</Storyboard>
|
||||
</ControlTemplate.Resources>
|
||||
<decorations:SlotBorder
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
Intensity="0.7"
|
||||
Padding="2"
|
||||
x:Name="backgroundBorder">
|
||||
<Grid HorizontalAlignment="Left" x:Name="BarGrid">
|
||||
<!-- 计算进度条宽度 -->
|
||||
<Grid.Width>
|
||||
<MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Minimum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Maximum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Value"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="ActualWidth"
|
||||
RelativeSource="{RelativeSource AncestorType={x:Type decorations:SlotBorder}}" />
|
||||
</MultiBinding>
|
||||
</Grid.Width>
|
||||
<!-- 背景模糊效果 -->
|
||||
<Border
|
||||
Background="{TemplateBinding Foreground}"
|
||||
CornerRadius="3"
|
||||
x:Name="borderBlur">
|
||||
<Border.Effect>
|
||||
<BlurEffect Radius="8" />
|
||||
</Border.Effect>
|
||||
</Border>
|
||||
<!-- 进度条 -->
|
||||
<Border
|
||||
Background="{TemplateBinding Foreground}"
|
||||
CornerRadius="3"
|
||||
x:Name="borderProgress" />
|
||||
</Grid>
|
||||
|
||||
</decorations:SlotBorder>
|
||||
<ControlTemplate.Triggers>
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
<Condition Property="IsIndeterminate" Value="True" />
|
||||
<Condition Property="IsEnabled" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter Property="Width" TargetName="BarGrid" Value="auto" />
|
||||
<Setter Property="HorizontalAlignment" TargetName="BarGrid" Value="Stretch" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
|
||||
<MultiTrigger.EnterActions>
|
||||
<BeginStoryboard Storyboard="{StaticResource ProgressIndeterminateHorizontal}" x:Name="beginIndeterminate" />
|
||||
</MultiTrigger.EnterActions>
|
||||
<MultiTrigger.ExitActions>
|
||||
<RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
|
||||
</MultiTrigger.ExitActions>
|
||||
</MultiTrigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
<!--
|
||||
Foreground: 控件的 Foreground 属性。
|
||||
(Brush.RelativeTransform): 这个 Foreground 画刷（Brush）的 RelativeTransform 属性。
|
||||
(TransformGroup.Children): 这个变换（Transform）的 Children 集合（这隐含地要求 RelativeTransform 必须是一个 TransformGroup）。
|
||||
[3]: Children 集合中的第四个元素（索引从0开始）。
|
||||
(TranslateTransform.X): 这个元素的 X 属性（这隐含地要求第四个元素必须是一个 TranslateTransform）。
|
||||
|
||||
<LinearGradientBrush EndPoint="1,0" StartPoint="0,1" x:Key="PrimaryIndeterminateGradientBrush">
|
||||
<GradientStop Color="{StaticResource PrimaryNormalColor}" Offset="0" />
|
||||
<GradientStop Color="{StaticResource PrimaryVariantColor}" Offset="0.7" />
|
||||
<GradientStop Color="{StaticResource PrimaryNormalColor}" Offset="0.8" />
|
||||
<LinearGradientBrush.RelativeTransform>
|
||||
<TransformGroup>
|
||||
<ScaleTransform/>
|
||||
<SkewTransform/>
|
||||
<RotateTransform/>
|
||||
<TranslateTransform/>
|
||||
</TransformGroup>
|
||||
</LinearGradientBrush.RelativeTransform>
|
||||
</LinearGradientBrush>
|
||||
-->
|
||||
<ControlTemplate TargetType="{x:Type ProgressBar}" x:Key="SlotProgressVerticalTemplate">
|
||||
<ControlTemplate.Resources>
|
||||
<Storyboard RepeatBehavior="Forever" x:Key="ProgressIndeterminateVertical">
|
||||
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
|
||||
<EasingDoubleKeyFrame KeyTime="0" Value="1" />
|
||||
<EasingDoubleKeyFrame KeyTime="0:0:2" Value="-1" />
|
||||
</DoubleAnimationUsingKeyFrames>
|
||||
</Storyboard>
|
||||
</ControlTemplate.Resources>
|
||||
<decorations:SlotBorder
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
Intensity="0.7"
|
||||
Padding="2"
|
||||
x:Name="backgroundBorder">
|
||||
<Grid VerticalAlignment="Bottom" x:Name="BarGrid">
|
||||
<!-- 计算进度条宽度 -->
|
||||
<Grid.Height>
|
||||
<MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Minimum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Maximum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Value"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="ActualHeight"
|
||||
RelativeSource="{RelativeSource AncestorType={x:Type decorations:SlotBorder}}" />
|
||||
</MultiBinding>
|
||||
</Grid.Height>
|
||||
<!-- 背景模糊效果 -->
|
||||
<Border Background="{TemplateBinding Foreground}" CornerRadius="3">
|
||||
<Border.Effect>
|
||||
<BlurEffect Radius="8" />
|
||||
</Border.Effect>
|
||||
</Border>
|
||||
<!-- 进度条 -->
|
||||
<Border Background="{TemplateBinding Foreground}" CornerRadius="3" />
|
||||
</Grid>
|
||||
</decorations:SlotBorder>
|
||||
<ControlTemplate.Triggers>
|
||||
<!--<Trigger Property="IsIndeterminate" Value="True">
|
||||
<Setter TargetName="BarGrid" Property="Height" Value="auto" />
|
||||
<Setter TargetName="BarGrid" Property="VerticalAlignment" Value="Stretch" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
|
||||
<Trigger.EnterActions>
|
||||
<BeginStoryboard x:Name="beginIndeterminate" Storyboard="{StaticResource ProgressIndeterminateVertical}" />
|
||||
</Trigger.EnterActions>
|
||||
<Trigger.ExitActions>
|
||||
<RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
|
||||
</Trigger.ExitActions>
|
||||
</Trigger>-->
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
<Condition Property="IsIndeterminate" Value="True" />
|
||||
<Condition Property="IsEnabled" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter Property="Height" TargetName="BarGrid" Value="auto" />
|
||||
<Setter Property="VerticalAlignment" TargetName="BarGrid" Value="Stretch" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
|
||||
<MultiTrigger.EnterActions>
|
||||
<BeginStoryboard Storyboard="{StaticResource ProgressIndeterminateVertical}" x:Name="beginIndeterminate" />
|
||||
</MultiTrigger.EnterActions>
|
||||
<MultiTrigger.ExitActions>
|
||||
<RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
|
||||
</MultiTrigger.ExitActions>
|
||||
</MultiTrigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
|
||||
<Style TargetType="{x:Type ProgressBar}" x:Key="SlotProgressBarStyle">
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryGradientBrush}" />
|
||||
<Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="HorizontalAlignment" Value="Stretch" />
|
||||
<Setter Property="BorderThickness" Value="1" />
|
||||
<Setter Property="Template" Value="{StaticResource SlotHorizontalProgressTemplate}" />
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsEnabled" Value="false">
|
||||
<Setter Property="IsIndeterminate" Value="False" />
|
||||
<Setter Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryDisabledBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Orientation" Value="Vertical">
|
||||
<Setter Property="Template" Value="{StaticResource SlotProgressVerticalTemplate}" />
|
||||
<Setter Property="Width" Value="20" />
|
||||
<Setter Property="VerticalAlignment" Value="Stretch" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Stretch" />
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
<!--#endregion-->
|
||||
|
||||
<ControlTemplate TargetType="{x:Type ProgressBar}" x:Key="HorizontalProgressTemplate">
|
||||
<ControlTemplate.Resources>
|
||||
<Storyboard RepeatBehavior="Forever" x:Key="ProgressIndeterminateHorizontal">
|
||||
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
|
||||
<EasingDoubleKeyFrame KeyTime="0" Value="-1" />
|
||||
<EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
|
||||
</DoubleAnimationUsingKeyFrames>
|
||||
</Storyboard>
|
||||
</ControlTemplate.Resources>
|
||||
<Border
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
CornerRadius="4"
|
||||
x:Name="backgroundBorder">
|
||||
<Grid HorizontalAlignment="Left" x:Name="BarGrid">
|
||||
<!-- 计算进度条宽度 -->
|
||||
<Grid.Width>
|
||||
<MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Minimum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Maximum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Value"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="ActualWidth"
|
||||
RelativeSource="{RelativeSource AncestorType={x:Type Border}}" />
|
||||
</MultiBinding>
|
||||
</Grid.Width>
|
||||
<!-- 进度条 -->
|
||||
<Border
|
||||
Background="{TemplateBinding Foreground}"
|
||||
CornerRadius="3"
|
||||
x:Name="borderProgress" />
|
||||
</Grid>
|
||||
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
<Condition Property="IsIndeterminate" Value="True" />
|
||||
<Condition Property="IsEnabled" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter Property="Width" TargetName="BarGrid" Value="auto" />
|
||||
<Setter Property="HorizontalAlignment" TargetName="BarGrid" Value="Stretch" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
|
||||
<MultiTrigger.EnterActions>
|
||||
<BeginStoryboard Storyboard="{StaticResource ProgressIndeterminateHorizontal}" x:Name="beginIndeterminate" />
|
||||
</MultiTrigger.EnterActions>
|
||||
<MultiTrigger.ExitActions>
|
||||
<RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
|
||||
</MultiTrigger.ExitActions>
|
||||
</MultiTrigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
<ControlTemplate TargetType="{x:Type ProgressBar}" x:Key="ProgressVerticalTemplate">
|
||||
<ControlTemplate.Resources>
|
||||
<Storyboard RepeatBehavior="Forever" x:Key="ProgressIndeterminateVertical">
|
||||
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
|
||||
<EasingDoubleKeyFrame KeyTime="0" Value="1" />
|
||||
<EasingDoubleKeyFrame KeyTime="0:0:2" Value="-1" />
|
||||
</DoubleAnimationUsingKeyFrames>
|
||||
</Storyboard>
|
||||
</ControlTemplate.Resources>
|
||||
<Border
|
||||
Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
CornerRadius="4"
|
||||
x:Name="backgroundBorder">
|
||||
<Grid VerticalAlignment="Bottom" x:Name="BarGrid">
|
||||
<!-- 计算进度条宽度 -->
|
||||
<Grid.Height>
|
||||
<MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Minimum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Maximum"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="Value"
|
||||
RelativeSource="{RelativeSource TemplatedParent}" />
|
||||
<Binding
|
||||
Mode="OneWay"
|
||||
Path="ActualHeight"
|
||||
RelativeSource="{RelativeSource AncestorType={x:Type Border}}" />
|
||||
</MultiBinding>
|
||||
</Grid.Height>
|
||||
<!-- 进度条 -->
|
||||
<Border Background="{TemplateBinding Foreground}" CornerRadius="3" />
|
||||
</Grid>
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
|
||||
<MultiTrigger>
|
||||
<MultiTrigger.Conditions>
|
||||
<Condition Property="IsIndeterminate" Value="True" />
|
||||
<Condition Property="IsEnabled" Value="True" />
|
||||
</MultiTrigger.Conditions>
|
||||
<Setter Property="Height" TargetName="BarGrid" Value="auto" />
|
||||
<Setter Property="VerticalAlignment" TargetName="BarGrid" Value="Stretch" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
|
||||
<MultiTrigger.EnterActions>
|
||||
<BeginStoryboard Storyboard="{StaticResource ProgressIndeterminateVertical}" x:Name="beginIndeterminate" />
|
||||
</MultiTrigger.EnterActions>
|
||||
<MultiTrigger.ExitActions>
|
||||
<RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
|
||||
</MultiTrigger.ExitActions>
|
||||
</MultiTrigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
|
||||
<Style TargetType="{x:Type ProgressBar}">
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryGradientBrush}" />
|
||||
<Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
<Setter Property="Height" Value="8" />
|
||||
<Setter Property="HorizontalAlignment" Value="Stretch" />
|
||||
<Setter Property="BorderThickness" Value="1" />
|
||||
<Setter Property="Template" Value="{StaticResource HorizontalProgressTemplate}" />
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsEnabled" Value="false">
|
||||
<Setter Property="IsIndeterminate" Value="False" />
|
||||
<Setter Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryDisabledBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="Orientation" Value="Vertical">
|
||||
<Setter Property="Template" Value="{StaticResource ProgressVerticalTemplate}" />
|
||||
<Setter Property="Width" Value="8" />
|
||||
<Setter Property="VerticalAlignment" Value="Stretch" />
|
||||
<Setter Property="VerticalContentAlignment" Value="Stretch" />
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
</ResourceDictionary>
|
||||
Reference in New Issue
Block a user