问题标签 [fluent-design]

在Reveal 焦点文档中：

但是，作为文档

显示焦点会增加焦点视觉对象的大小，这可能会导致 UI 布局出现问题。在某些情况下，您需要自定义显示焦点效果以针对您的应用进行优化。

您将如何以上述方式创建不影响 UI 的效果？

我的 Reveal 焦点组件：

1. 显示发光是box-shadow
2. 主要焦点视觉是outline
3. 次要焦点视觉是border
4. 背景

但似乎有些不对劲，我不太明白。是box-shadow，是间距（比如margin，我没有设置任何你可以看到的），还是其他的？如果你想让它看起来像下面的 gif 那样，你会如何修复它？

我想在悬停时将卡片提升效果添加到我的引导卡片中，并具有流畅的设计风格。你可以在微软设计网站上看到我的意思。

这是我尝试过的，但是缺少一些东西，我无法完全抓住它。

我试过：

请感谢您的帮助。

我正在使用Bootstrap 按钮生成器创建按钮。这些是流畅的设计按钮，我注意到当:disabled按钮仍然在:hover.

我的问题：

1. 禁用按钮时如何停止阴影？
2. 这样做可以吗？这对我来说似乎是一个不错的选择，但它是否记录在 Fluent Design 按钮的某个地方？

我试过了：

但它不起作用。

如何将丙烯酸材料应用于TitleBarUWP 中的唯一（就像 Microsoft Edge）。在像枢轴这样的场景中。您使用将视图扩展到标题栏。但是如果它只是一个普通的单页应用程序，你想把标题栏做成亚克力怎么办？

我正在创建一个 XamarinFroms 解决方案，并且我想在我的 UWP 应用程序中实现 Fluent Design 或部分它。您可能知道，大多数 Fluent Design 构建块都是 ThemeResources。所以我试着做：

但我得到了一个意外

如果我无法在我的 UWP 项目的代码中检索这些主题资源，我将无法访问任何预定义的画笔，或者我永远无法实现显示样式

如何将我的内容放在折叠或展开的导航旁边。我尝试使用列定义的 Width 属性，但无法让它按照我想要的方式工作。

我正在创建一个颤振小部件，根据 fluent spec添加丙烯酸背景。根据该页面，除了丙烯酸效果中的模糊图像之外还有几层，但是，考虑到这可能非常昂贵，我只想根据本文的最后一个 css 片段添加模糊层和过饱和效果。

我现在知道我可以使用以下方法添加模糊效果：

我现在需要做的是添加过饱和层。

我想在 Windows 10 上的 QML 中获得一个半透明的模糊窗口，类似于 Fluent Design 指南（示例）。我知道你可以制作一个透明的窗口：

但这并没有达到我正在看的模糊效果。我也知道可以使用QtGraphicalEffectslike模糊窗口内的元素，FastBlur但我想模糊整个窗口本身。有没有办法做到这一点？我也尝试过使用QtWinExtras模块并调用QtWin::enableBlurBehindWindow，但这也不起作用：

我想FluentDesignForm用RibbonControl来自DevExpress的with来实现Image1所示的效果，但我实际得到的是Image2。问题是 FluentDesignForm 右上角的最小/最大/关闭按钮丢失，我无法通过拖动其标题栏来移动表单。能不能实现我想要的效果？这是Image1： 和Image2：

在我的 uwp 应用程序中，我尝试使用 Acrylic Brush，我制作了一个自定义的，因为默认的对我不起作用。但是，如果您注意到这里我附上了来自 Microsoft 文档的图像，并且在右侧是我的应用程序的窗口，在相同的背景下显示完全不同的丙烯酸。

代码

之后我尝试将亮度设置为 0.9，现在它看起来是深灰色的。但我希望它看起来是黑色的丙烯酸，透明度很小。基本上我希望它看起来像左侧的图像显示在 Microsoft 文档中，具有 10% 的亮度和 100% 的色调不透明度。

代码

文档：https ://docs.microsoft.com/en-us/windows/uwp/design/style/acrylic