本文主要是演示如何讀取系統顏色並在下拉框中的每個條目中顯示對應的顏色,該源碼主要展示以下內容:
1、如何獲得System.Drawing.KnownColor顏色控件的列表枚舉
2、如何排除系統環境顏色,如“Active Border”
3、如何分配顏色到下拉框的每個條目
代碼詳解:
命名下拉框為ddlMultiColor 來顯示顏色名稱及顏色,用<div>標簽顯示右側矩形結果,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(); } }
現在讓我們來看一下populateDdlMultiColor() 函數
private void populateDdlMultiColor() { ddlMultiColor.DataSource = finalColorList(); ddlMultiColor.DataBind(); // } 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系統本身自帶顏色,我已經通過枚舉列出了這些顏色並通過 finalColorList()函授進行綁定。為了實現該功能,我使用了最基本的枚舉特征之一:Enum.GetNames() 共享方法,該方法對枚舉內容進行檢測並輸出結果為字符串序列,該字符串中每個值都對應枚舉中的每個結果。
然而,該方法還是有些問題的。按照上面的思路,枚舉金額過中會包括系統環境顏色,比如“Active Border(注:活動邊框)”,為了解決該問題,我擴展了系統環境顏色。我用了System.Reflection.MemberInfo類。
這裡我用System.Drawing.SystemColors屬性填充systemEnvironmentColors ,然後創建一個名稱為finalColorList 的圖形列表,在finalColorList 中我只調用已知顏色,但是不在系統環境顏色中。然後把finalColorList綁定到ddlMultiColor中。至此,我們已經有了一個包括全部顏色名稱的下拉框,下面讓我們來操作一下:
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 事件中下拉框中被選中的行通過下面的函數結合<div>標簽進行高亮顯示,同時右側的矩形顏色也隨之變化。
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並排出系統環境顏色,並綁定顏色名稱到下拉列表。