打印

[asp.net教程] 即刻完成你的asp.net程序(4)

即刻完成你的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的同时,我们可以学习利用这些工具来提高我们的工作效率和工作效果。

TOP

返回顶部
AYBlue

Processed in 0.063819 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-10 10:47 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP