SilverLight显示中文字(一)
我們知道silverlight只提供了一下幾種字體,
當我們需要顯示中文字時,雖然在blend2里是正常的,但是瀏覽時還出現方框 。 比如當我們輸入“博客園”,blend2顯示如下。
xaml文件內容如下:
<Canvas
??? xmlns="http://schemas.microsoft.com/client/2007"
??? xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
??? Width="179" Height="147"
??? Background="White"
??? xmlns:UntitledProject4="clr-namespace:UntitledProject4;assembly=ClientBin/UntitledProject4.dll"
??? x:Class="UntitledProject4.Page;assembly=ClientBin/UntitledProject4.dll"
??? x:Name="Page"
??? >
??? <TextBlock Width="147" Height="66" Canvas.Left="24" Canvas.Top="60" TextWrapping="Wrap" Foreground="#FFD8712A" Text="博客園" FontSize="48"/>
</Canvas>
但在瀏覽器里會顯示成這樣的。
那么我們看如何顯示中文呢?
有三種方法:分別是文字對象(Glyphs )、繪圖對象(Path)與圖片對象(Image)三種,這三種區別如下:
?
方法一: 使用文字對象Glyphs
????? 實例:(1)拷貝中文字到工程(比如simHei.ttf)
????????????????????
???????????????? (2) 在xaml里加入如下代碼(注意FontUri屬性):
?????????
?????????????? (3)在瀏覽器中瀏覽,我們可以看到Glyphs部分顯示出了正確的字體,TextBlock未顯示:
?????????
這樣似乎解決了,可是,Glyphs 顯示中文字時,雖然以異步的方式從 Web服務器下載完整的字庫,但是,我們知道中文字庫一般都好幾兆,同時下載整個字庫也會有版權的法律問題。那么我們如何減少網絡流量呢,就是我們可以只下載我們需要顯示的字體,步驟如下:
a. 在word2007里寫下需要顯示的字體,比如“博客園”
b.選擇打印,選擇micorsoft xps document writer, 保存為simHei.zip(默認是xps,其實它就是一個壓縮包).
c. 解壓縮,找到documents\1\resources\Fonts\FF697615-FEE6-422B-A2CD-8D419E91303E.odttf,改名為mySimHei.ttf,拷貝到工程目錄.
? 改動fontUri="mySimHei.ttf"
<Glyphs
????????? FontUri = "mySimHei.ttf"
????????? FontRenderingEmSize = "100"
????????? UnicodeString?????? = "博客園"
????????? Fill??????????????? = "Yellow"
????????? OriginX???????????? = "0"
????????? OriginY???????????? = "100">
??? </Glyphs>
d. 瀏覽,得到如下圖,我們看到也顯示正確
我們現在對比一下兩個文件的大小,一個是746KB, 一個是9809KB,性能是顯而易見的。
現在我們再做一個實驗:
把要顯示的字改為"博客園博客滿園"
<Glyphs
????????? FontUri = "mySimHei.ttf"
????????? FontRenderingEmSize = "50"
????????? UnicodeString?????? = "博客園博客滿園"
????????? Fill??????????????? = "Red"
????????? OriginX???????????? = "0"
????????? OriginY???????????? = "100">
??? </Glyphs>
測試看到“滿”字沒有顯示,原因很簡單,就是我們沒有在word里把要顯示的“滿”字打印出來。
?
?
(未完待續...)
?
祝大家編程愉快
?
轉載于:https://www.cnblogs.com/cnblogsfans/archive/2008/02/18/1072285.html
總結
以上是生活随笔為你收集整理的SilverLight显示中文字(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: wxPython wx.ArtProvi
- 下一篇: 浅谈CruiseControl的部署