WPF中如何让ListViewItem高度一致且TextBlock字体自动等比缩放？

这个问题我之前也碰到过！单独给每个TextBlock套ViewBox确实会踩这个坑——因为ViewBox是根据自身内容和可用空间来单独缩放的，短文本没那么宽，自然会被拉得更大，长文本则因为宽度不够只能缩小，结果就是字体大小参差不齐。

给你几个靠谱的解决方案，从简单到灵活：

方案一：统一动态控制FontSize（最推荐） #

核心思路是让整个ListView的FontSize跟着窗口/屏幕尺寸走，所有TextBlock都继承这个FontSize，同时统一ListViewItem的高度。这样既实现了字体自适应，又保证了所有文本大小一致、Item高度统一。

步骤1：写两个转换器

首先需要两个转换器：一个把窗口尺寸转成FontSize，另一个把FontSize转成Item高度。

using System;
using System.Globalization;
using System.Windows.Data;

// 根据窗口宽度计算FontSize的转换器
public class WidthToFontSizeConverter : IValueConverter
{
    // 可配置的最小/最大字体大小
    public double MinFontSize { get; set; } = 12;
    public double MaxFontSize { get; set; } = 24;
    // 缩放比例，比如窗口宽度的2%作为字体大小
    public double ScaleRatio { get; set; } = 0.02;

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double windowWidth)
        {
            var calculatedSize = windowWidth * ScaleRatio;
            // 限制在最小最大值之间，避免字体过大或过小
            return Math.Clamp(calculatedSize, MinFontSize, MaxFontSize);
        }
        return MinFontSize;
    }

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

// 根据FontSize计算Item高度的转换器
public class FontSizeToItemHeightConverter : IValueConverter
{
    // 高度是字体大小的倍数，可调整
    public double HeightMultiplier { get; set; } = 1.8;

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double fontSize)
        {
            return fontSize * HeightMultiplier;
        }
        return 24; // 默认高度
    }

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

步骤2：在XAML中配置

把转换器加到Window的资源里，然后绑定ListView的FontSize和Item的Height：

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourNamespace"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <!-- 注册转换器 -->
        <local:WidthToFontSizeConverter x:Key="WidthToFontSize" 
                                        MinFontSize="12" 
                                        MaxFontSize="28"
                                        ScaleRatio="0.025"/>
        <local:FontSizeToItemHeightConverter x:Key="FontSizeToHeight" 
                                             HeightMultiplier="1.9"/>
    </Window.Resources>
    <Grid>
        <ListView x:Name="YourListView"
                  FontSize="{Binding RelativeSource={RelativeSource AncestorType=Window}, 
                                     Path=ActualWidth, 
                                     Converter={StaticResource WidthToFontSize}}">
            <!-- Item模板：直接用TextBlock，继承ListView的FontSize -->
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding YourTextProperty}" 
                               TextWrapping="Wrap"  <!-- 长文本自动换行 -->
                               Margin="8"/> <!-- 加内边距避免文本贴边 -->
                </DataTemplate>
            </ListView.ItemTemplate>
            <!-- 统一Item的高度 -->
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="Height" 
                            Value="{Binding FontSize, RelativeSource={RelativeSource Self}, 
                                            Converter={StaticResource FontSizeToHeight}}"/>
                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                </Style>
            </ListView.ItemContainerStyle>
        </ListView>
    </Grid>
</Window>

方案二：统一ViewBox的约束（适合必须用ViewBox的场景） #

如果一定要用ViewBox，那得让所有Item的ViewBox共享同一个宽度约束，这样缩放比例就会一致。

<ListView.ItemTemplate>
    <DataTemplate>
        <!-- 把ViewBox的宽度绑定到ListView的可视宽度，减去内边距 -->
        <ViewBox Width="{Binding RelativeSource={RelativeSource AncestorType=ListView}, 
                                 Path=ViewportWidth}"
                 Stretch="Uniform"
                 StretchDirection="DownOnly">
            <TextBlock Text="{Binding YourTextProperty}" Margin="8"/>
        </ViewBox>
    </DataTemplate>
</ListView.ItemTemplate>
<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <!-- 绑定Item高度到ViewBox的实际高度，保证统一 -->
        <Setter Property="Height" 
                Value="{Binding ActualHeight, RelativeSource={RelativeSource Self}, Mode=OneWay}"/>
    </Style>
</ListView.ItemContainerStyle>

这个方案里，所有ViewBox的宽度都是ListView的可视宽度，最长的文本会决定缩放比例，短文本不会被放大超过这个比例，所以字体大小就能保持一致了。不过要注意，ViewportWidth是ListView去掉滚动条后的实际可用宽度，比ActualWidth更准确。

额外注意事项 #

• 如果不希望文本换行，可以给TextBlock加TextTrimming="CharacterEllipsis"，这样超长文本会显示省略号，不会撑破Item。
• 可以根据窗口高度而不是宽度来计算FontSize，只需要修改转换器里绑定的属性为ActualHeight即可。
• 测试不同分辨率时，调整转换器的ScaleRatio和HeightMultiplier，找到最适合的参数。

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