feat: add Primary, Secondary, Tertiary color.
This commit is contained in:
parent
7e1376f57e
commit
7a701a9c04
@ -7,7 +7,20 @@
|
||||
d:DesignHeight="800"
|
||||
d:DesignWidth="800"
|
||||
mc:Ignorable="d">
|
||||
<ScrollViewer>
|
||||
<StackPanel HorizontalAlignment="Left" Spacing="20">
|
||||
<StackPanel
|
||||
HorizontalAlignment="Left"
|
||||
Orientation="Horizontal"
|
||||
Spacing="20">
|
||||
<ProgressBar
|
||||
Width="100"
|
||||
Height="100"
|
||||
Maximum="{Binding #slider.Maximum}"
|
||||
Minimum="{Binding #slider.Minimum}"
|
||||
Theme="{DynamicResource ProgressRing}"
|
||||
Value="{Binding #slider.Value}"
|
||||
ShowProgressText="True"/>
|
||||
<ProgressBar
|
||||
Width="100"
|
||||
Height="100"
|
||||
@ -15,7 +28,8 @@
|
||||
Maximum="{Binding #slider.Maximum}"
|
||||
Minimum="{Binding #slider.Minimum}"
|
||||
Theme="{DynamicResource ProgressRing}"
|
||||
Value="{Binding #slider.Value}" />
|
||||
ShowProgressText="True"/>
|
||||
</StackPanel>
|
||||
<Slider
|
||||
Name="slider"
|
||||
Width="300"
|
||||
@ -104,6 +118,27 @@
|
||||
ShowProgressText="False"
|
||||
Value="20" />
|
||||
</StackPanel>
|
||||
<ProgressBar
|
||||
Width="200"
|
||||
Classes="Primary"
|
||||
Maximum="100"
|
||||
Minimum="0"
|
||||
ShowProgressText="True"
|
||||
Value="60" />
|
||||
<ProgressBar
|
||||
Width="200"
|
||||
Classes="Secondary"
|
||||
Maximum="100"
|
||||
Minimum="0"
|
||||
ShowProgressText="True"
|
||||
Value="60" />
|
||||
<ProgressBar
|
||||
Width="200"
|
||||
Classes="Tertiary"
|
||||
Maximum="100"
|
||||
Minimum="0"
|
||||
ShowProgressText="True"
|
||||
Value="60" />
|
||||
<ProgressBar
|
||||
Width="200"
|
||||
Classes="Success"
|
||||
@ -125,11 +160,6 @@
|
||||
Minimum="0"
|
||||
ShowProgressText="True"
|
||||
Value="60" />
|
||||
<ProgressBar
|
||||
Width="200"
|
||||
Maximum="100"
|
||||
Minimum="0"
|
||||
ShowProgressText="True"
|
||||
Value="60" />
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</UserControl>
|
@ -170,15 +170,24 @@
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
<Style Selector="^.Primary">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarPrimaryForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Secondary">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarSecondaryForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Tertiary">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarTertiaryForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Success">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarSuccessForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Warning">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarWarningForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Error">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarErrorForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Success">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarSuccessForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^:horizontal /template/ Border#PART_Indicator">
|
||||
<Setter Property="HorizontalAlignment" Value="Left" />
|
||||
<Setter Property="VerticalAlignment" Value="Stretch" />
|
||||
@ -387,15 +396,24 @@
|
||||
</Panel>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
<Style Selector="^.Primary">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarPrimaryForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Secondary">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarSecondaryForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Tertiary">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarTertiaryForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Success">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarSuccessForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Warning">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarWarningForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Error">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarErrorForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^.Success">
|
||||
<Setter Property="ProgressBar.Foreground" Value="{DynamicResource ProgressBarSuccessForeground}" />
|
||||
</Style>
|
||||
<Style Selector="^:indeterminate /template/ Arc#Indicator">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
</Style>
|
||||
|
@ -7,6 +7,9 @@
|
||||
<SolidColorBrush x:Key="ProgressBarOuterTextForeground" Color="#F9F9F9" />
|
||||
<SolidColorBrush x:Key="ProgressBarRootBorderBrush" Color="Transparent" />
|
||||
<FontWeight x:Key="ProgressBarTextFontWeight">600</FontWeight>
|
||||
<SolidColorBrush x:Key="ProgressBarPrimaryForeground" Color="#54A9FF" />
|
||||
<SolidColorBrush x:Key="ProgressBarSecondaryForeground" Color="#40B4F3" />
|
||||
<SolidColorBrush x:Key="ProgressBarTertiaryForeground" Color="#888D92" />
|
||||
<SolidColorBrush x:Key="ProgressBarSuccessForeground" Color="#5DC264" />
|
||||
<SolidColorBrush x:Key="ProgressBarWarningForeground" Color="#FFAE43" />
|
||||
<SolidColorBrush x:Key="ProgressBarErrorForeground" Color="#FC725A" />
|
||||
|
@ -7,6 +7,9 @@
|
||||
<SolidColorBrush x:Key="ProgressBarOuterTextForeground" Color="#1C1F23" />
|
||||
<SolidColorBrush x:Key="ProgressBarRootBorderBrush" Color="Transparent" />
|
||||
<FontWeight x:Key="ProgressBarTextFontWeight">600</FontWeight>
|
||||
<SolidColorBrush x:Key="ProgressBarPrimaryForeground" Color="#0077FA" />
|
||||
<SolidColorBrush x:Key="ProgressBarSecondaryForeground" Color="#0095EE" />
|
||||
<SolidColorBrush x:Key="ProgressBarTertiaryForeground" Color="#6B7075" />
|
||||
<SolidColorBrush x:Key="ProgressBarSuccessForeground" Color="#3BB346" />
|
||||
<SolidColorBrush x:Key="ProgressBarWarningForeground" Color="#FC8800" />
|
||||
<SolidColorBrush x:Key="ProgressBarErrorForeground" Color="#F93920" />
|
||||
|
Loading…
x
Reference in New Issue
Block a user