模糊WPF容器的背景

Question

最终，我想要实现的是在某种程度上复制 WPF 内容控件的 Aero glass 功能。

如果我将 BlurEffect 应用于包含 TextBlock 的 StackPanel，我会将 TextBlock 的文本模糊化。

考虑一个例子：

无模糊

和

但是有没有一种 WPF 方法可以模糊面板后面的背景，而不是它的内容？

StackPanel 的背景是桌面，并且托管它的窗口设置为 AllowTransparency="True" 以允许自定义形状的外观。

Answer 1

不，这是不可能的。该效果应用于元素及其所有子元素，但您可以轻松地将 TextBlock 放置在容器外部，而不是容器内部。

通常你会使用像这样的网格：

<Grid>
  <Border>
     <Border.Effect>
      <BlurEffect Radius="5" KernelType="Gaussian"/>
     </Border.Effect/>
  </Border>
  <TextBlock .../>
</Grid>

在你的例子中，这没有什么区别。你到底想模糊什么？

Answer 2

StackPanel的背景是什么？图像画笔？如果是这样，为什么不能应用 BlurEffect 呢？

如果这不可能，那么尝试这个..

1] 使用图像并将其完全绘制在 Grid 上，因为我发现您不需要 TileEffect。将 BlurEffect 添加到此 Image。确保均匀地填充图像。

2] 然后添加具有透明背景的StackPanel作为Grid中的下一个子，即不要颠倒图像和stackpanel的顺序。

3]然后在StackPanel中添加TextBlock。

或者

如果您坚持使用 Brush 设置为面板的背景，则使用 VisualBrush 绘制模糊图像作为堆栈面板的背景，而不是 ImageBrush。

如果这些提示有帮助，请告诉我。

Answer 3

您可以在 Systems.Window 上使用 SetWindowCompositionAttribute，但随后您必须将 WindowStyle 设置为“None”并实现您自己的本机 Window 功能和句柄。从自定义控件继承也是相当复杂的。长话短说，有 BlurryControls。

您可以通过 NuGet 浏览“BlurryControls”找到它，或者在

在 GitHub 上，您还可以找到一个名为 BlurryWindowInvoker 的示例应用程序。

Answer 4

您可以将其应用于网格。

<Grid.Background>
   <VisualBrush>
       <VisualBrush.Visual>
          <Image Source="RESOURCES/BACKGROUNDS/BACKGROUND_01.jpg">
             <Image.BitmapEffect>
                <BlurBitmapEffect KernelType="Gaussian" Radius="20" />
             </Image.BitmapEffect>
          </Image>
       </VisualBrush.Visual>
    </VisualBrush>
 </Grid.Background>

Answer 5

我的五分钱，已经晚了：

您使用控件本身作为模板并从父容器复制图像，现在您可以模糊它并在顶部显示内容：

            <Grid Height="400" x:Name="MainGrid">
                <Grid.Background>
                    <ImageBrush ImageSource="/Images/nyc.jpg" Stretch="UniformToFill"/>
                </Grid.Background>

                <Border VerticalAlignment="Center" Margin="50" BorderBrush="Black" BorderThickness="5" CornerRadius="10">
                    <Grid>
                        
                    <Grid>
                        <Grid.Effect>
                            <BlurEffect Radius="10"/>
                        </Grid.Effect>
                        <Rectangle Margin="-3">
                            <Rectangle.Fill>
                                <VisualBrush Visual="{Binding ElementName=MainGrid}" Stretch="None" />
                            </Rectangle.Fill>
                            <Rectangle.CacheMode>
                                <BitmapCache/>
                            </Rectangle.CacheMode>
                        </Rectangle>

                    </Grid>
                        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40" Foreground="White">
                            New York City!
                        </TextBlock>
                    </Grid>
                </Border>
            </Grid>