開發(fā)背景：
??? 有人曾經(jīng)要我開發(fā)一個根據(jù)不同選擇而顯示不同顏色的管理工具。我開始考慮利用下拉框來實現(xiàn)條目背景及顯示顏色根據(jù)條目名稱不同而進行變化，根據(jù)這個思路我在網(wǎng)上搜了半天也沒有找到任何相關的解決方案，最后我想到了一個比當初需求要復雜的方案（包括數(shù)據(jù)庫），所以我嘗試著找到一個更簡單的實現(xiàn)方案。

??? 該文主要是演示如何讀取系統(tǒng)顏色并在下拉框中的每個條目中顯示對應的顏色，該源碼主要展示以下內(nèi)容：
??? 1、如何獲得System.Drawing.KnownColor顏色控件的列表枚舉
??? 2、如何排除系統(tǒng)環(huán)境顏色，如“Active Border”
??? 3、如何分配顏色到下拉框的每個條目

代碼詳解：
??? 命名下拉框為ddlMultiColor 來顯示顏色名稱及顏色，用<div>標簽顯示右側(cè)矩形結(jié)果，Aspx代碼如下

<table>
??? <tr>
??????? <td>
??????????? <asp:DropDownList ID ="ddlMultiColor"??
??????????????? OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged"
??????????????? runat="server" AutoPostBack="true">
??????????? </asp:DropDownList>
??????? </td>
??????? <td>
??????????? <div id="msgColor" runat="server">
??????????? </div>
??????? </td>
??? </tr>
</table>

??? 在cs文件中我們需要引用以下命名空間：

using System;
using System.Web;
using System.Reflection;
using System.Drawing;
using System.Collections.Generic;
?? 我們先看一下Page_Load事件，在Page_Load中我們對選中的下拉列表進行處理顯示

protected void Page_Load(object sender, EventArgs e)
{
??? if (Page.IsPostBack == false)
??? {
??????? populateDdlMultiColor(); //51aspx.com
??????? colorManipulation();
??? }
}

??? 現(xiàn)在讓我們來看一下populateDdlMultiColor() 函數(shù)

private void populateDdlMultiColor()
{???????
??? ddlMultiColor.DataSource = finalColorList();
??? ddlMultiColor.DataBind(); //liudao 翻譯
}

??? finalColorList()方法

private List finalColorList()
{
??? string[] allColors = Enum.GetNames(typeof(System.Drawing.KnownColor));
??? string[] systemEnvironmentColors =
??????? new string[(
??????? typeof(System.Drawing.SystemColors)).GetProperties().Length];

??? int index = 0;

??? foreach (MemberInfo member in (
??????? typeof(System.Drawing.SystemColors)).GetProperties())
??? {
??????? systemEnvironmentColors[index ++] = member.Name;???????????
??? }

??? List finalColorList =? new List();
???????????
??? foreach (string color in allColors)
??? {
??????? if (Array.IndexOf(systemEnvironmentColors, color) < 0)
??????? {
??????????? finalColorList.Add(color);
??????? }??????????????????????????
??? }
??? return finalColorList;
}

??? System.Drawing.KnownColor是Asp.net系統(tǒng)本身自帶顏色，我已經(jīng)通過枚舉列出了這些顏色并通過finalColorList()函授進行綁定。為了實現(xiàn)該功能，我使用了最基本的枚舉特征之一：Enum.GetNames() 共享方法，該方法對枚舉內(nèi)容進行檢測并輸出結(jié)果為字符串序列，該字符串中每個值都對應枚舉中的每個結(jié)果。
??? 然而，該方法還是有些問題的。按照上面的思路，枚舉金額過中會包括系統(tǒng)環(huán)境顏色，比如“Active Border(注：活動邊框)”，為了解決該問題，我擴展了系統(tǒng)環(huán)境顏色。我用了System.Reflection.MemberInfo類。
??? 這里我用System.Drawing.SystemColors屬性填充systemEnvironmentColors ，然后創(chuàng)建一個名稱為finalColorList 的圖形列表，在finalColorList 中我只調(diào)用已知顏色，但是不在系統(tǒng)環(huán)境顏色中。然后把finalColorList綁定到ddlMultiColor中。至此，我們已經(jīng)有了一個包括全部顏色名稱的下拉框，下面讓我們來操作一下：

private void colorManipulation()
{
??? int row;
??? for (row = 0; row < ddlMultiColor.Items.Count - 1; row++)
??? {
??????? ddlMultiColor.Items[row].Attributes.Add("style",
??????????? "background-color:" + ddlMultiColor.Items[row].Value);
??? }
??? ddlMultiColor.BackColor =
??????? Color.FromName(ddlMultiColor.SelectedItem.Text);//liudao翻譯
}

??? 下拉框中的每一行背景顏色的Style]屬性都與該行顯示的顏色名稱對應的。在OnSelectedIndexChanged 事件中下拉框中被選中的行通過下面的函數(shù)結(jié)合<div>標簽進行高亮顯示，同時右側(cè)的矩形顏色也隨之變化。

protected void ddlMultiColor_OnSelectedIndexChanged(object sender,
??? EventArgs e)
{???????
??? ddlMultiColor.BackColor = Color.FromName(ddlMultiColor.SelectedItem.Text);
??? colorManipulation();??
??? ddlMultiColor.Items.FindByValue(ddlMultiColor.SelectedValue).Selected =
??????? true;???
??? msgColor.Attributes.Add("style", "background:" +
??????? ddlMultiColor.SelectedItem.Value + ";width:30px;height:25px;");
}

??? 至此，我們學會了如果獲取System.Drawing并排出系統(tǒng)環(huán)境顏色，并綁定顏色名稱到下拉列表。

?? 完整源碼下載地址>>

?? 原作者：Fuad Bin Omar?? 翻譯：liudao

?

總結(jié)

以上是生活随笔為你收集整理的翻译：Asp.net中多彩下拉框的实现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。