如何移除Material Design DialogHost的默认灰色背景

灰色背景来源 #

你看到的灰色背景是DialogHost控件的默认弹窗内容容器自带的背景。MaterialDesignInXamlToolkit的DialogHost默认给弹窗承载层设置了浅灰色的DialogBackground属性值，同时默认带有少量内边距，因此你自定义的Border设置圆角后，圆角外侧就会露出这个默认的灰色背景。

解决方案 #

你只需要给DialogHost添加对应属性修改默认配置即可，修改后的代码如下：

<materialDesign:DialogHost Panel.ZIndex="566" x:Name="mainWindowDialogHost"
                           DialogBackground="Transparent"
                           DialogCornerRadius="120"
                           Padding="0">
        <materialDesign:DialogHost.DialogContent>
            <Border Height="500" Width="200" 
                    CornerRadius="120" Background="Red">
            </Border>
        </materialDesign:DialogHost.DialogContent>
</materialDesign:DialogHost>

如果修改后还有极细的边缘残留，可以额外给DialogHost添加属性Background="Transparent"即可完全消除。

内容的提问来源于stack exchange，提问作者Udin M