ASP.NET多彩ドロップダウン開発例

3981 ワード

この文書では、システムの色を読み取り、ドロップダウン・ボックスの各エントリに対応する色を表示する方法を主に示します.このソース・コードは、主に次の内容を示します.
1、システムの入手方法Drawing.KnownColorカラーコントロールのリスト列挙
2、「Active Border」などのシステム環境の色を排除する方法
3、ドロップダウンボックスの各項目に色を割り当てる方法
コードの詳細:
名前付きドロップダウンボックスはddlMultiColorで色名と色を表示し、右側の長方形の結果をラベルで表示します.Aspxコードは次のとおりです.

 

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」などのシステム環境色が含まれており、この問題を解決するためにシステム環境色を拡張しました.システムを使いました.Reflection.MemberInfoクラス.
ここではシステムを使います.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イベントのドロップダウンボックスで選択した行は、次の関数とラベルを組み合わせてハイライト表示され、右側の長方形の色も変化します.

 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;"); 
 }

これでシステムを取得することを学びましたDrawingはシステム環境の色を排出し、色名をドロップダウンリストにバインドします.