• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: | 推荐给好友 上一篇 | 下一篇

即刻完成你的ASP.NET程序

发布: 2008-10-13 12:05 | 作者: 不详 | 来源: ProgramFan | 查看: 142次 | 进入软件测试论坛讨论

领测软件测试网

三、超级图像文字控件: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/

55/5<12345

关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备2023014753号-2
技术支持和业务联系:info@testage.com.cn 电话:010-51297073

软件测试 | 领测国际ISTQBISTQB官网TMMiTMMi认证国际软件测试工程师认证领测软件测试网