테이블이있는 그리드 스플리터

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으로 설정하고 이미지 자체에서 고정 크기로 설정하십시오.