(GH-3910) Add BannerOpacity to FlipView

MahApps · Nov 23, 2020 · 92a0db7 · 92a0db7
1 parent 87c6f6f
commit 92a0db7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/MahApps.Metro/Controls/FlipView.cs b/src/MahApps.Metro/Controls/FlipView.cs
@@ -313,6 +313,22 @@ public Brush BannerForeground
             set => this.SetValue(BannerForegroundProperty, value);
         }
 
+        /// <summary>Identifies the <see cref="BannerOpacity"/> dependency property.</summary>
+        public static readonly DependencyProperty BannerOpacityProperty
+            = DependencyProperty.Register(nameof(BannerOpacity),
+                                          typeof(double),
+                                          typeof(FlipView),
+                                          new UIPropertyMetadata(1.0));
+
+        /// <summary>
+        /// Gets or sets the opacity factor applied to the entire banner when it is rendered in the user interface (UI).
+        /// </summary>
+        public double BannerOpacity
+        {
+            get => (double)this.GetValue(BannerOpacityProperty);
+            set => this.SetValue(BannerOpacityProperty, 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
@@ -134,7 +134,7 @@
                               VerticalAlignment="Bottom"
                               Panel.ZIndex="5"
                               Background="{TemplateBinding BannerBackground}"
-                              Opacity="0.85">
+                              Opacity="{TemplateBinding BannerOpacity}">
                             <Label x:Name="PART_BannerLabel"
                                    FontFamily="{TemplateBinding FontFamily}"
                                    FontSize="{TemplateBinding FontSize}"
@@ -223,6 +223,7 @@
     <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="BannerOpacity" Value="0.8" />
         <Setter Property="FocusVisualStyle" Value="{x:Null}" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle" />