且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持

更新时间:2022-10-04 20:05:31

   在Silverlight中新增了对OpenType字体属性的支持,它主要通过Typography类的相关属性来控制。下面我们来看看它增加了哪些属性。

注意:必须使用系统的OpenType字体才行,所以FontFamily="Gabriola"。

一、连笔字

        在"ft"之间相连起来,如下图绿色框内所示主要通过 Typography.StandardLigatures的True或者False来决定是否连笔:

Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持

        然后我们看代码如下:


  1. <TextBlock FontFamily="Gabriola" FontSize="100" HorizontalAlignment="Center"  
  2.            Margin="33,304,142,114" Text="NewsftepSet-"  
  3.            Typography.StandardLigatures="False" Width="525" /> 
  4. <TextBlock FontFamily="Gabriola" FontSize="100" HorizontalAlignment="Center" 
  5.            Margin="33,406,142,12" Text="NewsftepSet-" 
  6.            Typography.StandardLigatures="True" Width="525" /> 

二、分数字

        将1/5、4/13等分数按照数学上的分数字来显示,通过设置Typography.Fraction属性为Normal、Slashed、Stacked来控制。

Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持

        其代码如下:


  1. <TextBlock Text="5/152 Normal"  HorizontalAlignment="Center"   
  2.            FontFamily="Gabriola" FontSize="50"   Height="100"   
  3.            Typography.Fraction="Normal" Margin="487,313,12,187" /> 
  4. <TextBlock Text="5/152 Slashed" HorizontalAlignment="Center"   
  5.            FontFamily="Gabriola" FontSize="50"   Height="100"   
  6.            Typography.Fraction="Slashed" Margin="487,373,31,0" VerticalAlignment="Top" /> 
  7. <TextBlock Text="5/152 Stacked"  HorizontalAlignment="Center"  
  8.            FontFamily="Gabriola" FontSize="50"   Height="100"    
  9.            Typography.Fraction="Stacked" Margin="487,419,9,81" /> 

三、上下标字

      比如化学里的三氧化二铁等,通过设置Typography.Variants属性为Subscript、Superscript来实现上下标。如下图:

Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持 

      其具体代码如下:


  1. <TextBlock    FontFamily="Gabriola" FontSize="50"   Height="100" 
  2.               HorizontalAlignment="Center"     Margin="487,488,117,12" > 
  3.     <Run Text="Fe" Typography.Variants="Normal" />  
  4.     <Run Text="2" Typography.Variants="Subscript" />   
  5.     <Run Text="O" Typography.Variants="Normal" /> 
  6.     <Run Text="3" Typography.Variants="Superscript" /> 
  7. </TextBlock> 

四、手写字

      在生活中我们需要一些比较漂亮的手写字,在Silverlight 5 RC版本中准备了7种样式的手写字,通过设置Typography.StylisticSet*的True、False来实现,其中*号是从1到7的整数 字来代替,8以上的数字设置是无效的。如下图:

Silverlight 5 RC新特性探索系列:15.Silverlight 5 RC 对OpenType字体属性的支持

        其代码如下所示:


  1. <TextBlock Text="NewsftepSet-" HorizontalAlignment="Center" FontSize="50"       
  2.  
  3.                   Height="100" FontFamily="Gabriola" Margin="20,12,484,488" />  
  4.        <TextBlock Text="NewsftepSet1" HorizontalAlignment="Center" FontSize="50" FontFamily="Gabriola"  
  5.                   Typography.StylisticSet1="True" Height="100" Margin="245,12,255,488" />  
  6.        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"  
  7.                   Margin="471,12,28,488" Text="NewsftepSet2" Typography.StylisticSet2="True" />  
  8.        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"  
  9.                   Margin="20,118,478,382" Text="NewsftepSet3" Typography.StylisticSet3="True" />  
  10.        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"  
  11.                   Margin="246,118,246,382" Text="NewsftepSet4" Typography.StylisticSet4="True" />  
  12.        <TextBlock FontFamily="Gabriola" FontSize="50" Height="100" HorizontalAlignment="Center"  
  13.                   Margin="471,118,25,382" Text="NewsftepSet5" Typography.StylisticSet5="True" />  
  14.        <TextBlock FontFamily="Gabriola" FontSize="50" HorizontalAlignment="Center" Width="221"  
  15.                   Margin="20,224,459,253" Text="NewsftepSet6" Typography.StylisticSet6="True" />  
  16.        <TextBlock FontFamily="Gabriola" FontSize="50" HorizontalAlignment="Center" Width="218"  
  17.                   Margin="247,224,235,253" Text="NewsftepSet7" Typography.StylisticSet7="True"  />  

        如需源码请点击 SL5OpenType.zip 下载,谢谢支持~



本文转自程兴亮 51CTO博客,原文链接:http://blog.51cto.com/chengxingliang/827065