Badged Example

Author: timunie

src/MahApps.Metro.Demo_v2/ExampleViews/BadgedExample.xaml

@@ -0,0 +1,37 @@
+<UserControl x:Class="MahApps.Demo.ExampleViews.BadgedExample"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:ctrls="clr-namespace:MahApps.Demo.Controls"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:local="clr-namespace:MahApps.Demo.ExampleViews"
+             xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             d:DesignHeight="450"
+             d:DesignWidth="800"
+             mc:Ignorable="d">
+    <ctrls:DemoView x:Name="demoView"
+                    xml:space="preserve"
+                    HyperlinkOnlineDocs="https://mahapps.com/docs/controls/badgedcontrol">
+        <ctrls:DemoView.ExampleXaml><![CDATA[<mah:Badged x:Name="badge" Badge="1">
+    <Button Margin="5"
+            HorizontalAlignment="Stretch"
+            VerticalAlignment="Center"
+            Click="Button_Click"
+            Content="Click Me"
+            IsEnabled="True" />
+</mah:Badged> ]]> 
+        </ctrls:DemoView.ExampleXaml>
+        <mah:Badged x:Name="badge" Badge="1"
+                    VerticalAlignment="Center"
+                    HorizontalAlignment="Stretch"
+                    Margin="20">
+            <Button Margin="5" xml:space="preserve"
+                    HorizontalAlignment="Stretch"
+                    VerticalAlignment="Center"
+                    Click="Button_Click"
+                    MouseRightButtonUp="Button_MouseRightButtonUp"
+                    IsEnabled="True" >Click to increase
+Rightclick to clear</Button>
+        </mah:Badged>
+    </ctrls:DemoView>
+</UserControl>

src/MahApps.Metro.Demo_v2/ExampleViews/BadgedExample.xaml.cs

@@ -0,0 +1,43 @@
+using MahApps.Demo.Controls;
+using MahApps.Metro.Controls;
+using MahApps.Metro.Demo_v2;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+
+namespace MahApps.Demo.ExampleViews
+{
+    /// <summary>
+    /// Interaction logic for BadgedExample.xaml
+    /// </summary>
+    public partial class BadgedExample : UserControl
+    {
+        public BadgedExample()
+        {
+            InitializeComponent();
+
+            demoView.DemoProperties.Add(new DemoViewProperty(Badged.BadgeProperty, badge, "Badged"));
+        }
+
+        private void Button_Click(object sender, RoutedEventArgs e)
+        {
+            badge.SetCurrentValue(ControlzEx.BadgedEx.BadgeProperty, (badge.Badge as int? ?? 0) + 1);
+        }
+
+        private void Button_MouseRightButtonUp(object sender, MouseButtonEventArgs e)
+        {
+            badge.SetCurrentValue(ControlzEx.BadgedEx.BadgeProperty, null);
+        }
+    }
+}

src/MahApps.Metro.Demo_v2/MainWindow.xaml

@@ -44,11 +44,20 @@
 
             <mah:HamburgerMenu.ItemsSource>
                 <mah:HamburgerMenuItemCollection>
+                    
+                    <mah:HamburgerMenuHeaderItem Label="Controls" />
+                    
                     <mah:HamburgerMenuIconItem Icon="{iconPacks:Material Kind=Counter, Width=20, Height=20}" Label="NumericUpDown">
                         <mah:HamburgerMenuIconItem.Tag>
                             <views:NumericUpDownExample />
                         </mah:HamburgerMenuIconItem.Tag>
                     </mah:HamburgerMenuIconItem>
+    
+                    <mah:HamburgerMenuIconItem Icon="{iconPacks:Material Kind=PoliceBadge, Width=20, Height=20}" Label="Badged">
+                        <mah:HamburgerMenuIconItem.Tag>
+                            <views:BadgedExample />
+                        </mah:HamburgerMenuIconItem.Tag>
+                    </mah:HamburgerMenuIconItem>
 
                     <mah:HamburgerMenuSeparatorItem />
                     <mah:HamburgerMenuHeaderItem Label="Styles" />