ColorPicker
ColorPicker
ColorPicker
ColorPicker
Class
Definition
Some information relates to pre-released product which may be substantially modified before it’s commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.
Prerelease APIs are identified by a Prerelease label.
[Contains prerelease APIs.]
Represents a control that lets a user pick a color using a color spectrum, sliders, and text input.
public : class ColorPicker : Control, IColorPickerpublic class ColorPicker : Control, IColorPickerPublic Class ColorPicker Inherits Control Implements IColorPicker// You can use this class in JavaScript.
<ColorPicker .../>
- Inheritance
- Attributes
| Device family |
Windows 10 Insider Preview (introduced v10.0.16257.0)
|
| API contract |
Windows.Foundation.UniversalApiContract (introduced v5)
|
Inherited Members
Inherited properties
Inherited events
Inherited methods
Constructors
Properties
ColorProperty ColorProperty ColorProperty ColorProperty
Prerelease. Identifies the Color dependency property.
public : static DependencyProperty ColorProperty { get; }public static DependencyProperty ColorProperty { get; }Public Static ReadOnly Property ColorProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the Color dependency property.
ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents
Prerelease. Gets or sets a value that indicates how the Hue-Saturation-Value (HSV) color components are mapped onto the ColorSpectrum.
public : ColorSpectrumComponents ColorSpectrumComponents { get; set; }public ColorSpectrumComponents ColorSpectrumComponents { get; set; }Public ReadWrite Property ColorSpectrumComponents As ColorSpectrumComponents// You can use this property in JavaScript.
<ColorPicker ColorSpectrumComponents="colorSpectrumComponentsName" .../>
- Value
- ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents ColorSpectrumComponents
A value of the enumeration. The default is HueSaturation.
ColorSpectrumComponentsProperty ColorSpectrumComponentsProperty ColorSpectrumComponentsProperty ColorSpectrumComponentsProperty
Prerelease. Identifies the ColorSpectrumComponents dependency property.
public : static DependencyProperty ColorSpectrumComponentsProperty { get; }public static DependencyProperty ColorSpectrumComponentsProperty { get; }Public Static ReadOnly Property ColorSpectrumComponentsProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the ColorSpectrumComponents dependency property.
ColorSpectrumShape ColorSpectrumShape ColorSpectrumShape ColorSpectrumShape
Prerelease. Gets or sets a value that indicates whether the ColorSpectrum is shown as a square or a circle.
public : ColorSpectrumShape ColorSpectrumShape { get; set; }public ColorSpectrumShape ColorSpectrumShape { get; set; }Public ReadWrite Property ColorSpectrumShape As ColorSpectrumShape// You can use this property in JavaScript.
<ColorPicker ColorSpectrumShape="colorSpectrumShapeName" .../>
A value of the enumeration. The default is Box, which shows the spectrum as a square.
ColorSpectrumShapeProperty ColorSpectrumShapeProperty ColorSpectrumShapeProperty ColorSpectrumShapeProperty
Prerelease. Identifies the ColorSpectrumShape dependency property.
public : static DependencyProperty ColorSpectrumShapeProperty { get; }public static DependencyProperty ColorSpectrumShapeProperty { get; }Public Static ReadOnly Property ColorSpectrumShapeProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the ColorSpectrumShape dependency property.
IsAlphaEnabled IsAlphaEnabled IsAlphaEnabled IsAlphaEnabled
Prerelease. Gets or sets a value that indicates whether the alpha channel can be modified.
public : PlatForm::Boolean IsAlphaEnabled { get; set; }public bool IsAlphaEnabled { get; set; }Public ReadWrite Property IsAlphaEnabled As bool// You can use this property in JavaScript.
<ColorPicker IsAlphaEnabled="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the alpha channel is enabled; otherwise, false. The default is false.
Remarks
The IsAlphaSliderVisible and IsAlphaTextInputVisible properties are ignored if IsAlphaEnabled is false.
IsAlphaEnabledProperty IsAlphaEnabledProperty IsAlphaEnabledProperty IsAlphaEnabledProperty
Prerelease. Identifies the IsAlphaEnabled dependency property.
public : static DependencyProperty IsAlphaEnabledProperty { get; }public static DependencyProperty IsAlphaEnabledProperty { get; }Public Static ReadOnly Property IsAlphaEnabledProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsAlphaEnabled dependency property.
IsAlphaSliderVisible IsAlphaSliderVisible IsAlphaSliderVisible IsAlphaSliderVisible
Prerelease. Gets or sets a value that indicates whether the slider control for the alpha channel is shown.
public : PlatForm::Boolean IsAlphaSliderVisible { get; set; }public bool IsAlphaSliderVisible { get; set; }Public ReadWrite Property IsAlphaSliderVisible As bool// You can use this property in JavaScript.
<ColorPicker IsAlphaSliderVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the alpha channel slider is shown; otherwise, false. The default is true.
Remarks
The IsAlphaSliderVisible and IsAlphaTextInputVisible properties are ignored if IsAlphaEnabled is false.
IsAlphaSliderVisibleProperty IsAlphaSliderVisibleProperty IsAlphaSliderVisibleProperty IsAlphaSliderVisibleProperty
Prerelease. Identifies the IsAlphaSliderVisible dependency property.
public : static DependencyProperty IsAlphaSliderVisibleProperty { get; }public static DependencyProperty IsAlphaSliderVisibleProperty { get; }Public Static ReadOnly Property IsAlphaSliderVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsAlphaSliderVisible dependency property.
IsAlphaTextInputVisible IsAlphaTextInputVisible IsAlphaTextInputVisible IsAlphaTextInputVisible
Prerelease. Gets or sets a value that indicates whether the text input box for the alpha channel is shown.
public : PlatForm::Boolean IsAlphaTextInputVisible { get; set; }public bool IsAlphaTextInputVisible { get; set; }Public ReadWrite Property IsAlphaTextInputVisible As bool// You can use this property in JavaScript.
<ColorPicker IsAlphaTextInputVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the alpha channel text input box is shown; otherwise, false. The default is true.
Remarks
The IsAlphaSliderVisible and IsAlphaTextInputVisible properties are ignored if IsAlphaEnabled is false.
IsAlphaTextInputVisibleProperty IsAlphaTextInputVisibleProperty IsAlphaTextInputVisibleProperty IsAlphaTextInputVisibleProperty
Prerelease. Identifies the IsAlphaTextInputVisible dependency property.
public : static DependencyProperty IsAlphaTextInputVisibleProperty { get; }public static DependencyProperty IsAlphaTextInputVisibleProperty { get; }Public Static ReadOnly Property IsAlphaTextInputVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsAlphaTextInputVisible dependency property.
IsColorChannelTextInputVisible IsColorChannelTextInputVisible IsColorChannelTextInputVisible IsColorChannelTextInputVisible
Prerelease. Gets or sets a value that indicates whether the text input boxes for the color channels are shown.
public : PlatForm::Boolean IsColorChannelTextInputVisible { get; set; }public bool IsColorChannelTextInputVisible { get; set; }Public ReadWrite Property IsColorChannelTextInputVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorChannelTextInputVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the color channel text input boxes are shown; otherwise, false. The default is true.
IsColorChannelTextInputVisibleProperty IsColorChannelTextInputVisibleProperty IsColorChannelTextInputVisibleProperty IsColorChannelTextInputVisibleProperty
Prerelease. Identifies the IsColorChannelTextInputVisible dependency property.
public : static DependencyProperty IsColorChannelTextInputVisibleProperty { get; }public static DependencyProperty IsColorChannelTextInputVisibleProperty { get; }Public Static ReadOnly Property IsColorChannelTextInputVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsColorChannelTextInputVisible dependency property.
IsColorPreviewVisible IsColorPreviewVisible IsColorPreviewVisible IsColorPreviewVisible
Prerelease. Gets or sets a value that indicates whether the color preview bar is shown.
public : PlatForm::Boolean IsColorPreviewVisible { get; set; }public bool IsColorPreviewVisible { get; set; }Public ReadWrite Property IsColorPreviewVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorPreviewVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the color preview bar is shown; otherwise, false. The default is true.
IsColorPreviewVisibleProperty IsColorPreviewVisibleProperty IsColorPreviewVisibleProperty IsColorPreviewVisibleProperty
Prerelease. Identifies the IsColorPreviewVisible dependency property.
public : static DependencyProperty IsColorPreviewVisibleProperty { get; }public static DependencyProperty IsColorPreviewVisibleProperty { get; }Public Static ReadOnly Property IsColorPreviewVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsColorPreviewVisible dependency property.
IsColorSliderVisible IsColorSliderVisible IsColorSliderVisible IsColorSliderVisible
Prerelease. Gets or sets a value that indicates whether the slider control for the color value is shown.
public : PlatForm::Boolean IsColorSliderVisible { get; set; }public bool IsColorSliderVisible { get; set; }Public ReadWrite Property IsColorSliderVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorSliderVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the color slider is shown; otherwise, false. The default is true.
IsColorSliderVisibleProperty IsColorSliderVisibleProperty IsColorSliderVisibleProperty IsColorSliderVisibleProperty
Prerelease. Identifies the IsColorSliderVisible dependency property.
public : static DependencyProperty IsColorSliderVisibleProperty { get; }public static DependencyProperty IsColorSliderVisibleProperty { get; }Public Static ReadOnly Property IsColorSliderVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsColorSliderVisible dependency property.
IsColorSpectrumVisible IsColorSpectrumVisible IsColorSpectrumVisible IsColorSpectrumVisible
Prerelease. Gets or sets a value that indicates whether the color spectrum control is shown.
public : PlatForm::Boolean IsColorSpectrumVisible { get; set; }public bool IsColorSpectrumVisible { get; set; }Public ReadWrite Property IsColorSpectrumVisible As bool// You can use this property in JavaScript.
<ColorPicker IsColorSpectrumVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the color spectrum is shown; otherwise, false. The default is true.
IsColorSpectrumVisibleProperty IsColorSpectrumVisibleProperty IsColorSpectrumVisibleProperty IsColorSpectrumVisibleProperty
Prerelease. Identifies the IsColorSpectrumVisible dependency property.
public : static DependencyProperty IsColorSpectrumVisibleProperty { get; }public static DependencyProperty IsColorSpectrumVisibleProperty { get; }Public Static ReadOnly Property IsColorSpectrumVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsColorSpectrumVisible dependency property.
IsHexInputVisible IsHexInputVisible IsHexInputVisible IsHexInputVisible
Prerelease. Gets or sets a value that indicates whether the text input box for a HEX color value is shown.
public : PlatForm::Boolean IsHexInputVisible { get; set; }public bool IsHexInputVisible { get; set; }Public ReadWrite Property IsHexInputVisible As bool// You can use this property in JavaScript.
<ColorPicker IsHexInputVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the HEX color text input box is shown; otherwise, false. The default is true.
IsHexInputVisibleProperty IsHexInputVisibleProperty IsHexInputVisibleProperty IsHexInputVisibleProperty
Prerelease. Identifies the IsHexInputVisible dependency property.
public : static DependencyProperty IsHexInputVisibleProperty { get; }public static DependencyProperty IsHexInputVisibleProperty { get; }Public Static ReadOnly Property IsHexInputVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsHexInputVisible dependency property.
IsMoreButtonVisible IsMoreButtonVisible IsMoreButtonVisible IsMoreButtonVisible
Prerelease. Gets or sets a value that indicates whether the 'more' button is shown.
public : PlatForm::Boolean IsMoreButtonVisible { get; set; }public bool IsMoreButtonVisible { get; set; }Public ReadWrite Property IsMoreButtonVisible As bool// You can use this property in JavaScript.
<ColorPicker IsMoreButtonVisible="bool" .../>
- Value
- PlatForm::Boolean bool bool bool
true if the 'more' button is shown; otherwise, false. The default is false.
IsMoreButtonVisibleProperty IsMoreButtonVisibleProperty IsMoreButtonVisibleProperty IsMoreButtonVisibleProperty
Prerelease. Identifies the IsMoreButtonVisible dependency property.
public : static DependencyProperty IsMoreButtonVisibleProperty { get; }public static DependencyProperty IsMoreButtonVisibleProperty { get; }Public Static ReadOnly Property IsMoreButtonVisibleProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the IsMoreButtonVisible dependency property.
MaxHue MaxHue MaxHue MaxHue
Prerelease. Gets or sets the maximum Hue value in the range 0-359.
public : int MaxHue { get; set; }public int MaxHue { get; set; }Public ReadWrite Property MaxHue As int// You can use this property in JavaScript.
<ColorPicker MaxHue="int" .../>
- Value
- int int int int
The maximum Hue value in the range 0-359. The default is 359.
Remarks
The valid range for Hue values is 0-359. Setting a value outside of this range will cause an exception.
MaxHueProperty MaxHueProperty MaxHueProperty MaxHueProperty
Prerelease. Identifies the MaxHue dependency property.
public : static DependencyProperty MaxHueProperty { get; }public static DependencyProperty MaxHueProperty { get; }Public Static ReadOnly Property MaxHueProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the MaxHue dependency property.
MaxSaturation MaxSaturation MaxSaturation MaxSaturation
Prerelease. Gets or sets the maximum Saturation value in the range 0-100.
public : int MaxSaturation { get; set; }public int MaxSaturation { get; set; }Public ReadWrite Property MaxSaturation As int// You can use this property in JavaScript.
<ColorPicker MaxSaturation="int" .../>
- Value
- int int int int
The maximum Saturation value in the range 0-100. The default is 100.
Remarks
The valid range for Saturation values is 0-100. Setting a value outside of this range will cause an exception.
MaxSaturationProperty MaxSaturationProperty MaxSaturationProperty MaxSaturationProperty
Prerelease. Identifies the MaxSaturation dependency property.
public : static DependencyProperty MaxSaturationProperty { get; }public static DependencyProperty MaxSaturationProperty { get; }Public Static ReadOnly Property MaxSaturationProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the MaxSaturation dependency property.
MaxValue MaxValue MaxValue MaxValue
Prerelease. Gets or sets the maximum Value value in the range 0-100.
public : int MaxValue { get; set; }public int MaxValue { get; set; }Public ReadWrite Property MaxValue As int// You can use this property in JavaScript.
<ColorPicker MaxValue="int" .../>
- Value
- int int int int
The maximum Value value in the range 0-100. The default is 100.
Remarks
The valid range for Value values is 0-100. Setting a value outside of this range will cause an exception.
MaxValueProperty MaxValueProperty MaxValueProperty MaxValueProperty
Prerelease. Identifies the MaxValue dependency property.
public : static DependencyProperty MaxValueProperty { get; }public static DependencyProperty MaxValueProperty { get; }Public Static ReadOnly Property MaxValueProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the MaxValue dependency property.
MinHue MinHue MinHue MinHue
Prerelease. Gets or sets the minimum Hue value in the range 0-359.
public : int MinHue { get; set; }public int MinHue { get; set; }Public ReadWrite Property MinHue As int// You can use this property in JavaScript.
<ColorPicker MinHue="int" .../>
- Value
- int int int int
The minimum Hue value in the range 0-359. The default is 0.
Remarks
The valid range for Hue values is 0-359. Setting a value outside of this range will cause an exception.
MinHueProperty MinHueProperty MinHueProperty MinHueProperty
Prerelease. Identifies the MinHue dependency property.
public : static DependencyProperty MinHueProperty { get; }public static DependencyProperty MinHueProperty { get; }Public Static ReadOnly Property MinHueProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the MinHue dependency property.
MinSaturation MinSaturation MinSaturation MinSaturation
Prerelease. Gets or sets the minimum Saturation value in the range 0-100.
public : int MinSaturation { get; set; }public int MinSaturation { get; set; }Public ReadWrite Property MinSaturation As int// You can use this property in JavaScript.
<ColorPicker MinSaturation="int" .../>
- Value
- int int int int
The minimum Saturation value in the range 0-100. The default is 100.
Remarks
The valid range for Saturation values is 0-100. Setting a value outside of this range will cause an exception.
MinSaturationProperty MinSaturationProperty MinSaturationProperty MinSaturationProperty
Prerelease. Identifies the MinSaturation dependency property.
public : static DependencyProperty MinSaturationProperty { get; }public static DependencyProperty MinSaturationProperty { get; }Public Static ReadOnly Property MinSaturationProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the MinSaturation dependency property.
MinValue MinValue MinValue MinValue
Prerelease. Gets or sets the minimum Value value in the range 0-100.
public : int MinValue { get; set; }public int MinValue { get; set; }Public ReadWrite Property MinValue As int// You can use this property in JavaScript.
<ColorPicker MinValue="int" .../>
- Value
- int int int int
The minimum Value value in the range 0-100. The default is 100.
Remarks
The valid range for Value values is 0-100. Setting a value outside of this range will cause an exception.
MinValueProperty MinValueProperty MinValueProperty MinValueProperty
Prerelease. Identifies the MinValue dependency property.
public : static DependencyProperty MinValueProperty { get; }public static DependencyProperty MinValueProperty { get; }Public Static ReadOnly Property MinValueProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the MinValue dependency property.
PreviousColor PreviousColor PreviousColor PreviousColor
Prerelease. Gets or sets the previous color.
public : IReference<Color> PreviousColor { get; set; }public Nullable<Color> PreviousColor { get; set; }Public ReadWrite Property PreviousColor As Nullable<Color>// You can use this property in JavaScript.
<ColorPicker PreviousColor="colorString" .../>
- Value
- IReference<Color> Nullable<Color> Nullable<Color> Nullable<Color>
The previous color. The default is null.
PreviousColorProperty PreviousColorProperty PreviousColorProperty PreviousColorProperty
Prerelease. Identifies the PreviousColor dependency property.
public : static DependencyProperty PreviousColorProperty { get; }public static DependencyProperty PreviousColorProperty { get; }Public Static ReadOnly Property PreviousColorProperty As DependencyProperty// You can use this property in JavaScript.
The identifier for the PreviousColor dependency property.
Events
ColorChanged ColorChanged ColorChanged ColorChanged
Prerelease. Occurs when the Color property has changed.
public : event TypedEventHandler ColorChanged<ColorPicker, ColorChangedEventArgs>public event TypedEventHandler ColorChanged<ColorPicker, ColorChangedEventArgs>Public Event ColorChanged<ColorPicker, ColorChangedEventArgs>// You can use this event in JavaScript.
<ColorPicker ColorChanged="eventhandler" .../>