TextBlock Windows Phone 8.1 中的文本格式

本文关键字：文本 格式 Windows Phone TextBlock | 更新日期: 2023-09-27 18:34:13

我的ViewModel中有一个字符串列表，格式如下：

 This is an <b>example.<b>

我想在我的视图中有某种文本控件，它将通过 DataBinding * 显示格式化的文本，如下所示：

这是一个例子。

我没有找到任何可以像这样的内置控件。

有谁知道如何处理它？

TextBlock Windows Phone 8.1 中的文本格式

您可以使用 Run：

<TextBlock FontSize="30">
    <Run>This is an</Run>
    <Run FontWeight="Bold" Text=" example"/>
</TextBlock>

为此，您必须解析字符串，选择粗体部分，并在代码隐藏中定义内容。一个非常简单的例子可以如下所示：

string example = @"This is an <b>example.</b>";
var str = example.Split(new string[] { "<b>", "</b>" }, StringSplitOptions.None);
for (int i = 0; i < str.Length; i++)
    myTextBlock.Inlines.Add(new Run { Text = str[i], FontWeight = i % 2 == 1 ? FontWeights.Bold : FontWeights.Normal });

编辑 - 与绑定一起使用

如果你想将上面的过程与绑定一起使用，那么它就不是那么简单了 - TextBlock.Inline 不是 DependencyProperty，所以我们不能使用它。尽管如此，还是有一种方法可以做到这一点 - 您需要以某种方式扩展您的 TextBlock - 这是另一个陷阱 - 它是密封类，因此没有继承。在这种情况下，我们将不得不使用另一个类（这里也是一个很好的例子）：

public static class TextBlockExtension
{
    public static string GetFormattedText(DependencyObject obj)
    { return (string)obj.GetValue(FormattedTextProperty); }
    public static void SetFormattedText(DependencyObject obj, string value)
    { obj.SetValue(FormattedTextProperty, value); }
    public static readonly DependencyProperty FormattedTextProperty =
        DependencyProperty.Register("FormattedText", typeof(string), typeof(TextBlockExtension),
        new PropertyMetadata(string.Empty, (sender, e) =>
        {
            string text = e.NewValue as string;
            var textBl = sender as TextBlock;
            if (textBl != null)
            {
                textBl.Inlines.Clear();
                var str = text.Split(new string[] { "<b>", "</b>" }, StringSplitOptions.None);
                for (int i = 0; i < str.Length; i++)
                    textBl.Inlines.Add(new Run { Text = str[i], FontWeight = i % 2 == 1 ? FontWeights.Bold : FontWeights.Normal });
            }
        }));
}

然后，您可以在 xaml 中使用它，如下所示：

<TextBlock local:TextBlockExtension.FormattedText="{Binding MyText}"/>

您可以使用 RichTextBlock 控件。像这样：

<RichTextBlock>
 <Paragraph>
    This is an <Bold>example</Bold>
 </Paragraph>
</RichTextBlock>
相关文章：