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

ASP.Net 2.0图形控件简述

 2010-10-25 13:02:42 来源:Web开发网   
核心提示:1、Image控件是用来显示图象的,对应于<img />标签,ASP.Net 2.0图形控件简述,典型的Image控件格式如下<asp:Image id="imgRandom" ImageUrl="Picture.gif" AlternateText="

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" OnClick="mapMenu_Click">
    <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。

Tags:ASP.Net 图形 控件

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