微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

入门4-了解Silverlight提供的TextBlock文字区块元素对象

TextBlock用法如下:
================================================
<TextBlock
    FontFamily="字体名称"
    FontSize="字号"
    FontStyle="字体样式"
    FontWeight="字体粗细样式"
    Foreground="字体前景颜色"
    Width="文字区块宽度"
    Height="文字区块高度"
    Opacity="文字透明度"
    Text="消息正文"
    textwrapping="字体换行" >
</TextBlock>
=================================================
主要属性值介绍:
FontFamily,个人可任意指定名字
FontSize,可以赋值1,2等数字,单位是pixel
FontStyle可以赋值如Arial,verdana等
FontWeight可以赋值如Thin,Light,Bold,normal,Black等
Foreground可以赋值Red,green等颜色
Width可以赋值数字,如400,500等
Height可以赋值数字,如400,500等
Opacity可以赋值0~1.0的数字(0表示全透明,1表示不透明)
Text可以赋值各种文字
textwrapping可以赋值Wrap,Nowrap,WrapWithOverflow

各实行都有一个default(认)值,当有属性无赋值,或未定义,使用default(认)值

请看以上示例,代码1:
==================================================
<Canvas
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="320" Height="100" Background="Gold">

  <TextBlock
    Canvas.Left="60"
    Canvas.Top="25"
    Text="Limingch Studio"
    FontSize="18"
    FontStyle="Italic"
    FontStretch="UltraExpanded"
    FontWeight="ExtraBlack"
    FontFamily="Verdana,Arial"   
    Foreground="DarkBlue" />

</Canvas>
==================================================
代码1粘贴到入门1中的myxaml.xaml文件中,后双击SampleHTMLPage.html运行,就可看到"Limingch Studio".
朋友们可以试着更改其中的属性赋值,看看有什么效果变化,这是一个很好的学习方法,可以更好的加深理解.

以上的所有文字显示成同样的样式,如果希望文字显示样式可以不同怎么做?例如,让"Limingch"显示的大些,"Studio"显示的小些.
这里XAML提供了<Run>标记来实现这样的功能,请看代码2:
==================================================
<Canvas
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <TextBlock Canvas.Left="20"
    FontFamily="Arial Black" FontSize="16"
    Foreground="Red" Width="500" Text="How do ">

    <Run FontSize="22" FontStretch="ExtraCondensed">you</Run>
    <Run FontSize="34" FontStyle="Italic" Foreground="Blue">feel</Run>
    <Run>today!</Run>

  </TextBlock>

</Canvas>
===================================================

代码2粘贴到入门1中的myxaml.xaml文件中,后双击SampleHTMLPage.html运行
可以看到"How do you feel today!"使用了不同的样式显示,TextBlock里的属性,<Run>标记里都可以用!

下面还要介绍一下Glyphs文字雕刻:
Glyphs处理文字的饿方式和其他的文字元素对象不同,它可以保留文字样式化后的样式,而不会为后续的文字环境或向量调整而受影响或改动.

Glyphs基本用法

<Glyphs
    FontUri="字体URL位置"
    FontRenderingEmSize="字号"
    StyleSimulations="样式"
    UnicodeString="文字信息"
    Fill="颜色"
    OriginX="x轴位置"
    OriginY="y轴位置"
</<Glyphs>
   
关于Glyphs用法略为复杂,接下来我会做详细介绍:)

                                                                                                       锐意进取 大胆创新                                                                                                         蒙哥马利 朱

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐