UWP - 在应用程序教程中灰色除了一个Xaml元素

Question

示例http://dashboard.securingdemocracy.org/转到该页面，然后点击“第一次：点击此处＆＃39;按钮将启动一个简短的教程。我想在我的UWP应用程序中复制它。我不确定如何复制调光效果。任何建议表示赞赏。

Answer 1

对于轻度关闭对话框，您可以尝试在UWP中使用Flyout控件。

对于蒙版效果，如果您只想要一个简单的实现，您可以尝试使用Opacity设置的形状来覆盖将在控件上具有蒙版效果的UI控件，并设置{{ 1}}附加属性来控制一个不被覆盖的控件的z顺序。例如：

Canvas.Index

对于复杂且更好的实施，请尝试使用Composition effects。 WindowsUIDevLabs库中有一些掩码效果的样本。例如，ForegroundFocusEffects的掩码效果。您的方案的详细信息请尝试自己实施。