Wpf 带表格的网格拆分器

我有一个工作良好的网格拆分器。在拆分器的左侧，我试图创建一个包含一组图像的表格，当拆分器向右移动时，图像会拉伸。这很好用。然而，当拆分器向左移动时，我希望图像相互移动，当它们到达那里时，我希望拆分器移动到它们上方，使它们消失。它现在所做的是图像只是挤在一起直到消失。我做了一张桌子。我将包括一些表代码和一些图片的行为，我wnat和它做什么。我试图复制谷歌厨房水槽的例子

我正努力把这篇文章写得小一些

<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>

下面是我希望它在向左移动拆分器时执行的操作

向右

但当我向左移动拆分器时，它就是这样做的

---

正如你所看到的，这些图像只是挤在一起。我可以对表格执行此操作，还是需要不同的布局？

不要将拉伸设置为填充，而是统一设置，还要在图像本身上设置固定大小。

谢谢，效果更好，但仍然不是我想要的。我想也许一个标准的网格可以做到这一点。