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

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3