(GH-3910) Add BannerBackground and BannerForeground to FlipView

MahApps · Nov 23, 2020 · 87c6f6f · 87c6f6f
1 parent 51851cf
commit 87c6f6f
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 2 deletions.
diff --git a/src/MahApps.Metro/Controls/FlipView.cs b/src/MahApps.Metro/Controls/FlipView.cs
@@ -281,6 +281,38 @@ public string BannerText
             set => this.SetValue(BannerTextProperty, value);
         }
 
+        /// <summary>Identifies the <see cref="BannerBackground"/> dependency property.</summary>
+        public static readonly DependencyProperty BannerBackgroundProperty
+            = DependencyProperty.Register(nameof(BannerBackground),
+                                          typeof(Brush),
+                                          typeof(FlipView),
+                                          new FrameworkPropertyMetadata(null));
+
+        /// <summary>
+        /// Gets or sets a <see cref="T:System.Windows.Media.Brush" /> that is used to fill the banner.
+        /// </summary>
+        public Brush BannerBackground
+        {
+            get => (Brush)this.GetValue(BannerBackgroundProperty);
+            set => this.SetValue(BannerBackgroundProperty, value);
+        }
+
+        /// <summary>Identifies the <see cref="BannerForeground"/> dependency property.</summary>
+        public static readonly DependencyProperty BannerForegroundProperty
+            = DependencyProperty.Register(nameof(BannerForeground),
+                                          typeof(Brush),
+                                          typeof(FlipView),
+                                          new FrameworkPropertyMetadata(SystemColors.ControlTextBrush));
+
+        /// <summary>
+        /// Gets or sets a <see cref="T:System.Windows.Media.Brush" /> that describes the foreground color of the banner label.
+        /// </summary>
+        public Brush BannerForeground
+        {
+            get => (Brush)this.GetValue(BannerForegroundProperty);
+            set => this.SetValue(BannerForegroundProperty, value);
+        }
+
         private const string PART_BackButton = "PART_BackButton";
         private const string PART_BannerGrid = "PART_BannerGrid";
         private const string PART_BannerLabel = "PART_BannerLabel";

diff --git a/src/MahApps.Metro/Themes/FlipView.xaml b/src/MahApps.Metro/Themes/FlipView.xaml
@@ -133,12 +133,12 @@
                               Height="0"
                               VerticalAlignment="Bottom"
                               Panel.ZIndex="5"
-                              Background="{DynamicResource MahApps.Brushes.ThemeForeground}"
+                              Background="{TemplateBinding BannerBackground}"
                               Opacity="0.85">
                             <Label x:Name="PART_BannerLabel"
                                    FontFamily="{TemplateBinding FontFamily}"
                                    FontSize="{TemplateBinding FontSize}"
-                                   Foreground="{DynamicResource MahApps.Brushes.ThemeBackground}"
+                                   Foreground="{TemplateBinding BannerForeground}"
                                    IsTabStop="False" />
                         </Grid>
 
@@ -221,6 +221,8 @@
     </ControlTemplate>
 
     <Style x:Key="MahApps.Styles.FlipView" TargetType="{x:Type mah:FlipView}">
+        <Setter Property="BannerBackground" Value="{DynamicResource MahApps.Brushes.ThemeForeground}" />
+        <Setter Property="BannerForeground" Value="{DynamicResource MahApps.Brushes.ThemeBackground}" />
         <Setter Property="FocusVisualStyle" Value="{x:Null}" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle" />