21.3 RoundedCorners锐化边角控件 (征服ASP.NET 2.0 Ajax——Web开发技术详解)

本文主要是介绍21.3 RoundedCorners锐化边角控件 (征服ASP.NET 2.0 Ajax——Web开发技术详解),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 --------http://book.csdn.net/bookfiles/305/10030512732.shtml

21.3  RoundedCorners锐化边角控件

RoundedCorners控件专门用来锐化控件的边角,本节介绍其主要的属性和功能。

21.3.1  简介

RoundedCorners控件和DropShadow控件的锐化效果一样,缺点是没有阴影效果,优点是可以只锐化4个边角中的任意一个或多个。RoundedCorners控件的主要属性如下所示:

<ajaxToolkit:RoundedCornersExtender ID="rce" runat="server"

    TargetControlID="Panel1"

    Radius="6"

    Corners="All" />

其中各属性的意义如下:

l  TargetControlID:被锐化的控件ID。

l  Radius:锐化幅度。

l  Corners:要锐化的边角,All表示所有边角。

RoundedCorners控件的应用效果如图21-22所示。

图21-22  RoundedCorners控件的应用效果

21.3.2  自定义锐化效果

本例的功能是可以自定义边角锐化的幅度,也可以选择要锐化的边角。演示步骤如下:

(1)打开VS2005,新建一个AJAX Control Toolkit网站,命名为“AjaxRoundedCornersCtrl”。

(2)打开默认生成的Default.aspx,切换到设计视图。

(3)添加一个Panel,用来实现锐化效果,再添加一个RoundedCorners,用来控制锐化。然后添加2个Html Radio和4个Html CheckBox。效果如图21-23所示。

图21-23  RoundedCorners控件实例的设计视图

(4)2个Radio让用户选择其锐化的幅度,4个CheckBox让用户选择锐化的边角,这6个控件的事件定义如清单21-16所示。注意“$find”方法的使用,是AJAX类库中提供查找客户端AJAX控件专用的方法。

代码清单21-16  自定义RoundedCorners的效果事件

<input id="Radio1" type="radio"   value="8"

          οnclick="$find('RoundedCornersBehavior1').set_Radius(this.value);"/>8

<input id="Radio2" type="radio" value="10"

          οnclick="$find('RoundedCornersBehavior1').set_Radius(this.value);" />10

选择某个边角 &nbsp;

<input id="Checkbox1" type="checkbox"   value="1"

      οnclick="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);" checked="checked" />左上角

<input id="Checkbox2" type="checkbox" value="2"

                    οnclick="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);" checked="checked" />右上角

<input id="Checkbox3" type="checkbox"  value="8"

                    οnclick="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);" checked="checked" />左下角

<input id="Checkbox4" type="checkbox"  value="4"

                    οnclick="$find('RoundedCornersBehavior1').setCorner(this.value, this.checked);" checked="checked" />右下角

(5)设计RoundedCorners的属性如下所示。

<ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server"

        BehaviorID="RoundedCornersBehavior1"

        TargetControlID="Panel1">

</ajaxToolkit:RoundedCornersExtender>

(6)按“Ctrl+S”保存所有的设计。按F5运行程序,效果如图21-24所示。可通过选择不同的锐化幅度测试不同的运行效果。

图21-24  RoundedCorners自定义的运行效果

这篇关于21.3 RoundedCorners锐化边角控件 (征服ASP.NET 2.0 Ajax——Web开发技术详解)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/783382

相关文章

Linux换行符的使用方法详解

《Linux换行符的使用方法详解》本文介绍了Linux中常用的换行符LF及其在文件中的表示,展示了如何使用sed命令替换换行符,并列举了与换行符处理相关的Linux命令,通过代码讲解的非常详细,需要的... 目录简介检测文件中的换行符使用 cat -A 查看换行符使用 od -c 检查字符换行符格式转换将

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片,如艺术画作、设计素材、报告图表等,提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

C#数据结构之字符串(string)详解

《C#数据结构之字符串(string)详解》:本文主要介绍C#数据结构之字符串(string),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录转义字符序列字符串的创建字符串的声明null字符串与空字符串重复单字符字符串的构造字符串的属性和常用方法属性常用方法总结摘

JSON Web Token在登陆中的使用过程

《JSONWebToken在登陆中的使用过程》:本文主要介绍JSONWebToken在登陆中的使用过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录JWT 介绍微服务架构中的 JWT 使用结合微服务网关的 JWT 验证1. 用户登录,生成 JWT2. 自定义过滤

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

springboot security快速使用示例详解

《springbootsecurity快速使用示例详解》:本文主要介绍springbootsecurity快速使用示例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录创www.chinasem.cn建spring boot项目生成脚手架配置依赖接口示例代码项目结构启用s

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2