三、超級圖像文字控件:Superexpert ImageText
我們知道,ASP.NET可以將文字生成圖象,只是,對我大部分用戶而言,這些功能藏的有點深。Superexpert ImageText讓我們可以很簡單的實現將文字生成圖象。我們可以使用安裝在服務器上的任何一款字體來生成圖象,也可以使用我們下面將要提到的所有圖象特效來生成圖象。
我們可以利用Superexpert ImageText來快速的生成圖象,它的好處是我們可以完全控制文字的樣式。
。、自動生成圖象
要使用Superexpert ImageText,我們只要簡單的提供一個唯一ID和需要轉化的文字。下面的舉例將生成“Hello World”:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlHello"
Text="Hello World!"
Runat="Server"/>
具體效果請看:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample1.aspx
為了取得更好的效果,我們可以為文字設置字體和顏色,也可以設置圖象背景,下面的舉例就是這樣:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlComic"
Text="Hello World!"
Font-Name="Comic Sans MS"
Font-Size="34"
ForeColor="DarkBlue"
Runat="Server"/>
<p>
<Super:ImageText
ID="ctrlImpact"
Text="Hello World!"
Font-Name="Impact"
Font-Size="24"
ForeColor="Red"
BackColor="Black"
Runat="Server"/>
具體效果請看:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample2.aspx
需要了解的是,無論采用什么字體,只要服務器上安裝了所使用的字體就行,只要已經轉化為圖象,所有瀏覽器都可以正確的顯示。
。、陰影特效
通過設置DropShadow屬性,我們可以將文字轉化為帶有陰影效果的圖象:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlDrop"
Text="Hello World!"
Font-Name="Impact"
Font-Size="34"
DropShadow-Display="True"
DropShadow-xOffSet="3"
Runat="Server"/>
具體效果如下:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample3.aspx
針對陰影效果,我們還可以設置以下屬性來增強:
● DropShadow-xOffSet:水平方向偏移
● DropShadow-yOffSet :垂直方向偏移
● DropShadow-Alpha :設置陰影透明度
● DropShadow-Color :設置陰影顏色
。、旋轉文字效果
通過設置文字的RotateFlip屬性,我們可以將文字進行旋轉:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlHello"
Text="Hello World!"
Font-Size="24"
RotateFlip="Rotate90FlipNone"
Runat="Server"/>
<p>
<Super:ImageText
ID="ctrlHello2"
Text="Hello World!"
Font-Size="24"
RotateFlip="Rotate180FlipNone"
Runat="Server"/>
具體效果請看:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample4.aspx
四)控制圖象背景
我們可以設置背景為漸進顏色、圖片或者特殊圖案,以下是一個漸進顏色背景的舉例:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlHello"
BackGround-Gradient="True"
CellPadding="4"
Text="Hello World!"
Runat="Server"/>
具體效果請看:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample5.aspx
我們還可以使用BackGround-HatchStyle屬性來設置特殊背景圖案和圖案顏色,以下舉例就是一個波紋圖案背景的圖象:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlHello"
CellPadding="10"
BackGround-HatchStyle="Weave"
BackGround-StartColor="Green"
Text="Hello World!"
Runat="Server"/>
具體效果請看:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample6.aspx
。、多行文字
通過設置圖象的寬度,可以實現多行文字的效果:
<%@ Register TagPrefix="Super" Namespace="Superexpert"
Assembly="Superexpert.ImageText" %>
<Super:ImageText
ID="ctrlHello"
Text="This is a long paragraph that demonstrates how you can wrap text with the ImageText control"
CellPadding="20"
Width="200"
BackColor="Orange"
Runat="Server"/>
具體效果請看:
http://www.superexpertcontrols.com/imagetextbeta2/samples/sample7.aspx
。、定稿圖象
如果不想每次頁面變動都重新生成圖象,可以設置Final屬性為True。
四、總結
以上介紹的一些控件,我們在平時的設計中用的可能都比較多,非常使用。在我我們潛心研究ASP.NET的同時,我們可以學習利用這些工具來提高我們的工作效率和工作效果。
文章來源于領測軟件測試網 http://www.kjueaiud.com/