如何处理 NavigationView PaneFooter 设置项单击

Question

添加NavigationView 时，“设置”项会自动添加到NavigationView 的底部。由于似乎无法从 XAML 访问，如何将单击事件添加到此项目？

<Page
    x:Class="My_Project.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <NavigationView>
            <NavigationView.PaneFooter>
            </NavigationView.PaneFooter>
        </NavigationView>
    </Grid>
</Page>

Answer 1

如何将点击事件添加到此项目，因为它似乎无法从 XAML 访问？

设置按钮单击事件已由NavigationView.ItemInvoked Event 处理。这在文档NavigationView 中提到“当用户点击导航项时，导航视图会显示该项目已被选中并引发 ItemInvoked 事件。”

所以你只需要处理 NavigationView.ItemInvoked 事件并检查NavigationViewItemInvokedEventArgs.IsSettingsInvoked Property。

下面是你可以参考的代码：

 <Grid>
    <NavigationView ItemInvoked="NavigationView_ItemInvoked">
        <NavigationView.PaneFooter>
        </NavigationView.PaneFooter>
    </NavigationView>
</Grid>

在后面的代码中：

 private void NavigationView_ItemInvoked(NavigationView sender, NavigationViewItemInvokedEventArgs args)
    {
        if (args.IsSettingsInvoked == true) 
        {
           //do something

        }
    }

更新

如果要检查项目是否为特定项目，可以在 Xaml 中为导航视图项目设置标签属性，然后在 ItemInvoked 事件中检查此属性。

在 xaml 中：

 <NavigationViewItem Tag="home" Icon="Home" Content="Home"/>

在后面的代码中：

  private void NavigationView_ItemInvoked(NavigationView sender, NavigationViewItemInvokedEventArgs args)
    {
        var navItemTag = args.InvokedItemContainer.Tag.ToString();
        if (navItemTag.Equals("home")) 
        {
            // do something
            Debug.WriteLine("test");
        }
    }