#244 – 使用TextBlock显示多种多样的格式文本(Use a TextBlock Element for Richer Formatting)

翻译 2016年08月31日 15:37:00

Label控件支持设置字体大小、粗细等属性,但是这些设置会应用到Label所有的文本上。它很难嵌入不同格式的字符。

TextBlock 控件允许通过添加不同的Run 元素来格式化其一部分显示的文本。不同的Run 格式化的内容可以不尽相同。

下面是Label的例子:

<Label Background="DarkGray" Margin="10" Height="50" FontSize="14"
    Content="Lancaster / York Richard, Duke of York Henry VI Warwick Somerset" />

下面是TextBlock 的例子,显示不同的内容

<TextBlock Background="DarkGray" Margin="10" Height="100" FontSize="14">
    <Run Text="Lancaster" Foreground="Red" TextDecorations="Underline"/><Run Text=" / "/>
    <Run Text="York" Foreground="White" TextDecorations="Underline"/>
    <LineBreak/>
    <Run Text="Richard, Duke of York" Foreground="White" FontSize="16" FontWeight="Bold"/>
    <LineBreak/>
    <Run Text="Henry VI" Foreground="Red" FontSize="16" FontWeight="Bold"/>
    <LineBreak/>
    <Run Text="Warwick" Foreground="White" FontStyle="Italic"/>
    <LineBreak/>
    <Run Text="Somerset" Foreground="Red" FontStyle="Italic"/>
</TextBlock>

下面是效果:


原文地址:https://wpf.2000things.com/2011/03/13/244-use-a-textblock-element-for-richer-formatting/

********************************************译者注**********************************************

可以看到TextBlock通过Run可以显示十分丰富的内容格式。

不仅仅是颜色、下划线、字体等,包含下标、上标、注脚等格式都可以实现。

1. 下面的代码是上标的实现代码,Run中的内容会以上标的形式显示

<Run Typography.Variants="Superscript">This text is Superscripted.</Run> This text isn't.

2. 下面的代码是下标的实现代码,Run中的内容会以下标的形式显示

 <Run Typography.Variants="Subscript">This text is Subscripted.</Run> This text isn't.




相关文章推荐

Wp7中TextBlock超长Text文本的正确显示

wp7中TextBlock的显示有文本数量的限制,当超过2048个字符(约数),后面的字符就不显示了。实际测试发现高度超过2000px(约数)时,后面的内容即显示为空白。其原因可能是微软在设计的时候考...

Windows Phone 7:顺利解决textblock显示文字不完全的问题

转载自:http://www.cnblogs.com/promise-7/articles/2241303.html There could be many scenarios when you'd...

在WPF中区别TextBlock和Label

TextBlock和Label都是用来显示少量数据的。好多文章对Label存在的描述都是它允许使用"快速获取"。"快速获取"就是允许你用Alt加上其它的按键快速和UI界面的某个控件交互,比如你可以用A...

Windows Store Apps note002 about TextBlock TextBox PasswordBox

1、xaml中输入引号和换行号: &quot;引号 &#13;换行 注意分号必需; 2、TextWrapping属性的不同; 先看看官网中的解释: 例子: NoWrap:        ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)