Как применить эффект к границе, но не к ее содержимому в WPF?

у меня есть приложение WPF, которое имеет стороннюю сетку данных с границей вокруг нее. Я использовал DropShadowEffect чтобы поместить тень за границу, но это, похоже, несколько влияет на производительность (не так сильно, как BitmapEffect, но все же заметно) и делает рендеринг шрифта нечетким. Есть ли способ каким-то образом применить эффект к границе, но не к ее содержимому?

Я попытался установить эффект на содержимое в {x:Null}, но это не помогло.

здесь пример приложения, которое я придумал. Он помещает тень за границу, но он также помещает тень за каждую строку текста. Я хочу тень за границей, но не текст.

<Window x:Class="WpfEffectTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
    <Grid>
        <Border BorderBrush="Black" BorderThickness="10" CornerRadius="5" Margin="25">
            <Border.Effect>
                <DropShadowEffect BlurRadius="10" ShadowDepth="5" />
            </Border.Effect>
            <StackPanel>
                <TextBlock>This is some text</TextBlock>
                <TextBlock>This is some text</TextBlock>
                <TextBlock>This is some text</TextBlock>
                <TextBlock>This is some text</TextBlock>
                <TextBlock>This is some text</TextBlock>
                <TextBlock>This is some text</TextBlock>
            </StackPanel>
        </Border>

    </Grid>
</Window>

3 ответов


ссылка из gcores имела ответ, который должен поместить границу и ее содержимое вместе в одну сетку, чтобы содержимое накладывалось на границу.

<Window x:Class="WpfEffectTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
    <Grid>
        <Border BorderBrush="Black" BorderThickness="10" CornerRadius="5" Margin="25">
            <Border.Effect>
                <DropShadowEffect BlurRadius="10" ShadowDepth="5" />
            </Border.Effect>
        </Border>
        <StackPanel Margin="35">
            <TextBlock>This is some text</TextBlock>
            <TextBlock>This is some text</TextBlock>
            <TextBlock>This is some text</TextBlock>
            <TextBlock>This is some text</TextBlock>
            <TextBlock>This is some text</TextBlock>
            <TextBlock>This is some text</TextBlock>
        </StackPanel>
    </Grid>
</Window>

один простой (hack?) решение-сделать

<StackPanel Background="White">

Это должно решить проблему текста с отбрасыванием тени(не уверен в проблеме производительности). Проблема в том, что WPF применяет эффекты к элементу set и всем его дочерним элементам в визуальном дереве. Эта ссылка объясняет это лучше: проблема производительности DropShadowEffect


попробуйте следующий блок (или аналогичный) для всех текстовых блоков:

<TextBlock>
    <TextBlock.Effect>
        <DropShadowEffect BlurRadius="30" ShadowDepth="5" Color="White"/>
    </TextBlock.Effect>
</TextBlock>