网格分离器重叠

Question

我正试图创造一种“重叠”效应（因为没有更好的术语）。将会有一个分离器，当移动时，会显示两个相似图像的不同视图（例如，彩色和灰度之间）。

我计划使用WinRTXAMLToolkit中的CustomGridSplitter（由于WinRT缺少分割器）。我正在考虑从类似于：

的网格开始

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition Height="10" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <controls:CustomGridSplitter Grid.Row="1" Opacity="0.25"/>
</Grid>

......但我不知道该怎么办。如果我在第一行和第三行（或列）上指定了两个图像控件，如何防止图像控件移动（或左右）？此外，是否可以对角地进行此操作？

Answer 1

您可以使用两个使用ImageBrush的Rectangle或两个使用Clip属性剪辑其内容的Image控件。不幸的是，你不能在WinRT中使用对角线剪辑，只能使用矩形剪辑。也许您可以检查将多个RotateTransforms与Clip结合使用是否有效，您永远不会知道。除此之外，我会为您的场景使用Slider而不是GridSplitter。