2016-08-15 2 views
-1

이미지를 볼 때 내 창 크기에 따라 이미지가 사라집니다. 이미지가 창에서 이미지 잘라 내기 - WPF

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

enter image description here

난 그냥 제대로 이미지를 표시 할 나타 나는 창을 확대하면 이미지가 절단되어 있지만 기본적으로

. 아이디어 ?

편집

문제는 당신이 당신의 UI를 만들 수있는 디자이너 '드래그 앤 드롭'을 사용한 마크 업에서 그것은 분명한 것 같다 캔버스

+0

* * < "난 그냥 제대로 ... 이미지를 표시하려면"

당신이 여기 할 수있는 무엇 Grid과 같이 내부에 Image 컨트롤을 포장입니까? 당신이 찾고있는 결과를 보여줄 수 있습니까? 당신이 묻고있는 것이 확실하지 않습니다 –

+1

이미지 컨트롤을 여백을 설정하여 절대 위치에 놓습니다. 적절한 레이아웃으로 교체하십시오. – Clemens

답변

0

를 사용하여 해결했다. 이러한 접근 방식은 빠르지 만 반응이 없습니다. UI는 앱의 Window 크기에 관계없이 항상 정적입니다.

대신 XAML로 UI를 만드는 것이 좋습니다. 몇 가지 기본 컨트롤과 공통 속성을 익히는 것도 도움이 될 것입니다. XAML의 초보자 인 경우 온라인에서 많은 리소스를 쉽게 찾을 수 있습니다. "제대로"정의 -

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