三、超级图像文字控件:Superexpert ImageText
我们知道,ASP.NET可以将文字生成图象,只是,对我大部分用户而言,这些功能藏的有点深。Superexpert ImageText让我们可以很简单的实现将文字生成图象。我们可以使用安装在服务器上的任何一款字体来生成图象,也可以使用我们下面将要提到的所有图象特效来生成图象。
我们可以利用Superexpert ImageText来快速的生成图象,它的好处是我们可以完全控制文字的样式。
1、自动生成图象
要使用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
需要了解的是,无论采用什么字体,只要服务器上安装了所使用的字体就行,只要已经转化为图象,所有浏览器都可以正确的显示。
2、阴影特效
通过设置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 :设置阴影颜色
3、旋转文字效果
通过设置文字的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
5、多行文字
通过设置图象的宽度,可以实现多行文字的效果:
<%@ 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
6、定稿图象
如果不想每次页面变动都重新生成图象,可以设置Final属性为True。
四、总结
以上介绍的一些控件,我们在平时的设计中用的可能都比较多,非常使用。在我我们潜心研究ASP.NET的同时,我们可以学习利用这些工具来提高我们的工作效率和工作效果。
文章来源于领测软件测试网 https://www.ltesting.net/