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。