Atlas学习手记（15）：使用RoundedCorners为控件加上圆角效果

RoundedCorners是AtlasControlToolkit中的一个Extender，利用它可以轻松地为ASP.NET中的控件加上圆角效果。

 

主要内容

1．RoundedCorners介绍

2．简单示例

 

一．RoundedCorners介绍

RoundedCorners是AtlasControlToolkit中的一个Extender，利用它可以轻松地为ASP.NET中的控件加上圆角效果。简单的示例代码如下：

<atlasToolkit:RoundedCornersExtender ID="rce" runat="server">

    <atlasToolkit:RoundedCornersProperties 

        Color="#ff0000" 

        TargetControlID="Panel1" 

        Radius="10">

    </atlasToolkit:RoundedCornersProperties>

</atlasToolkit:RoundedCornersExtender>

它的属下如下：

属性

描述

TargetControlID

要添加圆角效果的目标控件ID

Radius

圆角的半径，以px为单位，默认值为5px

Color

可以设置颜色

二．简单示例

RoundedCorners的使用非常简单，下面看一个例子。新建Web Site后，在ASPX页面的顶部加入：

<%@ Register Assembly="AtlasControlToolkit" Namespace="AtlasControlToolkit" TagPrefix="atlasToolkit" %>

添加一个Panel作为我们的目标控件，即要添加圆角效果的控件：

<asp:Panel ID="Panel1" runat="server" Width="300px" CssClass="roundedPanel">

    <div style="padding:10px;text-align:center">

        <div style="padding:5px; border:solid black thin;background-color:#B4B4B4;">

        <asp:Image ID="Image1" runat="server" ImageUrl="atlas_title.jpg" /><br />

        </div>

    </div>

</asp:Panel>

添加RoundedCornersExtender，设置相关的属性如下：

<atlasToolkit:RoundedCornersExtender ID="rce" runat="server">

    <atlasToolkit:RoundedCornersProperties 

        Color="#ff0000" 

        TargetControlID="Panel1" 

        Radius="10">

    </atlasToolkit:RoundedCornersProperties>

</atlasToolkit:RoundedCornersExtender>

用到的CSS样式：

<style type="text/css">

    .roundedPanel

    {    
        width:300px; 

        background-color:#5377A9;    

        color:white;

        font-weight:bold;        
    }

</style>

编译后运行效果如下：

不添加圆角效果时的效果：

完整示例代码下载：http://files.cnblogs.com/Terrylee/RoundedCornersDemo.rar

作者：TerryLee
出处：http://terrylee.cnblogs.com
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
posted @ 2006-08-09 14:01 TerryLee 阅读(2677) 评论(12)  编辑 收藏 网摘 所属分类: [08]  Web开发

  回复  引用  查看    
#1楼 2006-08-09 17:16 | 大剑师      
PF,典型的高产作家啊
  回复  引用  查看    
#2楼 [楼主]2006-08-09 17:22 | TerryLee      
@大剑师
过奖，作家实在不敢当，呵呵:-)
  回复  引用    
#3楼 2006-08-12 06:50 | 正树 [未注册用户]
不错 再来支持下 非常好呀 加油加油 把July CTP新的那些Extender都翻译过来
  回复  引用  查看    
#4楼 [楼主]2006-08-14 08:33 | TerryLee      
@正树
谢谢支持，我尽量
  回复  引用    
#5楼 2006-08-25 12:45 | 风焰 [未注册用户]
Good啊
  回复  引用  查看    
#6楼 [楼主]2006-08-28 08:35 | TerryLee      
@风焰
谢谢:-)
  回复  引用    
#7楼 2006-08-29 17:07 | fangyifeng [未注册用户]
terrylee实在是位好同志,继续发扬!
  回复  引用  查看    
#8楼 [楼主]2006-08-29 17:36 | TerryLee      
@fangyifeng
大家这么夸奖，实在有点感动:-)

这几天太忙了，有点对不起大家
  回复  引用    
#9楼 2007-01-17 00:30 | snyod [未注册用户]
代表党(.NET平台)感谢您.
全部收藏......
  回复  引用    
#10楼 2007-01-29 11:12 | 许正扬 [未注册用户]
翻译不错啦，值得看看。

不过，这个文章不是仁兄自己写的。是Atlas 一个微软提过的一个参考文档中的，原文是英文的。
  回复  引用    
#11楼 2007-06-05 10:41 | 木其子 [未注册用户]
到了官方看了,都是英文的,TerryLee真是好人啊,为我这样的,英文很菜的人,提供了帮助,感谢TerryLee!
标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

人才

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2006-08-15 08:02 编辑过
Google站内搜索

相关文章:

相关链接:

最新IT新闻:
Google操作系统已开始内部测试？
Google阅读器界面升级 全新改版
微软官方下载：Windows Vista SP2 Beta测试版
微软发布PC Live单机游戏客户端
Firefox遭“独家”恶意软件攻击