如果文本不适合TextBlock，WPF XAML显示省略号

Question

如果我的文件名和路径不适合TextBlock，我想显示省略号。

例如，如果我的文件名和路径如下：

C:\examples\example\folderA\folderB\folderC\myfilename.txt

我想在我的TextBlock中显示它：

C:\examples...myfilename.txt

更新：我知道我可以使用TextTrimming来设置省略号。但我需要一种方法在某处设置省略号。

Answer 1

好吧，我感兴趣的是，如果只使用基本的XAML可以做到这一点，并且没有乱七八糟的测量或绘图，所以开始搞乱。我今天没有时间完成这项工作，但我认为如果您愿意接受并清除剩下的问题，我会以此作为起点。

到目前为止，XAML看起来像这样：

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

    <Style x:Key="CustomFileText" TargetType="{x:Type TextBox}">
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsKeyboardFocused, RelativeSource={RelativeSource Self}}" Value="false">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="TextBox">
                            <Grid>
                                <TextBox IsHitTestVisible="False" /> <!-- for Border -->
                                <DockPanel>
                                    <TextBlock Text="{TemplateBinding Text, Converter={StaticResource FileNameConverter}}" DockPanel.Dock="Right" Margin="-3,3,4,3" />
                                    <TextBlock Text="{TemplateBinding Text, Converter={StaticResource FilePathConverter}}" TextTrimming="CharacterEllipsis" Margin="4,3,0,3" />
                                </DockPanel>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<StackPanel Margin="10">
    <TextBox Text="C:\Program Files\Some Directory\SomeFile.txt" Style="{StaticResource CustomFileText}"/>
    <TextBox Margin="0,10" />
</StackPanel>

最终结果是，如果TextBox具有焦点进行编辑，它将显示为普通TextBox：

但是一旦用户将注意力转移到表单上的其他位置，它就会分成两个单独的TextBlock，它们使用转换器来解析Directory和FileName。在目录上使用TextTrimming来提供您在问题中描述的效果：

这个问题的主要问题是在调整大小时，在两个文本框之间添加了额外的空间。

我可以在这里考虑两个选项：

1. 根据某种类型的触发器制作模板，“如果TextBox.DesiredSize.Width > TextBox.ActualWidth，则仅使用此模板”
2. 更改模板中的XAML，以便Name TextBox以某种方式说“占用您所需的所有空间作为最小尺寸。如果有额外空间，也将其分配给此框”，而目录文本框则说“占用所有空间”你可以，但不要比你的内容变大“。我不确定这样做的最好方法，但我想它与其他面板有关，TextBox上的一些属性我现在想不到，或者一些自定义转换器/绑定来限制大小。

我猜＃1将更容易实现，但我现在没有时间弄明白。希望这给你一个很好的起点，祝你好运！ :)

哦，转换器非常基本。您可能想要添加更多安全措施，但这是我用于测试的内容：

public class FileNameConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value != null && value is string)
            return System.IO.Path.GetFileName((string)value);

        return null;
    }

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

public class FilePathConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value != null && value is string)
            return System.IO.Path.GetDirectoryName((string)value);

        return null;
    }

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

Answer 2

我修改了Rachel提供的XAML来修复窗口大小调整中出现的路径中的额外空间。

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

    <Style x:Key="CustomFileText" TargetType="{x:Type TextBox}">
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsKeyboardFocused, RelativeSource={RelativeSource Self}}" Value="false">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="TextBox">
                            <Grid>
                                <TextBox Grid.ColumnSpan="2" IsHitTestVisible="False"/>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition MaxWidth="{Binding ActualWidth, ElementName=PART_DirMaxWidth}"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
                                    <Canvas x:Name="PART_Canvas">
                                        <TextBlock x:Name="PART_DirMaxWidth" Margin="0" Padding="0" Text="{TemplateBinding Text, Converter={StaticResource FilePathConverter}}" Visibility="Hidden"/>
                                        <TextBlock Width="{Binding ActualWidth, ElementName=PART_Canvas}" Margin="0" Padding="0" Text="{TemplateBinding Text, Converter={StaticResource FilePathConverter}}" TextTrimming="CharacterEllipsis" Background="Transparent"/>
                                    </Canvas>
                                    <StackPanel Grid.Column="1" Orientation="Horizontal">
                                        <TextBlock Margin="0" Padding="0" Text="\" Background="Transparent"/>
                                        <TextBlock Margin="0" Padding="0" Text="{TemplateBinding Text, Converter={StaticResource FileNameConverter}}" Background="Transparent"/>
                                    </StackPanel>
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>