start building demo for progress button

Author: ButchersBoy

MainDemo.Wpf/Buttons.xaml

@@ -32,6 +32,8 @@
             <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
         </Grid.RowDefinitions>
         <TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}">Buttons</TextBlock>
         <Grid Grid.Row="1" >
@@ -212,10 +214,21 @@
             <Button Style="{StaticResource MaterialDesignFlatButton}" Click="ButtonBase_OnClick" ToolTip="MaterialDesignFlatButton" Margin="200 0 0 0">ACCEPT</Button>
             <Button Style="{StaticResource MaterialDesignFlatButton}" ToolTip="MaterialDesignFlatButton">CANCEL</Button>
         </StackPanel>
-
         <Border Margin="0 16 0 0" BorderThickness="0 1 0 0" BorderBrush="{DynamicResource MaterialDesignDivider}" Grid.Row="4" />
-        <TextBlock Margin="0 32 0 24" Grid.Row="4" Style="{StaticResource MaterialDesignHeadlineTextBlock}">Toggles</TextBlock>
-        <Grid Grid.Row="5">
+
+        <TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}"
+                   Grid.Row="5" >Buttons - With Progress</TextBlock>
+        <StackPanel Grid.Row="6" >
+            <Button Command="{Binding DismissComand}"
+                    Style="{StaticResource MaterialDesignRaisedButton}"
+                    materialDesign:ButtonAssist.Value="{Binding DismissButtonProgress}">
+                DISMISS 
+            </Button>
+        </StackPanel>
+        <Border Margin="0 16 0 0" BorderThickness="0 1 0 0" BorderBrush="{DynamicResource MaterialDesignDivider}" Grid.Row="7" />
+
+        <TextBlock Margin="0 32 0 24" Grid.Row="7" Style="{StaticResource MaterialDesignHeadlineTextBlock}">Toggles</TextBlock>
+        <Grid Grid.Row="8">
             <Grid.RowDefinitions>
                 <RowDefinition Height="Auto" />
                 <RowDefinition Height="Auto" />
@@ -373,9 +386,9 @@
             </ListBox>
         </Grid>
 
-        <Border Grid.Row="6" Margin="0 16 0 0" BorderThickness="0 1 0 0" BorderBrush="{DynamicResource MaterialDesignDivider}" />
-        <TextBlock Margin="0 32 0 0" Grid.Row="6" Style="{StaticResource MaterialDesignHeadlineTextBlock}">Rating bar</TextBlock>
-        <StackPanel Grid.Row="7" Margin="0 16 0 0" Orientation="Horizontal">
+        <Border Grid.Row="9" Margin="0 16 0 0" BorderThickness="0 1 0 0" BorderBrush="{DynamicResource MaterialDesignDivider}" />
+        <TextBlock Margin="0 32 0 0" Grid.Row="9" Style="{StaticResource MaterialDesignHeadlineTextBlock}">Rating bar</TextBlock>
+        <StackPanel Grid.Row="10" Margin="0 16 0 0" Orientation="Horizontal">
             <materialDesign:RatingBar Value="3" x:Name="BasicRatingBar" />
             <TextBlock Text="{Binding ElementName=BasicRatingBar, Path=Value, StringFormat=Rating: {0}}" VerticalAlignment="Top" Margin="10,2,0,0" />
             <materialDesign:RatingBar x:Name="CustomRatingBar" Max="3" Value="2" Margin="24 0 0 0" Orientation="Vertical">

MainDemo.Wpf/Buttons.xaml.cs

@@ -13,7 +13,6 @@
 using System.Windows.Navigation;
 using System.Windows.Shapes;
 using MaterialDesignColors.WpfExample.Domain;
-using System.ComponentModel;
 
 namespace MaterialDesignColors.WpfExample
 {
@@ -62,11 +61,4 @@ private void CountingButton_OnClick(object sender, RoutedEventArgs e)
 
         }
     }
-
-    public class ButtonsViewModel : INotifyPropertyChanged
-    {
-
-
-        public event PropertyChangedEventHandler PropertyChanged;
-    }
 }

MainDemo.Wpf/ButtonsViewModel.cs

@@ -0,0 +1,57 @@
+using MaterialDesignColors.WpfExample.Domain;
+using System;
+using System.ComponentModel;
+using System.Threading;
+using System.Windows.Input;
+using System.Windows.Threading;
+
+namespace MaterialDesignColors.WpfExample
+{
+    public class ButtonsViewModel : INotifyPropertyChanged
+    {
+        private bool _showDismissButton;
+        private double _dismissButtonProgress;
+
+        public ButtonsViewModel()
+        {
+            var autoStartingActionCountdownStart = DateTime.Now;
+            DismissComand = new AnotherCommandImplementation(_ => { });
+            ShowDismissButton = true;
+
+            new DispatcherTimer(
+                TimeSpan.FromMilliseconds(100), 
+                DispatcherPriority.Normal, 
+                new EventHandler((o, e) => 
+                {
+                    if (ShowDismissButton)
+                    {
+                        var totalDuration = autoStartingActionCountdownStart.AddSeconds(20).Ticks - autoStartingActionCountdownStart.Ticks;
+                        var currentDuration = DateTime.Now.Ticks - autoStartingActionCountdownStart.Ticks;
+                        var autoCountdownPercentComplete = 100.0 / totalDuration * currentDuration;
+                        DismissButtonProgress = autoCountdownPercentComplete;
+                    }
+                }), Dispatcher.CurrentDispatcher);
+        }
+
+        public ICommand DismissComand { get; }
+
+        public bool ShowDismissButton
+        {
+            get { return _showDismissButton; }
+            set { this.MutateVerbose(ref _showDismissButton, value, RaisePropertyChanged()); }
+        }        
+
+        public double DismissButtonProgress
+        {
+            get { return _dismissButtonProgress; }
+            set { this.MutateVerbose(ref _dismissButtonProgress, value, RaisePropertyChanged()); }
+        }
+
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        private Action<PropertyChangedEventArgs> RaisePropertyChanged()
+        {
+            return args => PropertyChanged?.Invoke(this, args);
+        }
+    }
+}

MainDemo.Wpf/Domain/MainWindowViewModel.cs

@@ -30,11 +30,12 @@ public MainWindowViewModel()
                         DocumentationLink.DemoPageLink<PaletteSelectorViewModel>("Demo View Model"),
                         DocumentationLink.ApiLink<PaletteHelper>()
                     }),
-                                new DemoItem("Buttons & Toggles", new Buttons(),
+                new DemoItem("Buttons & Toggles", new Buttons { DataContext = new ButtonsViewModel() } ,
                     new []
                     {
                         DocumentationLink.WikiLink("Button-Styles", "Buttons"),
-                        DocumentationLink.DemoPageLink<Buttons>(),
+                        DocumentationLink.DemoPageLink<Buttons>("Demo View"),
+                        DocumentationLink.DemoPageLink<ButtonsViewModel>("Demo View Model"),
                         DocumentationLink.StyleLink("Button"),
                         DocumentationLink.StyleLink("CheckBox"),
                         DocumentationLink.StyleLink("PopupBox"),

MainDemo.Wpf/MaterialDesignDemo.csproj

@@ -75,6 +75,7 @@
     <Compile Include="Buttons.xaml.cs">
       <DependentUpon>Buttons.xaml</DependentUpon>
     </Compile>
+    <Compile Include="ButtonsViewModel.cs" />
     <Compile Include="Cards.xaml.cs">
       <DependentUpon>Cards.xaml</DependentUpon>
     </Compile>