windows-runtime - 网格拆分器重叠

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。