Udara.Plugin.XFColorPickerControl 1.0.2

How to?

Just install in your Xamarin.Forms PCL/.NET Standard project, and you're good go!

XAML Set up

xmlns:xfsegmentedcontrol="clr-namespace:Udara.Plugin.XFColorPickerControl;assembly=Udara.Plugin.XFColorPickerControl"

<xfColorPickerControl:ColorPicker
	x:Name="ColorPicker"
	ColorListDirection="Horizontal"
	GradientColorStyle="LightToColorsToDarkStyle"
	HeightRequest="200"
	HorizontalOptions="FillAndExpand"
	PickedColorChanged="ColorPicker_PickedColorChanged"
	PointerCircleBorderUnits="0.3"
	PointerCircleDiameterUnits="0.7">
	<xfColorPickerControl:ColorPicker.ColorList>
		<x:Array Type="{x:Type x:String}">
			
			<x:String>#ff0000</x:String>
			
			<x:String>#ffff00</x:String>
			
			<x:String>#00ff00</x:String>
			
			<x:String>#00ffff</x:String>
			
			<x:String>#0000ff</x:String>
			
			<x:String>#ff00ff</x:String>
			
			<x:String>#ff0000</x:String>
		</x:Array>
	</xfColorPickerControl:ColorPicker.ColorList>
</xfColorPickerControl:ColorPicker>

PickedColorChanged Event

private void ColorPicker_PickedColorChanged(object sender, Color colorPicked)
{
	// Use the selected color
	ColorDisplayFrame.BackgroundColor = colorPicked;
}

Bindable Properties

ColorPicked: Gets the Picked Color

ColorListDirection: Sets the Color List flow Direction

GradientColorStyle: Set the Color Spectrum Gradient Style

ColorList: Sets the Color List to populate the Spectrum

PointerCircleDiameterUnits: Sets the Picker Pointer Size, Value must be between 0-1, Calculated against the View Canvas size

PointerCircleBorderUnits: Sets the Picker Pointer Border Size, Value must be between 0-1, Calculated against pixel size of Picker Pointer

Event Handler

Fires every time when the selected Color is changed

PickedColorChanged: Gets the pickedColor, object type of Color