在ASP.NET WEB控件中应用样式(Style)
2004-09-24 17:58
483 查看
在ASP.NET WEB控件中应用样式(Style)
翻译: T.T (TPoI)
在这编文章中, 我将告诉你如何使用.NET FRAMEWORK类库中的WEB类来为WEB服务器控件创建和应用样式(Style).
System.Web.UI.WebControls.Style 类
Style类定义在System.Web.UI.WebControls名字空间, 用来描叙一个WEB服务器控件的样式. 该类的属性可以设置WEB服务器控件的外观, 或者多个WEB服务器控件使用一个通用的外观. 你可以通过这些属性来改变背景色, 前景色, 边框宽度, 边框样式和WEB服务器控件大小. 表1为Style类的属性
表1. Style类的属性
System.Web.UI.WebControls.WebControl.ApplyStyle 方法
ApplyStyle方法是把你之前所设置的样式应用到一个Web服务器控件中去. 下面有一小段代码:
WebControl ctrl;
Style s;
// 设置Style的属性
………
// 应用Style
ctrl.ApplyStyle(s);
例子
现在我将用一个例子来讲解如何在WEB服务器控件中应用样式. 在Visual Studio.NET中建立一个WEB应用程序, 在Form中添加3个控件, Button, TextBox, ListBox. 给ListBox中添加一些items(使用Collection属性). 请看图一
![](http://www.aspdotnetheaven.com/Code/Jan2003/ApplyS1.jpg)
现在再创建2个新的方法, CreateStyle和SetControlStyle. CreateStyle方法有7个参数, 为背景色,前景色等传递值. 这个方法返回一个Style的对象
// 这个方法创建一个新的样式
CreateStyle(Color backClr, Color foreClr, int borderWidth, string fntName, int fntSize, bool fntBold, bool fntItalic)
{
Style s = new Style();
s.BackColor = backClr;
s.ForeColor = foreClr;
s.BorderWidth = borderWidth;
s.Font.Name = fntName;
s.Font.Size = fntSize;
s.Font.Bold = fntBold;
s.Font.Italic = fntItalic;
return s;
}
// 这个方法将样式应用到一个WEB服务器控件中
private void SetControlStyle(System.Web.UI.WebControls.WebControl ctrl, Style s)
{
ctrl.ApplyStyle(s);
}
现在将创建按钮的click event
private void Button1_Click(object sender, System.EventArgs e)
{
Style st = CreateStyle(Color.Green, Color.Yellow, 3, "Verdana", 10, true, true);
SetControlStyle(TextBox1, st);
st = CreateStyle(Color.Red, Color.Black, 2, "Verdana", 12, true, true);
SetControlStyle(SetStyleBtn, st);
st = CreateStyle(Color.Blue, Color.Yellow, 2, "Verdana", 12, true, true);
SetControlStyle(ListBox1, st);
}
现在运行程序
翻译: T.T (TPoI)
在这编文章中, 我将告诉你如何使用.NET FRAMEWORK类库中的WEB类来为WEB服务器控件创建和应用样式(Style).
System.Web.UI.WebControls.Style 类
Style类定义在System.Web.UI.WebControls名字空间, 用来描叙一个WEB服务器控件的样式. 该类的属性可以设置WEB服务器控件的外观, 或者多个WEB服务器控件使用一个通用的外观. 你可以通过这些属性来改变背景色, 前景色, 边框宽度, 边框样式和WEB服务器控件大小. 表1为Style类的属性
表1. Style类的属性
BackColor | 获取或设置 Web 服务器控件的背景色 |
BorderColor | 获取或设置 Web 服务器控件的边框颜色 |
BorderStyle | 获取或设置 Web 服务器控件的边框样式 |
BorderWidth | 获取或设置 Web 服务器控件的边框宽度 |
CssClass | 获取或设置由 Web 服务器控件在客户端呈现的 CSS 类 Font 获取与 Web 服务器控件关联的字体属性 |
ForeColor | 获取或设置 Web 服务器控件的前景色(通常是文本颜色) |
Height | 获取或设置 Web 服务器控件的高度 |
Width | 获取或设置 Web 服务器控件的宽度 |
ApplyStyle方法是把你之前所设置的样式应用到一个Web服务器控件中去. 下面有一小段代码:
WebControl ctrl;
Style s;
// 设置Style的属性
………
// 应用Style
ctrl.ApplyStyle(s);
例子
现在我将用一个例子来讲解如何在WEB服务器控件中应用样式. 在Visual Studio.NET中建立一个WEB应用程序, 在Form中添加3个控件, Button, TextBox, ListBox. 给ListBox中添加一些items(使用Collection属性). 请看图一
![](http://www.aspdotnetheaven.com/Code/Jan2003/ApplyS1.jpg)
现在再创建2个新的方法, CreateStyle和SetControlStyle. CreateStyle方法有7个参数, 为背景色,前景色等传递值. 这个方法返回一个Style的对象
// 这个方法创建一个新的样式
CreateStyle(Color backClr, Color foreClr, int borderWidth, string fntName, int fntSize, bool fntBold, bool fntItalic)
{
Style s = new Style();
s.BackColor = backClr;
s.ForeColor = foreClr;
s.BorderWidth = borderWidth;
s.Font.Name = fntName;
s.Font.Size = fntSize;
s.Font.Bold = fntBold;
s.Font.Italic = fntItalic;
return s;
}
// 这个方法将样式应用到一个WEB服务器控件中
private void SetControlStyle(System.Web.UI.WebControls.WebControl ctrl, Style s)
{
ctrl.ApplyStyle(s);
}
现在将创建按钮的click event
private void Button1_Click(object sender, System.EventArgs e)
{
Style st = CreateStyle(Color.Green, Color.Yellow, 3, "Verdana", 10, true, true);
SetControlStyle(TextBox1, st);
st = CreateStyle(Color.Red, Color.Black, 2, "Verdana", 12, true, true);
SetControlStyle(SetStyleBtn, st);
st = CreateStyle(Color.Blue, Color.Yellow, 2, "Verdana", 12, true, true);
SetControlStyle(ListBox1, st);
}
现在运行程序
![](http://www.aspdotnetheaven.com/Code/Jan2003/ApplyS2.jpg)
相关文章推荐
- 在ASP.NET WEB控件中应用样式(Style)[转]
- 在ASP.NET WEB控件中应用样式(Style)
- 在ASP.NET WEB控件中应用样式(Style)
- AJAX技术与asp.net 2.0的完美结合之Timer的web应用 及使用AJAX控件时的“Sys 未定义”错误解决办法
- asp.net控件开发基础(6) -- 关于style的应用
- AJAX技术与asp.net 2.0的完美结合之Timer的web应用 及使用AJAX控件时的“Sys 未定义”错误解决办法
- ASP.NET高级里面的repeater控件的应用实现样式设置,并添加删除按钮
- OWA或Messenger样式的信息提示窗口——编写ASP.NET AJAX Extender控件(上):客户端Behavior
- asp.net中HTML控件和web控件的简单理解
- 在asp.net中动态生成web控件【文章来源:开店乐KaiDianLe.Com】
- ASP.NET - ImportCatalogPart Web 服务器控件概述
- 性能调优之提高 ASP.NET Web 应用性能的 24 种方法和技巧
- asp.net 通过Global.asax 定时执行web应用中的的程序
- ASP.NET自定义控件 第二天 带有自定义样式的星级控件
- ASP.NET Core应用针对静态文件请求的处理[1]: 以Web的形式发布静态文件
- 转:ASP.NET 2.0:使用用户控件和定制的Web部件个人化你的门户网站
- ASP.NET WEB服务控件
- htc 的应用--htc解释:运用css+javascript方便的实现一些控件的特效+结合asp.net 2.0的应用
- 发布WebFtp 控件(ASP.NET控件,用以web方式进行文件上下传操作)
- asp.net控件开发基础(12) --------为子控件添加样式