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。