ウィンドウ内のイメージカット - WPF

Question

イメージを表示すると、ウィンドウのサイズによって消えます。

デフォルトでは画像がカットさが、私は、ウィンドウを拡大した場合に画像が

<Grid.RowDefinitions> 
    <RowDefinition/> 
</Grid.RowDefinitions> 
<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="1716*"/> 
    <ColumnDefinition Width="889*"/> 
</Grid.ColumnDefinitions> 

<Image x:Name="img1" Margin="97,237,1054,911.4" Grid.Row="0" Grid.Column="0" Width="77" Height="147" Canvas.ZIndex="99"/> 
<Image x:Name="img2" Margin="301,237,850,911.4" Grid.Row="0" Grid.Column="0" Width="77" Height="147" Canvas.ZIndex="99"/> 
<Image x:Name="img3" Margin="539,237,612,911.4" Grid.Row="0" Grid.Column="0" Width="77" Height="147" Canvas.ZIndex="99"/> 

<WrapPanel Orientation="Horizontal" Margin="13,2,9.8,10.4" MaxHeight="200" Grid.Row="0" Grid.Column="1"> 
    <TextBlock x:Name="text2" TextWrapping="Wrap" Text="Maison 2" Height="31" Width="77" Background="#FFDDDDDD" Padding="8"/> 
    <TextBlock x:Name="text1" TextWrapping="Wrap" Text="Maison 1" Height="31" Width="77" Background="#FFDDDDDD" Padding="8"/> 
    <TextBlock x:Name="Resultat3" Height="31" Width="960" Background="#FFF0F0F0" Padding="8"/> 
    <TextBlock x:Name="Resultat2" Height="31" Width="960" Background="#FFF0F0F0" Padding="8"/> 
    <TextBlock x:Name="text3" TextWrapping="Wrap" Text="Maison 3" Height="31" Width="77" Background="#FFDDDDDD" Padding="8"/> 
    <TextBlock x:Name="Resultat1" Height="31" Width="960" Background="#FFF0F0F0" Padding="8"/> 
</WrapPanel> 

を見えるように私はちょうど正しく画像を表示したいです。アイデア ？

EDIT

問題は、あなたがあなたのUIを作成するために、設計者ドラッグアンドドロップ」を使用しているマークアップからそれは明らかなようだキャンバス

Answer 1

を使用して解決しました。そのアプローチは迅速ですが、非常に反応がありません。 UIは、アプリのウィンドウのサイズに関係なく、常に静的になります。

代わりにXAMLを使用してUIを作成することをお勧めします。いくつかの基本的なコントロールと共通のプロパティを学習することも役に立ちます。 XAMLの初心者であれば、オンラインで豊富なリソースを簡単に見つけることができます。あなたがここに何ができるか

ので、同じようGridの内側にあなたのImageコントロールをラップしている：*

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 

    <Image x:Name="img1" Grid.Column="0" Width="100" Height="177" Width="77" Stretch="Fill" /> 
    <Image x:Name="img2" Grid.Column="1" Width="100" Height="177" Width="77" Stretch="Fill" /> 
    <Image x:Name="img3" Grid.Column="2" Width="100" Height="177" Width="77" Stretch="Fill" /> 
</Grid>