在Silverlight中替换缺少的TextTrimming选项“ CharacterEllipsis”

问题描述

|| Silverlight（至少从版本4开始）对WPF的

TextTrimming

没有

CharacterEllipsis

选项。可以在

TextBlock

上使用。这意味着，如果没有足够的空间来显示“令人难以置信的”，我可以将其裁剪为“令人难以置信的”，而不是“令人难以置信的...”。 “我们宁愿要。 不过，我们将尝试实现自定义文本修剪功能。基本上，那并不难。一种非常愚蠢的方法是测量字符串的像素，将其与可用宽度进行比较，并通过截断最后一个字符并在文本仍不适合的情况下在循环中添加\“ ... \”来操纵字符串。下面是一个示例，说明如何工作：

// Not perfect but good enough for us
private bool AutoTrim(string fullText,TextBlock textBlock,double maxWidth)
{
    double factor = maxWidth / textBlock.ActualWidth;
    if (factor > 1)
        return false;

    int newTextLength = (int)Math.Floor((double)fullText.Length * factor);
    string trimTest;
    do
    {
        trimTest = fullText.Substring(0,newTextLength--);
        textBlock.Text = trimTest + \"...\"; // problematic...
        factor = maxWidth / textBlock.ActualWidth;
    }
    while (factor < 1 && newTextLength > 0);

    return true;
}

但是在后面的代码中（或在

Behavior

之内）这样做会导致一些问题：例如，当我们要更新显示的文本并设置TextBlock \的

TextBlock1.Text = ...

属性时，如果将Text绑定到一个ViewModel属性。由于我们注意到view和viewModel出于某种原因可能运行同步（我们注意到在ListBox中），因此发生了另一个问题。 您如何更好地解决此问题有更好的主意吗？     

解决方法

Robby Ingebretsen \的DynamicTextBox通过将TextBlock包装在自定义控件中并测量可用大小来实现此目的。它与WPF的CharacterEllipsis文本修剪模式匹配。 WordEllipsis模式确实已添加到Windows Phone 7 Mango中，但这在此没有太大帮助。     ,Dan Wahlin在将TextTrimming = \“ WordEllipsis \”添加到Silverlight 4之前使用了一个转换器。您可以在这里找到它：http://weblogs.asp.net/dwahlin/archive/2010/05/05/text-trimming-in -silverlight-4.aspx     ,这是我缺少CharacterEllipsis选项的工作方式。我的解决方案也不是完美的，但到目前为止对我来说仍然有效。 首先，我添加了以下帮助程序方法：

public static void AutoTrimTextBlock(TextBlock textBlock,double maxWidth)
{
    if (!string.IsNullOrWhiteSpace(textBlock.Text))
    {
        var currentWidth = textBlock.ActualWidth;
        if (currentWidth > maxWidth)
        {
            if (textBlock.Text.Length > 2)
            {
                int substrLength = textBlock.Text.Length - 1;
                if (textBlock.Text[substrLength] == \'…\')
                    substrLength--;
                textBlock.Text = textBlock.Text.Substring(0,substrLength) + \'…\';
            }
            else if (textBlock.Text.Length == 2)
            {
                if (textBlock.Text[1] == \'…\')
                    textBlock.Text = \"…\";
                else
                    textBlock.Text = textBlock.Text[0].ToString() + \'…\';
            }
            else //implies: if (length == 1)
            {
                textBlock.Text = string.Empty;
            }
        }
    }
}

然后，我更新了XAML，使其看起来像这样：

<Grid x:Name=\"MyGrid\">
    <Grid.ColumnDefinitions>
        <ColumnDefinition x:Name=\"Column0\" Width=\"Auto\"/>
        <ColumnDefinition x:Name=\"Column1\" Width=\"*\"/>
    </Grid.ColumnDefinitions>

    <TextBlock Grid.Column=\"0\" x:Name=\"SomeOtherText\" Text=\"{Binding OtherString}\"/>

    <TextBlock Grid.Column=\"1\" x:Name=\"MyTextBlock\"
               TextWrapping=\"NoWrap\"                        <!--Disable text wrapping-->
               TextTrimming=\"None\"                          <!--Disable built-in text trimming-->
               Text=\"{Binding MyString,Mode=OneWay}\"       <!--OneWay binding avoids writing trimmed text back to view model-->
               LayoutUpdated=\"MyTextBlock_LayoutUpdated\"/>  <!--LayoutUpdated event will trigger custom text trimming-->
</Grid>

最后，在后面的代码中添加了以下内容：

void MyTextBlock_LayoutUpdated(object sender,System.EventArgs e)
{
    // Calculate maximum width for MyTextBlock.
    // I did it by checking the parent column width,// but you can do it any way you like.
    double maxWidth = Column1.ActualWidth - MyTextBlock.Margin.Left - MyTextBlock.Margin.Right;

    // Start trimming
    AutoTrimTextBlock(MyTextBlock,maxWidth);
}

结果：每当MyString属性更改时，都会触发LayoutUpdated事件处理程序，并调用AutoTrimTextBlock（）方法。如果MyTextBlock太宽，则将其Text属性修剪掉，并附加\'…\'。这将导致另一个LayoutUpdated事件。重复该过程，直到MyTextBlock的宽度小于指定的最大值。 就像我说的那样，它不是完美的，也不是特别优雅，但是在上述示例中可以正常使用。 我不喜欢使用LayoutUpdated事件的想法，但是我找不到另一个合适的事件。很遗憾，TextBlock不存在TextChanged ：( 请让我知道我是否有任何需要改进的地方。     ,

    private bool TrimExtraCharacters(TextBlock textBlock)
    {
        if (textBlock != null && textBlock.ActualWidth > 0.1 && !string.IsNullOrWhiteSpace(textBlock.Text))
        {
            if (textBlock.ActualWidth > textBlock.MaxWidth)
            {
                textBlock.Text += \'…\';
                int lastLetterIndex = textBlock.Text.Length -2;
                do
                {
                    textBlock.Text = textBlock.Text.Remove(lastLetterIndex,1);
                    --lastLetterIndex;
                } while (textBlock.ActualWidth > textBlock.MaxWidth);
            }
            return true;
        }
        return false;
    }