c# - WPF中的高级效果？

我一直试图纯粹在WPF中重新创建this GUI，但是遇到了问题：




影子。主要元素上的阴影不会显示在填充内部-在WPF中使用DropShadowEffect时，它会显示。到目前为止，我还没有找到解决方案。
背景图片-主要元素上有一个轻微的图案，一个对角线。但是在WPF中，我不能使用这样的背景图像。我可能只是想念一些东西。
在主要元素（顶部）中的轻微插图-不容易复制。


因此，无论如何，我想我的问题是，如何在WPF中实现这些效果？

最佳答案

希望此代码段可以为您指明正确的方向：

<Grid>
    <Border x:Name="Blur"
            BorderThickness="5"
            CornerRadius="5"
            BorderBrush="#7F000000">
        <Border.Effect>
            <BlurEffect Radius="8" />
        </Border.Effect>
    </Border>
    <Border x:Name="Outter"
            BorderBrush="#CCD3D3D3"
            BorderThickness="1"
            CornerRadius="5"
            Margin="2">
        <Border.Background>
            <ImageBrush Viewbox="0,0,45,38"
                        ViewboxUnits="Absolute"
                        Viewport="0,0,45,38"
                        ViewportUnits="Absolute"
                        TileMode="Tile"
                        ImageSource="<SomeImageThatIsATileOfThePattern>"
                        Opacity="0.3"
                        Stretch="Fill" />
        </Border.Background>
    </Border>
    <Border x:Name="Inner"
            BorderThickness="0,1,0,0"
            CornerRadius="5"
            Margin="2,4,2,2"
            BorderBrush="#7FD3D3D3" />
    <ItemsControl Background="HotPink"
                  Margin="11"
                  Height="21" />
</Grid>

结果是：



[我使用通用图像，只是为了显示重复。原始图片的尺寸为W50xH38-希望重复的内容引人注意]

播放Viewbox和Viewport的值以调整图像。

当然，ItemsControl不应具有粉红色背景，并且其高度不应该是恒定的，这是出于演示目的。