ASP.Net 2.0 图形控件简述

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