问题标签 [fluent-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
107 浏览

c# - 如何在 UWP 导航视图元素中显示当前 Windows 用户 PFP

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

自由格式页脚内容示例

链接到 Microsoft 文档页面

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

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

这让我想到了我的问题:

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

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

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

导航视图最小化

导航视图最大化

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

0 投票
1 回答
65 浏览

c# - 仅带有 C# 源代码的 UWP NavigationMenu

介绍

当我查看有关如何在 UWP 设计中开发导航菜单的教程时,看到 只是正在使用的XAML代码。

问题

我找不到任何其他有关如何在 C# 代码中开发导航菜单的视频教程。

问题

如何仅使用C#开发此导航(参见图片)菜单?

导航菜单的屏幕截图

0 投票
0 回答
37 浏览

fluentd - Fluentd 将输出插件复制到 https 服务器

我正在尝试将事件复制到 https 服务器。我有一个端口和 IP 列表,我需要 FluentD 尝试将事件发送到它成功发送的第一个 IP,并且只发送该 IP。

  1. 将副本发送到 https 服务器时内部的类型应该是什么

  2. 我应该如何添加这个仅将数据发送到列表中的一个 IP 的逻辑

谢谢!

0 投票
1 回答
821 浏览

java - 在 JavaFX 中实现 Fluent Design 的高亮显示效果

我想实现 JavaFX 的显示高亮效果,可以在 Windows 10 的各个部分看到,特别是设置和计算器应用程序。

效果似乎由两部分组成,一个边框高光(见这里)和一个背景高光(见这里尽管由于压缩确实看起来更好)。

我的第一直觉是看看这是否可以在某种像素着色器中完成,但在谷歌搜索之后,JavaFX 似乎确实为类似的东西提供了公共 API?

是否可以在不借助画布并手动绘制整个 UI 的情况下创建这种效果?