Как скрыть переполнение сетки WPF (например, переполнение CSS: скрыто)

В настоящее время я создаю приложение в стиле метро. Из-за этого мне нужно расширить мою клиентскую область из моего окна, чтобы нарисовать тень. Проблема в том, что у меня есть кнопка, установленная на Margin = "0,0,15,15", и, конечно же, она рисует себя и в этой области тени. Как я могу скрыть это? В CSS я бы просто применил переполнение: скрытый для "Контента" или UserControl.

problem

Основная структура WPF выглядит следующим образом:

<Grid x:Name="LayoutRoot" SnapsToDevicePixels="True" Margin="15" Background="White">
    <Grid.Effect>
        <DropShadowEffect ShadowDepth="0" BlurRadius="15" Direction="470"/>
    </Grid.Effect>
        <Grid x:Name="Content">
        <UserControl></UserControl> // This is where the arrow button is with Margin="0,0,15,15"
    </Grid>
</Grid>

Ответы

Ответ 1

Обычно вы можете использовать некоторый контейнер и установить ClipToBounds на true.