wpf - 在wpf中将背景变为灰度

Question

考虑一个带有大量多色控件的窗口。当表单中发生某些触发时，我想在其上放置一个面板，这样所有控件都会失去其颜色（所有控件都以灰度显示），除了刚刚弹出的面板。有人可以帮我吗？

Answer 1

我会使用您希望灰度化的任何客户区的 Effect 属性。但是，您需要创建自己的像素着色器来进行灰度转换。

http://windowsclient.net/wpf/wpf35/wpf-35sp1-more-effects.aspx

您可以使用 BlurEffect 类而不是自定义着色器来快速测试您的概念。

<Window x:Class="WpfGrayscaleSample.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="327" Width="526">
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="239*" />
        <RowDefinition Height="50*" />
    </Grid.RowDefinitions>

    <Canvas Name="clientArea" Background="Transparent" Grid.Row="0">
        <!-- Just some controls -->
        <Button Height="31" Name="button1" Width="80" Canvas.Left="30" Canvas.Top="125">Button</Button>
        <Button Height="28" Name="button2" VerticalAlignment="Bottom" Click="button2_Click" HorizontalAlignment="Right" Width="75" Margin="0,0,16,34" Canvas.Left="66" Canvas.Top="54">Button</Button>
        <Rectangle Margin="86,43,0,0" Name="rectangle1" Stroke="Black" Fill="Crimson" Height="59" HorizontalAlignment="Left" VerticalAlignment="Top" Width="109" Canvas.Left="145" Canvas.Top="44" />
    </Canvas>

    <!-- Button to activate the shader effect -->
    <Button Height="23" Margin="15,0,0,21" Name="button3" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="75" Grid.Row="1" Click="button3_Click">Button</Button>
</Grid>

button3 的事件处理程序就是

 private void button3_Click(object sender, RoutedEventArgs e)
 {
     clientArea.Effect = new BlurEffect() { Radius = 10.0 };
 }

当然，为灰度缩放连接自定义着色器需要做更多的工作，但像素着色器的额外好处将是性能。

Answer 2

在您的顶级容器（Grid 等）中，只需在较低的 ZIndex 中创建一个 Rectangle（或创建多一层嵌套）。

当您弹出面板时，将 ZIndex 交换为 Rectangle 以适应您的控件和面板。

至于灰度，可能有一些漂亮的方法可以用 VisualBrush 来完成，但我认为你可以在 Rectangle 上使用半透明的 SolidColorBrush。