Silverlight是WPF的子集,而Silverlight的母体WPF拥有大量可以显示文字信息的对象和控件,并且文字显示具备了强大与多变的特性,而Silverlight只有三个对象是用来直接显示相关文字的(另外还有两个常见的功能辅助文字实现各种样式或效果变化)。
TextBlock:一段文字区块
Glyphs:文字雕刻
Run:在TextBlock中个别独立运行的文字。
Brush:各种笔刷
Transform:变形效果,进行效果处理
程序代码:
<Canvas Canvas.Left="10" Canvas.Top="20">
<!--TextBlock-->
<TextBlock FontFamily="Arial" FontSize="15" FontWeight="ExtraLight" Width="180" Foreground="White" TextWrapping="Wrap" Opacity="0.6" Canvas.Left="10">
<!--Run-->
Hello, I'm <Run Foreground="Yellow" FontSize="18">zeusmht</Run>.Today I'll tell U somethings about silverlight,so let's begin...
</TextBlock>
</Canvas>
<Canvas Width="200" Height="200" Canvas.Left="10" Canvas.Top="80">
<TextBlock FontFamily="Arial" FontSize="15" FontWeight="ExtraLight" Width="180" Foreground="Red" TextWrapping="Wrap" Opacity="0.6">
Hello, I'm zeusmht.Today I'll tell U somethings about silverlight,so let's begin...
Hello, I'm zeusmht.Today I'll tell U somethings about silverlight,so let's begin...
Hello, I'm zeusmht.Today I'll tell U somethings about silverlight,so let's begin...
Hello, I'm zeusmht.Today I'll tell U somethings about silverlight,so let's begin...
Hello, I'm zeusmht.Today I'll tell U somethings about silverlight,so let's begin...
<!--文字裁剪:Ellipse-->
<TextBlock.Clip>
<EllipseGeometry Center="100,100" RadiusX="50" RadiusY="50"/>
</TextBlock.Clip>
</TextBlock>
</Canvas>
<Canvas Canvas.Left="80" Canvas.Top="80">
<TextBlock FontFamily="Arial" FontSize="15" FontWeight="ExtraLight" Width="300" TextWrapping="Wrap" Canvas.Left="10">
zeusmht: hello wrold!
<!--径向渐变-->
<TextBlock.Foreground>
<LinearGradientBrush>
<GradientStop Color="Yellow" Offset="0.2"/>
<GradientStop Color="Orange" Offset="0.4"/>
<GradientStop Color="Red" Offset="0.8"/>
</LinearGradientBrush>
</TextBlock.Foreground>
</TextBlock>
<!--Transform-->
<Canvas.RenderTransform>
<RotateTransform Angle="45" CenterX="200" CenterY="200"/></Canvas.RenderTransform>
</Canvas>
</Canvas>
效果:
(此外:Brush:(SolidColorBrush、LinerGradientBrush、RadialGradientBrush、ImageBrush、VideoBrush类型))
(二:Transform:(RotateTransform、ScaleTransform、SkewTransform、TranslateTransform特效))