TextBlock控件全攻略
来源:互联网 发布:不喝酒 知乎 编辑:程序博客网 时间:2024/06/04 23:36
[Silverlight]TextBlock控件全攻略
TextBlock是Silverlight中的一个既有用又常用的控件。我们可以通过TextBlock呈现只读的文本,如
<TextBlock Text="露露非典神鱼地雷炸弹什么的"></TextBlock>
很好很方便。
为了更好的控制呈现的文字,M$为该控件提供了很多属性,下面做一个介绍
1. FontFamily. 顾名思义,字体名称
<TextBlock Text="51MVC,just for MVC" FontFamily="Courier New" Canvas.Top="100" Canvas.Left="100"></TextBlock><TextBlock Text="51MVC,just for MVC" FontFamily="Times New Roman" Canvas.Top="110" Canvas.Left="100"></TextBlock><TextBlock Text="51MVC,just for MVC" FontFamily="Verdana" Canvas.Top="120" Canvas.Left="100"></TextBlock>
注意,若需要在Silverlight中添加对中文字体的支持,请参考Silverlight 2 Beta 2 加载中文字体完全解决方案
2. FontSize. 文字大小,以像素为单位
<TextBlock Text="51MVC,just for MVC" FontSize="10" Canvas.Top="100" Canvas.Left="100"></TextBlock><TextBlock Text="51MVC,just for MVC" FontSize="20" Canvas.Top="110" Canvas.Left="100"></TextBlock><TextBlock Text="51MVC,just for MVC" FontSize="30" Canvas.Top="120" Canvas.Left="100"></TextBlock>
4 FontStyle: 可设置两种值: Normal, Italic(斜体)
<TextBlock Text="51MVC,just for MVC" FontStyle="Normal" FontSize="20" Canvas.Top="100" Canvas.Left="100"></TextBlock><TextBlock Text="51MVC,just for MVC" FontStyle="Italic" FontSize="20" Canvas.Top="120" Canvas.Left="100"></TextBlock>
5 FontStetch. 按比例缩放文字,它提供一些枚举值 如下表
值
usWidthClass
普通纵横比的百分比
UltraCondensed
150.0%
ExtraCondensed
262.5%
Condensed
375.0%
SemiCondensed
487.5%
Normal
5100.0%
Medium
5100.0%
SemiExpanded
6112.5%
Expanded
7125.0%
ExtraExpanded
8150.0%
UltraExpanded
9200.0%
这里要注意,这些值是否起作用还要取决于你选择的字体。
6 FontWeight. 文字的胖瘦。可设置为Thin, ExtraLight, Light, Normal, Medium, SemiBold, Bold, ExtraBold, Black, ExtraBlack.这些值是否起作用还要取决于你所选择的字体。
<TextBlock Text="51MVC,just for MVC" FontWeight="Normal" Canvas.Top="100" Canvas.Left="100"></TextBlock><TextBlock Text="51MVC,just for MVC" FontWeight="Bold" Canvas.Top="120" Canvas.Left="100"></TextBlock>
7. Foreground. 通过这个属性可以设置文字的前景色填充。不但可以使用颜色值,还可以通过设置solid color, gradient, image 及 video笔刷进行填充。还是那句话:很好,很强大
<TextBlock Text="51MVC,just for MVC" Foreground="Purple" Canvas.Top="100" Canvas.Left="100"></TextBlock> <TextBlock Text="51MVC,just for MVC" Canvas.Top="120" Canvas.Left="100"> <TextBlock.Foreground> <LinearGradientBrush> <GradientStop Color="#FF0000FF" Offset="0.0" /> <GradientStop Color="#FFEEEEEE" Offset="1.0" /> </LinearGradientBrush> </TextBlock.Foreground> </TextBlock>
6. TextDecorations. 对文字的修饰,当前Silverlight2只支持underline.
<TextBlock Text="51MVC,just for MVC" TextDecorations="underline" Canvas.Top="100" Canvas.Left="100"></TextBlock>
7. Runs. 你可以在TextBlock中使用Run标签创建内联元素,每个Run都可以设置上面提到的属性。
<TextBlock Canvas.Top="100" Canvas.Left="100"> <Run TextDecorations="underline">51MVC,</Run> <Run Foreground="Purple"> just for MVC</Run> </TextBlock>
另外这里还要介绍一下TextBlock中文字换行的技巧
当我们使用了一个固定宽度的TextBlock时,默认情况下文字会被截断而不自动换行,如下面的例子
<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100"> <TextBlock> 露露神鱼非典地雷炸弹化妆品等都是好人 --年轻的F </TextBlock> </ContentControl>
我们可以通过设置TextWrapping属性的值为“Wrap”来强制其换行
<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100"> <TextBlock TextWrapping="Wrap"> 露露神鱼非典地雷炸弹化妆品等都是好人 --年轻的F </TextBlock></ContentControl>
另外Silverlight还提供了LineBreak标签,它的作用相当于html中的<br />,直接看例子
<ContentControl Width="100" Canvas.Top="100" Canvas.Left="100"> <TextBlock> 露露神鱼非典 <LineBreak/> 地雷炸弹化妆品等 <LineBreak/> 都是好人 <LineBreak/> --年轻的F </TextBlock></ContentControl>
- TextBlock控件全攻略
- [Silverlight]TextBlock控件全攻略
- HTML控件全攻略
- 控件定位全攻略
- Delphi使用VB控件全攻略
- Delphi使用VB控件全攻略
- Delphi使用VB控件全攻略
- Delphi使用VB控件全攻略
- Delphi使用VB控件全攻略
- Delphi使用VB控件全攻略
- 使用C#开发ActiveX控件全攻略
- 使用C#开发ActiveX控件全攻略
- 使用C#开发ActiveX控件全攻略
- 使用C#开发ActiveX控件全攻略
- 使用C#开发ActiveX控件全攻略
- 使用C#开发ActiveX控件全攻略
- wp7 TextBlock控件内容过长的问题
- silverlight中TextBlock控件的使用
- 西安市气象台“三辆直通车”开进周至县
- POJ 2942 Knights of the Round Table(双连通分量+二分图)
- HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
- 【备忘】ubuntu 常用源
- 友盟统计无法统计数据的原因
- TextBlock控件全攻略
- 武汉的雾霾真心恐怖
- 正是看准在线英语未来发展趋势之后的明智选择
- linux中硬链接与软链接
- mysql 用户权限
- 【剑指offer】面试题23:从上往下打印二叉树
- windows程序调试,转自谭文
- SQL Server中数据库文件的存放方式,文件和文件组
- springMVC多数据源使用 跨库跨连接