Adding accessible context menus to TabView pages

WinUIGallery/Helpers/TabViewHelper.cs

@@ -96,5 +96,11 @@ public static void PopulateTabViewContextMenu(MenuFlyout menuFlyout)
             };
             menuFlyout.Items.Add(moveRightItem);
         }
+
+        // If the context menu ended up with no items at all, then we'll prevent it from being shown.
+        if (menuFlyout.Items.Count == 0)
+        {
+            menuFlyout.Hide();
+        }
     }
 }

WinUIGallery/Helpers/UIHelper.cs

@@ -63,4 +63,21 @@ static public void AnnounceActionForAccessibility(UIElement ue, string annouceme
         peer.RaiseNotificationEvent(AutomationNotificationKind.ActionCompleted,
                                     AutomationNotificationProcessing.ImportantMostRecent, annoucement, activityID);
     }
+
+    public static T GetParent<T>(DependencyObject child) where T : DependencyObject
+    {
+        DependencyObject current = child;
+
+        while (current != null)
+        {
+            if (current is T parent)
+            {
+                return parent;
+            }
+
+            current = VisualTreeHelper.GetParent(current);
+        }
+
+        return null;
+    }
 }

WinUIGallery/Helpers/Win32WindowHelper.cs

@@ -6,8 +6,8 @@ namespace WinUIGallery.Helpers;
 
 internal class Win32WindowHelper
 {
-    private static WinProc newWndProc = null;
-    private static nint oldWndProc = nint.Zero;
+    private WinProc newWndProc = null;
+    private nint oldWndProc = nint.Zero;
 
     private POINT? minWindowSize = null;
     private POINT? maxWindowSize = null;

WinUIGallery/Samples/ControlPages/TabViewPage.xaml

@@ -104,7 +104,8 @@
                             <TabViewItem
                                 Content="{x:Bind DataContent}"
                                 Header="{x:Bind DataHeader}"
-                                IconSource="{x:Bind DataIconSource}" />
+                                IconSource="{x:Bind DataIconSource}"
+				ContextFlyout="{x:Bind TabViewContextMenu}"  />
                         </DataTemplate>
                     </TabView.TabItemTemplate>
                 </TabView>

WinUIGallery/Samples/SamplePages/TabContentSampleControl.xaml

@@ -13,7 +13,7 @@
         <TextBlock Text="{Binding}" Style="{ThemeResource TitleTextBlockStyle}" />
         <TextBlock Text="Drag the Tab outside of the window to spawn a new window." Style="{ThemeResource SubtitleTextBlockStyle}" />
         <TextBlock Text="Notice that the state of the Tab is maintained in the new window. For example, if you toggle the ToggleSwitch ON, it will remain ON in the new window." Style="{ThemeResource BodyTextBlockStyle}" />
-        <ToggleSwitch x:Name="ControlToggle" Header="Turn on ProgressRing" Margin="0,8" />
-        <ProgressRing IsActive="{x:Bind ControlToggle.IsOn, Mode=OneWay}" HorizontalAlignment="Left" />
+        <ToggleSwitch x:Name="ControlToggle" Header="Turn on ProgressRing" Margin="0,8" IsOn="{x:Bind IsInProgress, Mode=TwoWay}" />
+        <ProgressRing IsActive="{x:Bind IsInProgress, Mode=OneWay}" HorizontalAlignment="Left" />
     </StackPanel>
 </UserControl>

WinUIGallery/Samples/SamplePages/TabContentSampleControl.xaml.cs

@@ -1,3 +1,4 @@
+using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
 
 namespace WinUIGallery.SamplePages;
@@ -8,4 +9,13 @@ public TabContentSampleControl()
     {
         this.InitializeComponent();
     }
+    public bool IsInProgress
+    {
+        get { return (bool)GetValue(IsInProgressProperty); }
+        set { SetValue(IsInProgressProperty, value); }
+    }
+
+    public static readonly DependencyProperty IsInProgressProperty = DependencyProperty.Register("IsInProgress", typeof(bool), typeof(TabContentSampleControl), new PropertyMetadata(false));
+
+
 }

WinUIGallery/Samples/SamplePages/TabViewWindowingSamplePage.xaml

@@ -9,22 +9,36 @@
     mc:Ignorable="d">
 
     <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
-        <TabView
-            x:Name="Tabs"
-            VerticalAlignment="Stretch"
-            AddTabButtonClick="Tabs_AddTabButtonClick"
-            CanTearOutTabs="True"
-            ExternalTornOutTabsDropped="Tabs_ExternalTornOutTabsDropped"
-            ExternalTornOutTabsDropping="Tabs_ExternalTornOutTabsDropping"
-            TabCloseRequested="Tabs_TabCloseRequested"
-            TabTearOutRequested="Tabs_TabTearOutRequested"
-            TabTearOutWindowRequested="Tabs_TabTearOutWindowRequested">
+        <TabView 
+		 x:Name="Tabs" 
+                 VerticalAlignment="Stretch"
+                 AddTabButtonClick="Tabs_AddTabButtonClick"
+                 TabCloseRequested="Tabs_TabCloseRequested"
+                 CanTearOutTabs="True"
+                 TabTearOutWindowRequested="Tabs_TabTearOutWindowRequested"
+                 TabTearOutRequested="Tabs_TabTearOutRequested"
+                 ExternalTornOutTabsDropping="Tabs_ExternalTornOutTabsDropping"
+                 ExternalTornOutTabsDropped="Tabs_ExternalTornOutTabsDropped"
+                 TabItemsSource="{x:Bind TabItemDataList}">
             <TabView.TabStripHeader>
                 <Grid x:Name="ShellTitleBarInset" Background="Transparent" />
             </TabView.TabStripHeader>
             <TabView.TabStripFooter>
                 <Grid x:Name="CustomDragRegion" Background="Transparent" />
             </TabView.TabStripFooter>
+            <TabView.TabItemTemplate>
+                <DataTemplate x:DataType="local:TabItemData">
+                    <TabViewItem Header="{x:Bind Header}">
+                        <TabViewItem.ContextFlyout>
+                            <MenuFlyout Opening="TabViewContextMenu_Opening" />
+                        </TabViewItem.ContextFlyout>
+                        <TabViewItem.IconSource>
+                            <SymbolIconSource Symbol="Placeholder" />
+                        </TabViewItem.IconSource>
+                        <local:TabContentSampleControl DataContext="{x:Bind Content}" IsInProgress="{x:Bind IsInProgress, Mode=TwoWay}" />
+                    </TabViewItem>
+                </DataTemplate>
+            </TabView.TabItemTemplate>
         </TabView>
     </Grid>
 </Page>