即刻完成你的asp.net程序(4)
三、超级图像文字控件: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的同时,我们可以学习利用这些工具来提高我们的工作效率和工作效果。