Форматирование текста в TextBlock
Как добиться форматирования текста внутри элемента управления TextBlock
в моем приложении WPF?
Например: Я хотел бы, чтобы некоторые слова выделены жирным шрифтом, другие - курсивом, а некоторые - разными цветами, как этот пример:
![enter image description here]()
Причина моего вопроса - это настоящая проблема:
lblcolorfrom.Content = "Colour From: " + colourChange.ElementAt(3).Value.ToUpper();
Я хочу, чтобы вторая часть строки была жирной, и я знаю, что я мог бы использовать два элемента управления (Labels, TextBlocks и т.д.), но я бы предпочел, из-за огромного количества элементов управления, которые уже используются.
Ответы
Ответ 1
Вам нужно использовать Inlines
:
<TextBlock.Inlines>
<Run FontWeight="Bold" FontSize="14" Text="This is WPF TextBlock Example. " />
<Run FontStyle="Italic" Foreground="Red" Text="This is red text. " />
</TextBlock.Inlines>
С привязкой:
<TextBlock.Inlines>
<Run FontWeight="Bold" FontSize="14" Text="{Binding BoldText}" />
<Run FontStyle="Italic" Foreground="Red" Text="{Binding ItalicText}" />
</TextBlock.Inlines>
Вы также можете связать другие свойства:
<TextBlock.Inlines>
<Run FontWeight="{Binding Weight}"
FontSize="{Binding Size}"
Text="{Binding LineOne}" />
<Run FontStyle="{Binding Style}"
Foreground="Binding Colour}"
Text="{Binding LineTwo}" />
</TextBlock.Inlines>
Вы можете связывать конвертеры, если у вас есть жирный шрифт как логический (скажем).
Ответ 2
Вы можете сделать это в XAML достаточно легко:
<TextBlock>
Hello <Bold>my</Bold> faithful <Underline>computer</Underline>.<Italic>You rock!</Italic>
</TextBlock>
Ответ 3
Посмотрите этот пример из Charles Petzolds Bool Application = Code + markup
//----------------------------------------------
// FormatTheText.cs (c) 2006 by Charles Petzold
//----------------------------------------------
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Documents;
namespace Petzold.FormatTheText
{
class FormatTheText : Window
{
[STAThread]
public static void Main()
{
Application app = new Application();
app.Run(new FormatTheText());
}
public FormatTheText()
{
Title = "Format the Text";
TextBlock txt = new TextBlock();
txt.FontSize = 32; // 24 points
txt.Inlines.Add("This is some ");
txt.Inlines.Add(new Italic(new Run("italic")));
txt.Inlines.Add(" text, and this is some ");
txt.Inlines.Add(new Bold(new Run("bold")));
txt.Inlines.Add(" text, and let cap it off with some ");
txt.Inlines.Add(new Bold(new Italic (new Run("bold italic"))));
txt.Inlines.Add(" text.");
txt.TextWrapping = TextWrapping.Wrap;
Content = txt;
}
}
}
Ответ 4
Существуют различные Inline
элементы, которые могут вам помочь, для простейших параметров форматирования вы можете использовать Bold
, Italic
и Underline
:
<TextBlock>
Sample text with <Bold>bold</Bold>, <Italic>italic</Italic> and <Underline>underlined</Underline> words.
</TextBlock>
![enter image description here]()
Я думаю, что стоит отметить, что эти элементы на самом деле просто сокращаются для Span
элементов с различными наборами свойств (т.е. для Bold
, FontWeight
свойство имеет значение FontWeights.Bold
).
Это приводит нас к следующему варианту: вышеупомянутый элемент Span
.
Вы можете добиться того же эффекта с помощью этого элемента, как указано выше, но вам предоставлены еще больше возможностей; вы можете установить (среди прочих) свойства Foreground
или Background
:
<TextBlock>
Sample text with <Span FontWeight="Bold">bold</Span>, <Span FontStyle="Italic">italic</Span> and <Span TextDecorations="Underline">underlined</Span> words. <Span Foreground="Blue">Coloring</Span> <Span Foreground="Red">is</Span> <Span Background="Cyan">also</Span> <Span Foreground="Silver">possible</Span>.
</TextBlock>
![enter image description here]()
Элемент Span
может также содержать другие элементы, такие как:
<TextBlock>
<Span FontStyle="Italic">Italic <Span Background="Yellow">text</Span> with some <Span Foreground="Blue">coloring</Span>.</Span>
</TextBlock>
![enter image description here]()
Существует еще один элемент, который очень похож на Span
, он называется Run
. Run
не может содержать другие встроенные элементы, а Span
может, но вы можете легко привязать переменную к свойству Run
Text
:
<TextBlock>
Username: <Run FontWeight="Bold" Text="{Binding UserName}"/>
</TextBlock>
![enter image description here]()
Кроме того, вы можете сделать все форматирование с кодом, если хотите:
TextBlock tb = new TextBlock();
tb.Inlines.Add("Sample text with ");
tb.Inlines.Add(new Run("bold") { FontWeight = FontWeights.Bold });
tb.Inlines.Add(", ");
tb.Inlines.Add(new Run("italic ") { FontStyle = FontStyles.Italic });
tb.Inlines.Add("and ");
tb.Inlines.Add(new Run("underlined") { TextDecorations = TextDecorations.Underline });
tb.Inlines.Add("words.");
Ответ 5
хороший сайт с хорошими пояснениями:
http://www.wpf-tutorial.com/basic-controls/the-textblock-control-inline-formatting/
здесь автор дает вам хорошие примеры того, что вы ищете! Overal сайт отлично подходит для исследовательских материалов, плюс он охватывает множество вариантов, которые вы имеете в WPF
Edit
Существуют разные способы форматирования текста. для базового форматирования (проще всего, на мой взгляд):
<TextBlock Margin="10" TextWrapping="Wrap">
TextBlock with <Bold>bold</Bold>, <Italic>italic</Italic> and <Underline>underlined</Underline> text.
</TextBlock>
В примере 1 показано базовое форматирование с текстом Полужирный Itallic и подчеркнутым.
Ниже приведен метод SPAN, с помощью которого вы выделите текст:
<TextBlock Margin="10" TextWrapping="Wrap">
This <Span FontWeight="Bold">is</Span> a
<Span Background="Silver" Foreground="Maroon">TextBlock</Span>
with <Span TextDecorations="Underline">several</Span>
<Span FontStyle="Italic">Span</Span> elements,
<Span Foreground="Blue">
using a <Bold>variety</Bold> of <Italic>styles</Italic>
</Span>.
</TextBlock>
Пример 2 показывает функцию span и различные возможности с ней.
Для подробного объяснения проверьте сайт!
Примеры