在 Windows 中剪切的图像 - WPF答案

【问题标题】：Image cut in windows - WPF在 Windows 中剪切的图像 - WPF
【发布时间】：2016-08-15 08:19:07
【问题描述】：

当我查看图像时，它会根据我的窗口大小消失。

默认情况下，图像会被剪切，但如果我在图像出现时放大窗口

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

我只想正确显示图像。一个想法？

编辑

使用 Canvas 解决的问题

【问题讨论】：

“我只想正确显示图像...”
您通过设置它们的边距将图像控件放置在绝对位置。用适当的布局替换它。

标签： c# wpf windows xaml

【解决方案1】：

从您的标记中可以明显看出您已经使用设计器“拖放”来创建您的 UI。这种方法很快，但反应迟钝。无论您的应用窗口大小如何，您的 UI 都将始终是静态的。

我建议您改为使用 XAML 创建您的 UI。学习一些基本控件及其常见属性也会有所帮助。如果您是 XAML 的初学者，您可以轻松地在网上找到大量资源。

您可以在此处将您的 Image 控件包装在 Grid 中，如下所示：

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

【讨论】：