如何在StackPanel末尾显示省略号提示存在更多列表项

你当前代码无法实现预期效果的核心问题有两个：

• 你为每个列表项内的单独TextBlock设置了TextTrimming="CharacterEllipsis"，但你使用的DockPanel作为项面板时，会为排列的子项分配足够的布局空间，子项本身不会被主动挤压，自然不会触发单文本块的省略逻辑
• 现有逻辑的截断粒度是单个列表项的文本，而你需要的是所有列表项总宽度超出容器时，在列表最末尾统一显示省略标记，不是截断某一个列表项内部的文本

如果你的列表项是纯文本展示，不需要单独交互，用多值转换器测量文本宽度拼接显示是最轻量的实现：

1. 首先编写测量文本宽度、计算显示内容的转换器

using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Media;

public class ListTrimmingConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length < 3 
            || values[0] is not IEnumerable<string> sourceList 
            || values[1] is not double containerMaxWidth 
            || values[2] is not TextBlock measureTarget)
            return DependencyProperty.UnsetValue;

        var displayContent = new List<string>();
        double usedWidth = 0;
        // 预先测量省略号和分隔符宽度
        double ellipsisWidth = measureTarget.MeasureText("...");
        double itemSuffixWidth = measureTarget.MeasureText(", ");

        foreach (var item in sourceList)
        {
            double currentItemWidth = measureTarget.MeasureText(item) + itemSuffixWidth;
            // 预留省略号所需宽度，放不下则终止拼接，追加省略号
            if (usedWidth + currentItemWidth + ellipsisWidth > containerMaxWidth)
            {
                displayContent.Add("...");
                break;
            }
            displayContent.Add(item);
            usedWidth += currentItemWidth;
        }

        return string.Join(", ", displayContent);
    }

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

public static class TextBlockHelper
{
    public static double MeasureText(this TextBlock textBlock, string textToMeasure)
    {
        var formattedText = new FormattedText(
            textToMeasure,
            CultureInfo.CurrentCulture,
            textBlock.FlowDirection,
            new Typeface(textBlock.FontFamily, textBlock.FontStyle, textBlock.FontWeight, textBlock.FontStretch),
            textBlock.FontSize,
            textBlock.Foreground,
            VisualTreeHelper.GetDpi(textBlock).PixelsPerDip);
        return formattedText.Width;
    }
}

2. 替换原有XAML中的ItemsControl，使用单个TextBlock绑定转换后的内容

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

<Grid MaxWidth="150">
    <TextBlock x:Name="ContentDisplay">
        <TextBlock.Text>
            <MultiBinding Converter="{StaticResource ListTrimmingConverter}">
                <Binding Path="MyList"/>
                <Binding Path="ActualWidth" RelativeSource="{RelativeSource AncestorType=Grid}"/>
                <Binding ElementName="ContentDisplay"/>
            </MultiBinding>
        </TextBlock.Text>
    </TextBlock>
</Grid>

如果需要保留每个列表项的单独交互能力（如点击、悬浮效果），可以自定义派生面板，重写MeasureOverride和ArrangeOverride方法：在测量子项大小时累计已使用宽度，当剩余宽度不足以容纳下一个子项+省略号宽度时，停止排列后续子项，在末尾位置渲染省略号元素即可。

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