|
 |
栏目导栏 |
|
| |
|
|
|
|
|
资料搜索 |
|
| |
|
|
|
|
|
热门文章 |
|
| |
|
|
|
|
|
最新文章 |
|
| |
|
|
|
| |
| |
|
|
|
|
开发背景： KC7Linux联盟
有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具。我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化，根据这个思路我在网上搜了半天也没有找到任何相关的解决方案，最后我想到了一个比当初需求要复杂的方案（包括数据库），所以我尝试着找到一个更简单的实现方案。 KC7Linux联盟
KC7Linux联盟
该文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色，该源码主要展示以下内容： KC7Linux联盟
1、如何获得System.Drawing.KnownColor颜色控件的列表枚举 KC7Linux联盟
2、如何排除系统环境颜色，如“Active Border” KC7Linux联盟
3、如何分配颜色到下拉框的每个条目 KC7Linux联盟
 KC7Linux联盟
代码详解： KC7Linux联盟
命名下拉框为ddlMultiColor 来显示颜色名称及颜色，用<div>标签显示右侧矩形结果，Aspx代码如下 KC7Linux联盟
<table> KC7Linux联盟
<tr> KC7Linux联盟
<td> KC7Linux联盟
<asp:DropDownList ID ="ddlMultiColor" KC7Linux联盟
OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged" KC7Linux联盟
runat="server" AutoPostBack="true"> KC7Linux联盟
</asp:DropDownList> KC7Linux联盟
</td> KC7Linux联盟
<td> KC7Linux联盟
<div id="msgColor" runat="server"> KC7Linux联盟
</div> KC7Linux联盟
</td> KC7Linux联盟
</tr> KC7Linux联盟
</table> KC7Linux联盟
KC7Linux联盟
在cs文件中我们需要引用以下命名空间： KC7Linux联盟
using System; KC7Linux联盟
using System.Web; KC7Linux联盟
using System.Reflection; KC7Linux联盟
using System.Drawing; KC7Linux联盟
using System.Collections.Generic; KC7Linux联盟
KC7Linux联盟
我们先看一下Page_Load事件，在Page_Load中我们对选中的下拉列表进行处理显示 KC7Linux联盟
protected void Page_Load(object sender, EventArgs e) KC7Linux联盟
{ KC7Linux联盟
if (Page.IsPostBack == false) KC7Linux联盟
{ KC7Linux联盟
populateDdlMultiColor(); //51aspx.com KC7Linux联盟
colorManipulation(); KC7Linux联盟
} KC7Linux联盟
} KC7Linux联盟
KC7Linux联盟
现在让我们来看一下populateDdlMultiColor() 函数 KC7Linux联盟
private void populateDdlMultiColor() KC7Linux联盟
{ KC7Linux联盟
ddlMultiColor.DataSource = finalColorList(); KC7Linux联盟
ddlMultiColor.DataBind(); //liudao 翻译 KC7Linux联盟
} KC7Linux联盟
KC7Linux联盟
finalColorList()方法 KC7Linux联盟
private List finalColorList() KC7Linux联盟
{ KC7Linux联盟
string[] allColors = Enum.GetNames(typeof(System.Drawing.KnownColor)); KC7Linux联盟
string[] systemEnvironmentColors = KC7Linux联盟
new string[( KC7Linux联盟
typeof(System.Drawing.SystemColors)).GetProperties().Length]; KC7Linux联盟
KC7Linux联盟
int index = 0; KC7Linux联盟
KC7Linux联盟
foreach (MemberInfo member in ( KC7Linux联盟
typeof(System.Drawing.SystemColors)).GetProperties()) KC7Linux联盟
{ KC7Linux联盟
systemEnvironmentColors[index ++] = member.Name; KC7Linux联盟
} KC7Linux联盟
KC7Linux联盟
List finalColorList = new List(); KC7Linux联盟
KC7Linux联盟
foreach (string color in allColors) KC7Linux联盟
{ KC7Linux联盟
if (Array.IndexOf(systemEnvironmentColors, color) < 0) KC7Linux联盟
{ KC7Linux联盟
finalColorList.Add(color); KC7Linux联盟
} KC7Linux联盟
} KC7Linux联盟
return finalColorList; KC7Linux联盟
} KC7Linux联盟
KC7Linux联盟
System.Drawing.KnownColor是Asp.net系统本身自带颜色，我已经通过枚举列出了这些颜色并通过 finalColorList()函授进行绑定。为了实现该功能，我使用了最基本的枚举特征之一：Enum.GetNames() 共享方法，该方法对枚举内容进行检测并输出结果为字符串序列，该字符串中每个值都对应枚举中的每个结果。 KC7Linux联盟
然而，该方法还是有些问题的。按照上面的思路，枚举金额过中会包括系统环境颜色，比如“Active Border(注：活动边框)”，为了解决该问题，我扩展了系统环境颜色。我用了System.Reflection.MemberInfo类。 KC7Linux联盟
这里我用System.Drawing.SystemColors属性填充systemEnvironmentColors ，然后创建一个名称为finalColorList 的图形列表，在finalColorList 中我只调用已知颜色，但是不在系统环境颜色中。然后把finalColorList绑定到ddlMultiColor中。至此，我们已经有了一个包括全部颜色名称的下拉框，下面让我们来操作一下： KC7Linux联盟
private void colorManipulation() KC7Linux联盟
{ KC7Linux联盟
int row; KC7Linux联盟
for (row = 0; row < ddlMultiColor.Items.Count - 1; row++) KC7Linux联盟
{ KC7Linux联盟
ddlMultiColor.Items[row].Attributes.Add("style", KC7Linux联盟
"background-color:" + ddlMultiColor.Items[row].Value); KC7Linux联盟
} KC7Linux联盟
ddlMultiColor.BackColor = KC7Linux联盟
Color.FromName(ddlMultiColor.SelectedItem.Text);//liudao翻译 KC7Linux联盟
} KC7Linux联盟
KC7Linux联盟
下拉框中的每一行背景颜色的Style]属性都与该行显示的颜色名称对应的。在OnSelectedIndexChanged 事件中下拉框中被选中的行通过下面的函数结合<div>标签进行高亮显示，同时右侧的矩形颜色也随之变化。 KC7Linux联盟
protected void ddlMultiColor_OnSelectedIndexChanged(object sender, KC7Linux联盟
EventArgs e) KC7Linux联盟
{ KC7Linux联盟
ddlMultiColor.BackColor = Color.FromName(ddlMultiColor.SelectedItem.Text); KC7Linux联盟
colorManipulation(); KC7Linux联盟
ddlMultiColor.Items.FindByValue(ddlMultiColor.SelectedValue).Selected = KC7Linux联盟
true; KC7Linux联盟
msgColor.Attributes.Add("style", "background:" + KC7Linux联盟
ddlMultiColor.SelectedItem.Value + ";width:30px;height:25px;"); KC7Linux联盟
} KC7Linux联盟
KC7Linux联盟
至此，我们学会了如果获取System.Drawing并排出系统环境颜色，并绑定颜色名称到下拉列表。
Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论 |
|
|
|
|
|
