在窗口中剪切图像 - WPF

问题描述：

当我查看图像时，它会根据窗口大小而消失。在窗口中剪切图像 - 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>

我只想正确显示图像。一个主意？使用从您的标记，你已经使用了设计师“拖放”，创建UI画布

*“我只是想......正确显示图像” *

你正在通过设置边距来将图像控件置于绝对位置。用适当的布局替换它。 – Clemens

答

它似乎很明显

编辑

问题解决了。这种方法很快，但非常不灵敏。无论您的应用程序的窗口大小如何，您的用户界面始终是静态的。

我建议你用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>

在窗口中剪切图像 - WPF

相关推荐