WEB开发网
开发学院WEB开发ASP.NET ASP.Net 2.0 图形控件简述 阅读

ASP.Net 2.0 图形控件简述

 2006-12-20 17:19:28 来源:WEB开发网   
核心提示:asp.net 2.0包含两个图形控件,一个Image,一个是ImageMap控件,ASP.Net 2.0 图形控件简述,1、Image控件是用来显示图象的,对应于<img />标签,上面的HotSpotMode="PostBack"和PostBackValue="Erase&

asp.net 2.0包含两个图形控件,一个Image,一个是ImageMap控件。
1、Image控件是用来显示图象的,对应于<img />标签,典型的Image控件格式如下
  <asp:Image
    id="imgRandom"
    ImageUrl="Picture.gif"
    AlternateText="Picture"
    DescriptionUrl=""
    GenerateEmptyAlternateText=""
    ImageAlign=""/>
  id  是用来标识控件的,
  ImageUrl  是图片链接,
  AlternageText  是无法显示图片时显示的文字,
  DescriptionUrl  提供一个图片的详细说明的链接
  GenerateEmptyAlternateText  将AlternateText设置为空
  ImageAlign  用来提供相对于其他HTML元素的位置,可能的值有  AbsBottom,AbsMiddle,Baseline,Bottom,Left,Middle,NotSet,Right,TextTop,Top
2、ImageMap控件,也可以用来显示图象,但根据你点击的不同位置,可以产生不同的效果,典型的ImageMap控件格式如下
<asp:ImageMap
     id="mapMenu"
     ImageUrl="MenuBar.gif"
     HotSpotMode="PostBack"
     Runat="server" >
     <asp:RectangleHotSpot
       PostBackValue="ToUpper"
       Left="0"
       Top="0"
       Right="100"
       Bottom="30"
       AlternateText="To Uppercase" />
     <asp:RectangleHotSpot
       PostBackValue="ToLower"
       Left="100"
       Top="0"
       Right="200"
       Bottom="30"
       AlternateText="To Uppercase" />
     <asp:RectangleHotSpot
       PostBackValue="Erase"
       Left="200"
       Top="0"
       Right="300"
       Bottom="30"
       AlternateText="To Uppercase" />
   </asp:ImageMap>

   id,ImageUrl不必解释了,
   <asp:RectangleHotSpot />  代表长方形点击区域
   <asp:PolygonHotSpot  />  代表多边形区域
   <asp:CircleHotSpot />  代表圆形区域
 
  上面的程序常应用在用整个图片来导航的地方。
  
   ImageMap可以返回数据,上面的HotSpotMode="PostBack"和PostBackValue="Erase",当点击相应的图片区域时,事件mapMenu_Click触发,可以用PostBackValue来调用返回的PostBackValue。

原文出处:http://blog.sina.com.cn/u/538461ee010005lz

Tags:ASP Net 图形

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接