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">

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

</div>

</asp:Panel>

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

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

<atlasToolkit:RoundedCornersProperties

Color="#ff0000"

TargetControlID="Panel1"

Radius="10">

</atlasToolkit:RoundedCornersProperties>

</atlasToolkit:RoundedCornersExtender>

用到的CSS样式：

.roundedPanel

{

width:300px;

background-color:#5377A9;

color:white;

font-weight:bold;

}

</style>

编译后运行效果如下：

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

完整示例代码下载

转载于:https://www.cnblogs.com/qfb620/archive/2008/03/25/1121047.html

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

vs2010 学习Silverlight学习笔记(8)：使用用户控件
概要: 这个类似于封装控件样式.不过封装的是整个或是多个控件罢了,然后用的时候就可以直接引用过来了. 创建用户控: 这个也很简单,不过有几个地方需要注意下.这个就不照抄了,咱们也自己写一个. 步骤: ...
ASP.Net学习笔记002--ASP.Net服务端控件做了什么2
ASP.Net学习笔记002--ASP.Net服务端控件做了什么2 以前写的课程都没有附上源码,很抱歉! 课程中的源码可以加qq索要:1606841559 技术交流qq1群:251572072 技术交 ...
java学习笔记(三)：前端miniUI控件库入门
java学习笔记(三):前端miniUI控件库入门最近在一家公司实习学习,一上来就需要学习了解相关的前端内容--miniUI.而这个内容自己本身并没有了解学习过,上手也是遇到了不少的问题,于是想把自 ...
android 实现控件搜索折叠效果 Animation动画折叠和普通折叠
android 实现控件搜索折叠效果 Animation动画折叠和普通控件直接折叠效果: 原理很简单,都是获取对应的高度,通过实现高度变化而改变显示效果: 话不多说直接上代码 1.普通折叠效果,以下是 ...
iphone屏幕圆角插件_关于iOS控件设置圆角的一些个人看法（iOS 10.0.2）
写在最前面:该文章使用的机器是iPhone 6(iOS 10.0.2),得出的结果跟iOS 8和iOS 9不太一样,关于iOS 8和iOS 9的结论,在最后有. 这几天看简书上的文章,看到几篇关于控件 ...
Atlas学习手记（5）：使用服务端定时控件TimerControl
摘要:TimerControl是一个用于服务器端定时器的控件,可用来实时显示数据等,在很多地方都有应用,本文将简单介绍一下TimerControl的使用. 主要内容 1．TimerControl介绍 ...
Atlas学习手记（9）：异步调用Page Method
使用Atlas我们可以调用两种服务端的方法WebService Method和Page Method,在前面的使用中,我们一直都是调用WebService Method,如何去调用一个Page Met ...
Android学习笔记26：图片切换控件ImageSwitcher的使用
在Windows操作系统中,要查看多张图片,可以通过使用"Windows照片查看器"在"上一张"和"下一张"之间切换,进行多张图片的浏览. ...
学习笔记---母板页、用户控件、第三方控件及视图状态管理
一.母版页在制作页面的过程中, 多个页面往往具有相同的页面Header和页面Footer, 多个页面只是在中间部分有变化. 那么我们完全可以避免在每个页面中都写一遍页头和页尾的代码, 这种技术就是母 ...

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

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

最新文章

热门文章