将背景变为wpf中的灰度

Question

考虑一个窗口，其上带有多种颜色的控件。当一些触发器发生在窗体中时，我想在这个面板上放置一个面板，使得除了刚弹出的面板之外的所有控件都松开其颜色（一切以灰色显示）。有人可以帮助我吗？

Answer 1

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

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

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

当您弹出面板时，交换矩形的ZIndex以适合您的控件和面板。

就灰度而言，可能有一些漂亮的方法可以用VisualBrush来完成，但我认为在矩形上可以使用半透明的SolidColorBrush。