ColorPicker In Windows Phone 8

Shah Ankita

5.00/5 (2 votes)

Nov 12, 2014

CPOL

10300

269

This code sample demonstrates how to set color to any control using colorpicker. For this, you have to create a new Windows phone app.

Introduction

This code sample demonstrates how to set color to any control using colorpicker. For this, you have to create a new Windows phone app.

Step 1: Create a New Windows Phone App

Step 2: Add Toolkit

For colorpicker control, you have to install toolkit or add reference to that DLL file. For that, right click on reference and choose add reference option in which choose browse option and browse their DLL file (Coding4Fun.Phone.Controls.dll).

After adding this DLL file, it will appear in the reference file.

Step 3: Set MainPage UI as Per Below

Add namespace MainPage.xaml page:

  xmlns:c4fToolkit="clr-namespace:Coding4Fun.Phone.Controls;assembly=Coding4Fun.Phone.Controls"

Write this code in MainPage.xaml:

  <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <StackPanel>
            <c4fToolkit:ColorPicker x:Name="picker" Height="300" 
                 Width="400" ColorChanged="picker_ColorChanged" />
             <Rectangle  Height="150" Margin="0,30,0,0" Width="150" x:Name="ColorRect"/>
            </StackPanel>
   </Grid>

Step 4: Add colorpicker Change Event and Write this Code in MainPage.xaml.cs Page

Add namespace using System.Windows.Media;; for SolidColorBrush.

It will set rectangle color.

   private void picker_ColorChanged(object sender, System.Windows.Media.Color color)
    {
            ColorRect.Fill = new SolidColorBrush(color);
    }