网格分割器与表

Question

我有一个运行良好的网格分割器。在分离器的左侧，我试图让一张桌子上有一堆图像，当分割器向右移动时，图像会拉伸。这工作正常。然而，当分离器向左移动时，我希望图像相互移动，当它们到达那里时，我希望分离器移过它们以使它们消失。现在它做的是图像只是挤压在一起直到它们消失。我建了一张桌子。我将包括一些表格代码和一些我的行为以及它正在做什么的图片。我试图复制googles厨房水槽的例子。

我正在努力保持这篇文章小

<Grid Background="#FFF8F5F5" ShowGridLines="true" FlowDirection="RightToLeft">
 <Grid.ColumnDefinitions>
 <ColumnDefinition />
 <ColumnDefinition />
 <ColumnDefinition />
 <ColumnDefinition />
 </Grid.ColumnDefinitions>
 <Grid.RowDefinitions>
 <RowDefinition Height="104*" />
 <RowDefinition Height="91*" />
 <RowDefinition Height="14*" />
 <RowDefinition Height="104*" />
 <RowDefinition Height="104*" />
 </Grid.RowDefinitions>
 <Image Grid.Column="1" Margin="53,3,41,0" Source="google.png" Stretch="Fill" />
 <Image Grid.Row="3" Margin="59,4.4,50,0" Source="google.png" Stretch="Fill" />
 </Grid>

以下是将分割器向左移动时我想要它做的事情

并向右

但是当我将分离器向左移动时，这就是它正在做的事情。

正如您所看到的，图像只是在一起碾压。我可以用表格做这个还是需要不同的布局？

Answer 1

请勿将Stretch设置为Fill，Uniform，同时在图片本身上设置固定尺寸。