在开发Web应用程序时，为用户提供一个直观的颜色选择器是一个常见需求。本文将介绍如何使用.NET技术实现一个颜色选择器，并将其封装为一个UserControl，以便在项目中多次使用。
颜色选择器可以通过手动填充颜色或使用.NET框架中的已知颜色来填充。为了实现后者，可以使用System.Drawing.KnownColor枚举类型的值。通过System.Enum.GetValues方法，可以获取所有已知颜色的数组：
System.Drawing.KnownColor[] colors = (System.Drawing.KnownColor[])System.Enum.GetValues(typeof(System.Drawing.KnownColor));
为了提高代码的可复用性，可以将所有逻辑封装在一个UserControl中。
以下是ASP.NET中的UserControl代码示例，它包含了一个下拉列表（DropDownList）和一个必填字段验证器（RequiredFieldValidator）：
<asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="true">
<asp:ListItem Text="选择颜色" Value="-1"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="DropDownList1" runat="server" ErrorMessage="从列表中选择一个颜色！" InitialValue="-1"></asp:RequiredFieldValidator>
在C#代码中，定义了一个名为ColorsPicker的UserControl类。这个类有一个名为SelectedColor的属性，用于获取或设置下拉列表中选择的颜色。
public partial class ColorsPicker : System.Web.UI.UserControl
{
public System.Drawing.Color SelectedColor
{
get
{
if (DropDownList1.SelectedIndex > 0)
{
string SelectedColorStr = DropDownList1.SelectedValue;
System.Drawing.ColorConverter converter = new System.Drawing.ColorConverter();
System.Drawing.Color objColor = (System.Drawing.Color)converter.ConvertFromString(SelectedColorStr);
return objColor;
}
else
{
return new System.Drawing.Color();
}
}
set
{
string Color = value.Name;
ListItem li = DropDownList1.Items.FindByValue(Color);
if (li != null)
{
DropDownList1.ClearSelection();
li.Selected = true;
}
}
}
protected void Page_Load(object sender, System.EventArgs e)
{
if (!IsPostBack)
{
BindFillColorslist();
SetCbackColorsForListItems();
}
}
private void SetCbackColorsForListItems()
{
foreach (ListItem li in DropDownList1.Items)
{
li.Attributes["style"] = "background-color: " + li.Value;
}
}
private void BindFillColorslist()
{
System.Drawing.KnownColor[] colors = (System.Drawing.KnownColor[])System.Enum.GetValues(typeof(System.Drawing.KnownColor));
foreach (System.Drawing.KnownColor c in colors)
{
DropDownList1.Items.Add(c.ToString());
}
}
}
在UserControl代码中，SelectedColor属性用于获取或设置颜色列表中选择的颜色。SetCbackColorsForListItems函数负责为每个列表项设置背景颜色，使其与该项代表的颜色相同。BindFillColorslist函数用于填充颜色列表。
以下是如何在页面中使用这个颜色选择器的示例：
<uc1:ColorsPicker ID="ColorsPicker1" runat="server" />
<asp:Button ID="Button2" runat="server" Text="显示颜色" OnClick="Button2_Click" />
<asp:Label ID="lblColor" runat="server">颜色测试</asp:Label>
在C#代码中，定义了一个名为Button2_Click的事件处理程序，用于根据从列表中选择的颜色设置标签的背景颜色：
protected void Button2_Click(object sender, EventArgs e)
{
lblColor.BackColor = ColorsPicker1.SelectedColor;
}