ASP.NET - ImageMap Web 服务器控件概述(一)

本文介绍了ASP.NET的ImageMap控件,用于创建带有可点击区域(作用点)的图像。作用点可以是超链接或触发回发事件。通过设置HotSpot,用户可以自定义每个作用点的形状、位置和行为,实现用户单击后的不同响应,如跳转URL或执行服务器端操作。
摘要由CSDN通过智能技术生成

 

      使用 ASP.NET ImageMap 控件创建具有用户可以单击的单个区域的图像,这些单个区域称为作用点。每一个作用点都可以是一个单独的超链接或回发事件。

 

一、背景

ImageMap 控件由两个元素组成。第一个是图像,它可是任何标准 Web 图形格式的图形,如 .gif.jpg .png 文件。

第二个元素是 HotSpot 控件的集合。每个作用点控件都是一个类型为 CircleHotSpotRectangleHotSpot PolygonHotSpot 的不同项。对于每个作用点控件,您都要定义用于指定该作用点的位置和大小的坐标。例如,如果创建一个 CircleHotSpot 控件,则需要定义圆心的 x y 坐标以及圆的半径。

可以根据需要为图像定义任意数目的作用点。您不必定义许多作用点,来覆盖整个图形。

说明: 可以定义重叠的作用点。每个作用点都有一个 z 顺序值。如果用户点击某个由两个或多个重叠的作用点定义的区域,则将选定 z 顺序值最高的作用点。

      响应用户单击:您可以指定用户单击作用点时发生的事件。您可以将每个作用点配置为可以转到您为该作用点提供的 URL 的超链接。或者,您也可以将控件配置为在用户单击某个作用点时执行回发,并可为每个作用点提供一个唯一值。回发会引发 ImageMap 控件的 Click 事件。在事件处理程序中,可以读取分配给每个作用点的唯一值。

 

二、如何:向网页添加 ImageMap Web 服务器控件

      ImageMap 控件创建了一个图形,这个图形中具有用户可以分别单击的作用点。创建 ImageMap 控件包括以下步骤:创建控件、指定图像,然后分别定义作用点。

 

      1、添加 ImageMap 控件

·从工具箱的“标准”选项卡中,将 ImageMap 控件拖动到页面上。

一、源码特点       1、先进的 HTTP 编程模型: 使用新的强类型的 HTTP 对象模型直接操作 HTTP 请求和响应, 在 HTTP客户端使用相同的编程模型和 HTTP 管道;       2、支持路由: Web API 完整支持 ASP.NET 路由, 包括路由参数和约束。 此外, 到动作的映射支持约定, 从此将不再需要向类或者方法添加类似于 [HttpPost] 之类的属性;       3、内容协商: 客户端与服务端可以一起决定 API 返回数据的格式。 默认支持 XML, JSON 以及 Form URL-Encoded 格式, 可以扩展添加自定义格式, 甚至可以替换掉默认的内容协商策略;       4、模型绑定与验证: 模型绑定器可以轻易地从 HTTP 请求中提取数据并转换成在动作方法中使用的 .Net 对象;       5、过滤: Web API 支持过滤, 包括总所周知的 [Authorize] 过滤标记, 可以为 Action 添加并插入自定义过滤, 实现认证、异常处理等;       6、查询聚合: 只要简单的返回 Iqueryable , Web API 将会支持通过 OData 地址约定进行查询;       7、改进的 Http 细节可测试性: Web API 不是将 HTTP 细节设置到一个静态的 Context 对象上, 而是使用 HttpRequestMessage 和 HttpResponseMessage 实例, 可以使用这些对象的泛型版本为这些 Http 类型添加自定义类型;       8、改进的依赖反转 (IoC) 支持: Web API 使用 MVC Dependency Resolver 实现的服务定位器模式在不同的场景下来获取实例;       9、基于代码的配置: Web API 单独使用代码完成配置, 从而保证了配置文件的整洁;       10、自托管 (Self-Host) : Web API 除了可以托管在 IIS 中, 还可以托管在进程中,依旧可以使用路由以及其它的特性。 二、注意事项       1、开发环境为Visual Studio 2012,数据库为SqlServer2008,使用.net 4.0开发。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值