使用负边距时在控件内显示内容。

Question

例如我有2 Grid秒，像这样：

<Grid  Height="200" Width="200" Background="Red">
    <Grid HorizontalAlignment="Left" Height="100" Width="100" Background="Blue" Margin="-30,0,0,0" />
</Grid>

结果看起来：

当使用负边距时，如何创建内容仅显示在控件内部？
像这样：

Answer 1

您可以将 ClipToBounds="True" 用于网格或其他元素容器。

  <Grid>  
    <Grid  Height="200" Width="200" Background="Red" ClipToBounds="True">
        <Grid HorizontalAlignment="Left" Height="100" Width="100" Background="Blue" Margin="-30,0,0,0" />
    </Grid>
  </Grid>

Answer 2

您是否尝试过按照以下说明使用剪辑：

http://msdn.microsoft.com/zh-CN/library/windows/apps/windows.ui.xaml.uielement.clip.aspx

像这样：

    <Grid  Height="200" Width="200" Background="Red">
        <Grid.Clip>
            <RectangleGeometry Rect="0,0,200,200" />
        </Grid.Clip>
        <Grid HorizontalAlignment="Left" Height="100" Width="100" Background="Blue" Margin="-30,0,0,0" />
    </Grid>