Gradients support

ColorPickerDemo/ColorPickerDemo.AvaloniaUI/ColorPickerDemo.AvaloniaUI/Views/MainView.axaml

@@ -25,11 +25,13 @@
                 <Label>Portable Color Picker</Label>
                 <colorPicker:PortableColorPicker Width="40" Height="20"
                                                  ColorState="{Binding #maindisplay.ColorState, Mode=TwoWay}"
+                                                 GradientState="{Binding #standard_picker.GradientState, Mode=TwoWay}"
                                                  SecondColorState="{Binding #maindisplay.SecondColorState, Mode=TwoWay}" />
                 <TextBlock TextWrapping="Wrap" Margin="5">Portable Color Picker, alpha hidden, transparent hint color, hsv/hsl fractional part hidden</TextBlock>
                 <Grid Width="40" Height="40">
                     <colorPicker:PortableColorPicker SmallChange="5"
                                                      UseHintColor="True" HintColor="Transparent"
+                                                     GradientState="{Binding #standard_picker.GradientState, Mode=TwoWay}"
                                                      ColorState="{Binding #maindisplay.ColorState, Mode=TwoWay}"
                                                      SecondColorState="{Binding #maindisplay.SecondColorState, Mode=TwoWay}"
                                                      ShowFractionalPart="False"
@@ -47,6 +49,7 @@
                     </TextBlock>
                 </Label>
                 <colorPicker:StandardColorPicker Width="200" Height="380" x:Name="portable_picker"
+                                                 GradientState="{Binding #standard_picker.GradientState, Mode=TwoWay}"
                                                  SmallChange="5" ShowAlpha="True" HexRepresentation="ARGB"
                                                  ColorState="{Binding #maindisplay.ColorState, Mode=TwoWay}"
                                                  SecondColorState="{Binding #maindisplay.SecondColorState, Mode=TwoWay}" />
@@ -64,7 +67,7 @@
 
         <Label Grid.Row="2" Grid.Column="1">Color Picker</Label>
         <ComboBox Grid.Row="2" Grid.Column="1" HorizontalAlignment="Left"
-                  SelectedIndex="{Binding #square_picker.PickerType}" 
+                  SelectedIndex="{Binding #square_picker.PickerType}"
                   Theme="{DynamicResource ColorPickerComboBox}"
                   VerticalAlignment="Top" Margin="5,25,5,5" x:Name="combobox">
             <ComboBoxItem>HSV</ComboBoxItem>
@@ -76,7 +79,7 @@
         <Label Grid.Row="3" Grid.Column="1">Color as hex, formatted as either RGBA or ARGB</Label>
         <StackPanel Orientation="Horizontal" Margin="5, 14, 5, 5" Grid.Row="3" Grid.Column="1">
             <ComboBox DockPanel.Dock="Left" Margin="0, 0, 5, 0"
-                      SelectedIndex="{Binding #hextextbox.HexRepresentation}" 
+                      SelectedIndex="{Binding #hextextbox.HexRepresentation}"
                       Theme="{DynamicResource ColorPickerComboBox}"
                       VerticalAlignment="Center" x:Name="hexcombobox">
                 <ComboBoxItem>RGBA</ComboBoxItem>

ColorPickerDemo/ColorPickerDemo.AvaloniaUI/Directory.Build.props

@@ -1,6 +1,6 @@
 <Project>
     <PropertyGroup>
         <Nullable>enable</Nullable>
-        <AvaloniaVersion>11.2.5</AvaloniaVersion>
+        <AvaloniaVersion>11.3.0</AvaloniaVersion>
     </PropertyGroup>
 </Project>

src/ColorPicker.AvaloniaUI/Behaviors/HexTextBoxBindingBehavior.cs

@@ -7,17 +7,19 @@ namespace ColorPicker.Behaviors;
 
 internal class HexTextBoxBindingBehavior : LostFocusUpdateBindingBehavior
 {
-    public static readonly StyledProperty<Color> ColorProperty = AvaloniaProperty.Register<HexTextBoxBindingBehavior, Color>(
-        "Color");
+    public static readonly StyledProperty<Color> ColorProperty =
+        AvaloniaProperty.Register<HexTextBoxBindingBehavior, Color>(
+            "Color");
 
     public Color Color
     {
         get => GetValue(ColorProperty);
         set => SetValue(ColorProperty, value);
     }
 
-    public static readonly StyledProperty<ColorToHexConverter> HexConverterProperty = AvaloniaProperty.Register<HexTextBoxBindingBehavior, ColorToHexConverter>(
-        "HexConverter");
+    public static readonly StyledProperty<ColorToHexConverter> HexConverterProperty =
+        AvaloniaProperty.Register<HexTextBoxBindingBehavior, ColorToHexConverter>(
+            "HexConverter");
 
     public ColorToHexConverter HexConverter
     {
@@ -36,4 +38,4 @@ protected override void OnSubmitValue(string oldValue, string newValue)
 
         Color = color;
     }
-}
+}

src/ColorPicker.AvaloniaUI/Behaviors/LostFocusUpdateBindingBehavior.cs

@@ -30,6 +30,7 @@ public string Text
     protected override void OnAttached()
     {
         AssociatedObject.LostFocus += OnLostFocus;
+        OnBindingValueChanged();
         base.OnAttached();
     }
 
@@ -49,7 +50,7 @@ private void OnLostFocus(object sender, RoutedEventArgs e)
         }
     }
 
-    private void OnBindingValueChanged()
+    protected void OnBindingValueChanged()
     {
         if (AssociatedObject != null)
         {
@@ -61,4 +62,4 @@ protected virtual void OnSubmitValue(string oldValue, string newValue)
     {
 
     }
-}
+}