如何让ListView中的图片适配容器尺寸并保持宽高比？

要实现图片高度自动适配ListView剩余空间（减去Checkbox和滚动条高度）并保持宽高比，你可以通过以下两种方式修改XAML：

方式一：使用Grid布局自动分配空间（推荐） #

这种方式无需额外编写转换器，利用Grid的行定义自动分配空间，简单高效：

1. 修改ListView的VerticalContentAlignment为Stretch，确保Item容器填满ListView高度：

<ListView x:Name="listView1" Margin="18,226,15,10" 
          ScrollViewer.VerticalScrollBarVisibility="Disabled"
          VerticalContentAlignment="Stretch">

2. 将ItemTemplate中的StackPanel替换为Grid，通过行定义分配Checkbox和图片的空间：

<ListView.ItemTemplate>
    <DataTemplate>
        <Grid>
            <Grid.RowDefinitions>
                <!-- 第一行自适应Checkbox高度 -->
                <RowDefinition Height="Auto"/>
                <!-- 第二行占据ListView剩余高度 -->
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            
            <CheckBox Grid.Row="0" Content="Select"/>
            
            <Image Grid.Row="1" Source="{Binding Source}" Margin="1" 
                   Stretch="Uniform">
                <Image.InputBindings>
                    <MouseBinding MouseAction="LeftDoubleClick" 
                                  Command="{Binding MouseDoubleClickCommand}" 
                                  CommandParameter="{Binding Source}"/>
                </Image.InputBindings>
            </Image>
        </Grid>
    </DataTemplate>
</ListView.ItemTemplate>

Stretch="Uniform"会让图片保持原有宽高比，同时自动缩放至不超出Grid行的高度，完全适配可用空间。

方式二：使用多绑定+转换器精确计算高度 #

如果需要更精细的控制（比如额外减去边距或滚动条高度），可以编写值转换器来计算图片的最大高度：

1. 创建一个转换器类：

public class SubtractHeightsConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length >= 2 && values[0] is double listViewHeight && values[1] is double checkboxHeight)
        {
            // 可根据需求调整滚动条高度和边距值
            double scrollBarHeight = 0; // 垂直滚动条已禁用，设为0
            double marginOffset = 2; // 对应Image的上下Margin总和
            return listViewHeight - checkboxHeight - scrollBarHeight - marginOffset;
        }
        return 0;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML资源中声明转换器：

<Window.Resources>
    <local:SubtractHeightsConverter x:Key="SubtractHeightsConverter"/>
</Window.Resources>

3. 修改ItemTemplate，给Checkbox命名并绑定Image的MaxHeight：

<ListView.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Vertical">
            <CheckBox x:Name="selectCheckBox" Content="Select"/>
            
            <Image Source="{Binding Source}" Margin="1" Stretch="Uniform">
                <Image.MaxHeight>
                    <MultiBinding Converter="{StaticResource SubtractHeightsConverter}">
                        <Binding ElementName="listView1" Path="ActualHeight"/>
                        <Binding ElementName="selectCheckBox" Path="ActualHeight"/>
                    </MultiBinding>
                </Image.MaxHeight>
                
                <Image.InputBindings>
                    <MouseBinding MouseAction="LeftDoubleClick" 
                                  Command="{Binding MouseDoubleClickCommand}" 
                                  CommandParameter="{Binding Source}"/>
                </Image.InputBindings>
            </Image>
        </StackPanel>
    </DataTemplate>
</ListView.ItemTemplate>

两种方式都能实现你的需求，方式一更简洁，适合大多数场景；方式二更灵活，适合需要精确控制的情况。

内容的提问来源于stack exchange，提问作者user3704628