0

我一直在使用 Windows Fluent Design 系统一段时间,我注意到 Microsoft 文档用作导航视图中自由格式页脚内容示例的元素。

自由格式页脚内容示例

链接到 Microsoft 文档页面

这显然是一个用户菜单,可能用于从应用程序内管理帐户设置等。

查看“顶部窗格页脚”示例,您可以看到他们使用 Windows 默认帐户图像,据我所知,这不是这些导航元素使用的实际“ Segoe MDL2 ”图标(旁注,“左窗格页脚" 使用更简单的图像)。

这让我想到了我的问题:

如何在导航视图中重新创建它并利用外部图像(例如用户 PFP)?

我目前正在考虑在导航项中使用图像,如下所示:

</NavigationViewItem>
    <Ellipse Width="25" Height="25">
        <Ellipse.Fill>
            <ImageBrush x:Name="image"/>
        </Ellipse.Fill>
    </Ellipse>
</NavigationViewItem>

这与我想要的非常接近,并且在导航视图打开的情况下看起来很好,但是图像被推得太远并且在最小化导航视图时没有正确居中。我曾考虑过用用户图像覆盖图标图像,但是我完全不知道该怎么做。

导航视图最小化

导航视图最大化

我还在r/ProgrammingHelp上打开了一个线程。(如果 subreddit 上有人回答这个问题,为了您的方便,我将添加一个带有解决方案链接的答案:P)

4

0 回答 0