如何防止 WPF UserControl 元素在我所需的视图范围之外可见？

Question

我正在尝试将 WPF 应用程序转换为 WPF UserControl。在最初的应用程序中，我故意修改了某些元素的边距，使它们的边缘不在窗口的边界内。我这样做是为了隐藏不需要编写自己的控件模板就无法摆脱的不需要的边框。这是一个简单的修复，但不幸的是，当我的应用程序制作成用户控件时，该技术不起作用。如果我将 UserControl 的宽度设置为与原始应用程序中的窗口宽度相同，则当我在测试应用程序中查看此 UserControl 时，我想要隐藏其边框的元素现在完全可见。

我不明白为什么会发生这种情况。如果我将UserControl的宽度设置为某个WIDTH，那么UserControl的宽度应该等于WIDTH，对吧？好吧，正如您在下面的图 1 中看到的那样，无论我将 WIDTH 设置为多少，UserControl 的所有元素都是完全可见的。所需的视觉效果（我在原始应用程序中使用的视觉效果）如图 2 所示，其中元素被窗口边界正确地切断。

我的问题 http://img715.imageshack.us/img715/1807/probleme.png< /a>

如何确保具有负边距的元素在 UserControl 中按照我希望的方式显示？任何有助于实现这一目标的帮助将不胜感激。

非常感谢你，

达拉尔

Answer 1

您是否尝试过将 UserControl 中元素的 ClipToBounds 属性设置为 True？

Answer 2

在用户控件内，将容器的 Clip 属性（例如 Grid）设置为用户控件的大小（宽度、高度）。

例如，

<Window x:Class="TestClipping.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="Auto" Width="Auto">
    <Grid SizeChanged="OnGridSizeChanged"
          x:Name="myGrid">

    </Grid>
</Window>

事件处理程序：

private void OnGridSizeChanged(object sender, SizeChangedEventArgs e)
{
    // Set the clipping region to match the current display region of the grid.
    var visibleArea = new RectangleGeometry();
    visibleArea.Rect = new Rect(0, 0,
    myGrid.ActualWidth, myGrid.ActualHeight);
    myGrid.Clip = visibleArea;
}