(GH-3910) Allow set the navigation button style

MahApps · Nov 24, 2020 · 639af46 · 639af46
1 parent eff2079
commit 639af46
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/src/MahApps.Metro/Controls/FlipView.cs b/src/MahApps.Metro/Controls/FlipView.cs
@@ -26,6 +26,7 @@ namespace MahApps.Metro.Controls
     [TemplatePart(Name = PART_DownButton, Type = typeof(Button))]
     [TemplatePart(Name = PART_BannerGrid, Type = typeof(Grid))]
     [TemplatePart(Name = PART_BannerLabel, Type = typeof(Label))]
+    [StyleTypedProperty(Property = nameof(NavigationButtonStyle), StyleTargetType = typeof(Button))]
     public class FlipView : Selector
     {
         /// <summary>Identifies the <see cref="MouseHoverBorderBrush"/> dependency property.</summary>
@@ -381,6 +382,22 @@ public double BannerOpacity
             set => this.SetValue(BannerOpacityProperty, value);
         }
 
+        /// <summary>Identifies the <see cref="NavigationButtonStyle"/> dependency property.</summary>
+        public static readonly DependencyProperty NavigationButtonStyleProperty
+            = DependencyProperty.Register(nameof(NavigationButtonStyle),
+                                          typeof(Style),
+                                          typeof(FlipView),
+                                          new PropertyMetadata(null));
+
+        /// <summary>
+        /// Gets or sets the <see cref="FrameworkElement.Style"/> for the navigation buttons.
+        /// </summary>
+        public Style NavigationButtonStyle
+        {
+            get => (Style)this.GetValue(NavigationButtonStyleProperty);
+            set => this.SetValue(NavigationButtonStyleProperty, value);
+        }
+
         /// <summary>Identifies the <see cref="ButtonBackContent"/> dependency property.</summary>
         public static readonly DependencyProperty ButtonBackContentProperty
             = DependencyProperty.Register(nameof(ButtonBackContent),

diff --git a/src/MahApps.Metro/Themes/FlipView.xaml b/src/MahApps.Metro/Themes/FlipView.xaml
@@ -73,7 +73,7 @@
                                 Content="{TemplateBinding ButtonBackContent}"
                                 ContentStringFormat="{TemplateBinding ButtonBackContentStringFormat}"
                                 ContentTemplate="{TemplateBinding ButtonBackContentTemplate}"
-                                Style="{DynamicResource MahApps.Styles.Button.FlipView.Navigation}"
+                                Style="{TemplateBinding NavigationButtonStyle}"
                                 Visibility="Hidden" />
                         <Button x:Name="PART_ForwardButton"
                                 Grid.Row="1"
@@ -84,7 +84,7 @@
                                 Content="{TemplateBinding ButtonForwardContent}"
                                 ContentStringFormat="{TemplateBinding ButtonForwardContentStringFormat}"
                                 ContentTemplate="{TemplateBinding ButtonForwardContentTemplate}"
-                                Style="{DynamicResource MahApps.Styles.Button.FlipView.Navigation}"
+                                Style="{TemplateBinding NavigationButtonStyle}"
                                 Visibility="Hidden" />
 
                         <Button x:Name="PART_UpButton"
@@ -96,7 +96,7 @@
                                 Content="{TemplateBinding ButtonUpContent}"
                                 ContentStringFormat="{TemplateBinding ButtonUpContentStringFormat}"
                                 ContentTemplate="{TemplateBinding ButtonUpContentTemplate}"
-                                Style="{DynamicResource MahApps.Styles.Button.FlipView.Navigation}"
+                                Style="{TemplateBinding NavigationButtonStyle}"
                                 Visibility="Hidden" />
                         <Button x:Name="PART_DownButton"
                                 Grid.Row="1"
@@ -107,7 +107,7 @@
                                 Content="{TemplateBinding ButtonDownContent}"
                                 ContentStringFormat="{TemplateBinding ButtonDownContentStringFormat}"
                                 ContentTemplate="{TemplateBinding ButtonDownContentTemplate}"
-                                Style="{DynamicResource MahApps.Styles.Button.FlipView.Navigation}"
+                                Style="{TemplateBinding NavigationButtonStyle}"
                                 Visibility="Hidden" />
 
                         <Grid x:Name="PART_BannerGrid"
@@ -119,9 +119,9 @@
                               Background="{TemplateBinding BannerBackground}"
                               Opacity="{TemplateBinding BannerOpacity}">
                             <Label x:Name="PART_BannerLabel"
+                                   ContentStringFormat="{TemplateBinding BannerTextStringFormat}"
                                    ContentTemplate="{TemplateBinding BannerTextTemplate}"
                                    ContentTemplateSelector="{TemplateBinding BannerTextTemplateSelector}"
-                                   ContentStringFormat="{TemplateBinding BannerTextStringFormat}"
                                    FontFamily="{TemplateBinding FontFamily}"
                                    FontSize="{TemplateBinding FontSize}"
                                    Foreground="{TemplateBinding BannerForeground}"
@@ -316,6 +316,7 @@
         <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle" />
         <Setter Property="MinHeight" Value="100" />
         <Setter Property="MinWidth" Value="100" />
+        <Setter Property="NavigationButtonStyle" Value="{DynamicResource MahApps.Styles.Button.FlipView.Navigation}" />
         <Setter Property="Selector.IsSynchronizedWithCurrentItem" Value="True" />
         <Setter Property="Template" Value="{StaticResource MahApps.Templates.FlipView}" />
         <Setter Property="VerticalContentAlignment" Value="Stretch" />