Богатое форматирование текста в TextBlock с использованием только DataBinding в XAML - PullRequest
Новая
       5

Богатое форматирование текста в TextBlock с использованием только DataBinding в XAML

3 голосов
/ 23 октября 2010

Я пытаюсь отформатировать твит, используя привязку данных. Что мне нужно сделать, это разделить текстовое значение твита в зависимости от типа контента. 

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>

Вот регулярное выражение, которое я мог бы использовать для разделения текстового значения, но я пытаюсь использовать строго DataBinding. 

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

Предложения

Ответы [ 2 ]

2 голосов
/ 06 февраля 2011

Я использую MVVMLight. Что я сделал, так это перехватил событие Loaded для TextBlock и направил его в «конвертер». 

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. Если нет, я оставлю перевод как упражнение для читателя. :)

1 голос
/ 23 октября 2010

Нельзя связать с Text и заменить на Run s, потому что Text имеет тип String.Вместо этого вам нужно связать Inlines и предоставить конвертер, который анализирует текст (например, с помощью вашего регулярного выражения) и выдает соответствующий Inlines: 

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