Grid Splitter Overlap

Question

我試圖創建一個「重疊」效果（因缺乏更好的術語）。將會有一個分離器在移動時暴露兩個相似圖像的不同視圖（例如在彩色和灰度之間）。

我打算使用CustomGridSplitter從WinRTXAMLToolkit（由於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結合起來，你永遠不知道。除了上面的內容，我會在您的場景中使用滑塊代替GridSplitter。