自定义 NavigationView 图标

Question

我想为 NavigationView 项目制作自定义彩色图标。我从旧 post 添加了一些代码如下。

       <winui:NavigationViewItem x:Uid="Shell_Main"  helpers:NavHelper.NavigateTo="views:MainPage"   >
            <winui:NavigationViewItem.Content>
                <StackPanel Orientation="Horizontal">
                    
                    <Image Source="/Assets/Icons/HomeIcon.png" Width="25" Height="25"/>
                    
                </StackPanel>
            </winui:NavigationViewItem.Content>
        </winui:NavigationViewItem>

设计器中的更改是可以的，如下图。

但是在执行过程中，没有发生任何事情，如下图所示：

怎么了？

Answer 1

But during execution, Nothing happned as in the following Image:

在测试过程中，您的代码是正确的，将图像添加到NavigationViewItem是自定义导航项图标的一般方法。我们已经制作了样品，它按预期工作。看起来您的项目有调试问题。请尝试清理您的项目或创建一个新项目。

Answer 2

通过从菜单项中删除 x:Uid 解决，如下所示：

<winui:NavigationViewItem helpers:NavHelper.NavigateTo="views:MainPage" >
     <winui:NavigationViewItem.Content>
           <StackPanel Orientation="Vertical">
             <Image Source="/Assets/Icons/HomeIcon.png" Width="45" Height="45" >
                            <ToolTipService.ToolTip>
                                <TextBlock x:Uid="Shell_Main" Text="temp"/>
                            </ToolTipService.ToolTip>
                        </Image>
           </StackPanel>
     </winui:NavigationViewItem.Content>
                
  </winui:NavigationViewItem>


  <winui:NavigationViewItem   helpers:NavHelper.NavigateTo="views:ExcelToolsPage">
       <winui:NavigationViewItem.Content>
           <StackPanel Orientation="Vertical">
              <Image Source="/Assets/Icons/HomeIcon.png" Width="45" Height="45" >
                            <ToolTipService.ToolTip>
                                <TextBlock x:Uid="Shell_ExcelTools" Text="temp"/>
                            </ToolTipService.ToolTip>
                        </Image>
           </StackPanel>
      </winui:NavigationViewItem.Content>
 </winui:NavigationViewItem>

现在的问题是让这些图标垂直分布在整个面板上。

自定义 NavigationView 图标

Custom NavigationView Icons

c#

navigationview

uwp-xaml