仅使用 XAML 中的数据绑定对 TextBlock 中的文本进行丰富的格式设置

Question

我正在尝试使用数据绑定格式化推文。我需要做的是根据内容类型拆分推文的文本值。

text = "This is a Tweet with a hyperlink http://www.mysite.com"

我需要向文本值的 http://... 部分添加一些颜色格式。

这是关键，我想仅使用 XAML 数据绑定来完成此操作。

 <TextBlock x:Name="Tweet1" FontWeight="Bold" Height="207.236" 
    LineHeight="55" TextAlignment="Left" TextWrapping="Wrap" 
    Width="1614.646" Text="{Binding XPath=/statuses/status[2]/text}" 
    FontSize="56" FontFamily="Segoe Book" 
    Foreground="{DynamicResource TextColor-Gray}" />

// 需要最终看起来像

<TextBlock x:Name="Tweet1" FontWeight="Bold" ... FontSize="56" FontFamily="Segoe Book">
  <Run Foreground="{DynamicResource TextColor-Gray}" >This is a Tweet with a hyperlink</Run>
<Run Foreground="{DynamicResource TextColor-Pink}" >http://www.mysite.com</Run>
</TextBlock>

这是一个我可以用来分割文本值的正则表达式，但我正在尝试严格使用数据绑定。

Regex regUrl = new Regex(@"/http:\/\/\S+/g");

建议？

Answer 1

我正在使用 MVVMLight。我所做的是捕获 TextBlock 的 Loaded 事件，并将其路由到“转换器”。

using System.Collections.Generic;
using System.Windows.Documents;
using System.Windows.Controls;

using GalaSoft.MvvmLight.Command;

namespace Converters
{
    public class MyInlineConverter
    {
        public RelayCommand<TextBlock> ConvertTextToInlinesCommand { get; private set; }

        public MyInlineConverter()
        {
            ConvertTextToInlinesCommand = new RelayCommand<TextBlock>(textBlock => convertTextToInlines(textBlock));
        }

        private static void convertTextToInlines(TextBlock textBlock)
        {
            foreach (Run run in textToInlines(textBlock.Text))
                textBlock.Inlines.Add(run);
        }

        private static IEnumerable<Run> textToInlines(string text)
        {
            List<Run> retval = new List<Run>();
            // Perform your conversion here.
            return retval;
        }
    }
}

如果您将此类的实例添加到静态资源中，如下所示：

<converters:TMTInlineConverter x:Key="InlineConverter" />

那么您可以从 TextBlock 调用转换器，如下所示：

                        <TextBlock Text="{Binding MyPath}" TextWrapping="Wrap">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Loaded">
                                    <cmdex:EventToCommand Command="{Binding Source={StaticResource InlineConverter}, Path=ConvertTextToInlinesCommand}" CommandParameter="{Binding RelativeSource={RelativeSource Self}}" />
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </TextBlock>

如果您不使用 MVVMLight，请道歉。如果你不喜欢，我会把翻译留给读者作为练习。 :)

Answer 2

您无法绑定到 Text 并用 Run 替换，因为 Text 的类型为 String。相反，您需要绑定 Inlines 并提供一个转换器来解析文本（例如，使用正则表达式）并生成适当的 Inlines：

<TextBlock Inlines="{Binding XPath=/statuses/status[2]/text, Converter={StaticResource InlineConverter}}"/>