位置:海鸟网 > IT > ASP.NET >

ASP.Net 2.0 图形控件简述

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" 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。

原文出处: