ColorPicker for Silverlight includes over 20 predefined color palettes that match the themes used in Microsoft Office, but if you choose you can create your own custom color palette rather than using a predefined one. In the following steps you'll create a custom palette, and when a button is pressed, apply that palette to the C1ColorPicker control.
To create a custom palette, complete the following steps:
1. Click once within the UserControl to select it.
2. Navigate to the ToolBox and double-click the Button control to add it to the project.
3. Resize and reposition the Button on the page.
4. Change the Button's default content by replacing the Content markup with Content="Change Palette" in the button's XAML tag.
5. Give the control a name and add an event handler, by adding Name="btn1" Click="btn1_Click" to the button's XAML tag.
6. Switch to Code view and add code for the Button_Click event handler:
Private Sub btn1_Click(ByVal sender as Object, ByVal e as System.Windows.RoutedEventArgs)
' Set the color palette.
Dim cp1 as New ColorPalette("Pittsburgh")
cp1.Clear()
cp1.Add(Color.FromArgb(255, 0, 0, 0))
cp1.Add(Color.FromArgb(255, 99, 107, 112))
cp1.Add(Color.FromArgb(255, 255, 255, 255))
cp1.Add(Color.FromArgb(255, 247, 181, 18))
cp1.Add(Color.FromArgb(255, 253, 200, 47))
cp1.Add(Color.FromArgb(255, 43, 41, 38))
cp1.Add(Color.FromArgb(255, 149, 123, 77))
cp1.Add(Color.FromArgb(255, 209, 201, 157))
cp1.Add(Color.FromArgb(255, 0, 33, 71))
cp1.Add(Color.FromArgb(255, 99, 177, 229))
c1cp1.Palette = cp1
End Sub
•C#
private void btn1_Click(object sender, System.Windows.RoutedEventArgs e)
{
// Set the color palette.
ColorPalette cp1 = new ColorPalette("Pittsburgh");
cp1.Clear();
cp1.Add(Color.FromArgb(255, 0, 0, 0));
cp1.Add(Color.FromArgb(255, 99, 107, 112));
cp1.Add(Color.FromArgb(255, 255, 255, 255));
cp1.Add(Color.FromArgb(255, 247, 181, 18));
cp1.Add(Color.FromArgb(255, 253, 200, 47));
cp1.Add(Color.FromArgb(255, 43, 41, 38));
cp1.Add(Color.FromArgb(255, 149, 123, 77));
cp1.Add(Color.FromArgb(255, 209, 201, 157));
cp1.Add(Color.FromArgb(255, 0, 33, 71));
cp1.Add(Color.FromArgb(255, 99, 177, 229));
c1cp1.Palette = cp1;
}
The ColorPicker's color palette will now change to a custom palette when the button is clicked.
Run the application and observe:
Observe the following:
1. Click the C1ColorPicker control's drop-down arrow, and notice that the default palette appears.
2. Click the Change Palette button and click the C1ColorPicker control's drop-down arrow once again. Notice that the custom palette appears: