Added TumbShape for Slider

src/AlohaKit/Controls/Slider/Slider.cs

@@ -128,6 +128,22 @@ public Brush ThumbBrush
             set => SetValue(ThumbBrushProperty, value);
         }
 
+        public static readonly BindableProperty ThumbShapeProperty =
+            BindableProperty.Create(nameof(ThumbShape), typeof(ThumbShape), typeof(Slider), ThumbShape.Circle,
+                propertyChanged: (bindableObject, oldValue, newValue) =>
+                {
+                    if (newValue != null && bindableObject is Slider slider)
+                    {
+                        slider.UpdateThumbShape();
+                    }
+                });        
+
+        public ThumbShape ThumbShape
+        {
+            get => (ThumbShape)GetValue(ThumbShapeProperty);
+            set => SetValue(ThumbShapeProperty, value);
+        }
+
         public event EventHandler<ValueChangedEventArgs> ValueChanged;
 
         protected override void OnParentSet()
@@ -143,6 +159,7 @@ protected override void OnParentSet()
                 UpdateMinimumBrush();
                 UpdateMaximumBrush(); 
                 UpdateThumbBrush();
+                UpdateThumbShape();
             }
         }
 
@@ -216,6 +233,16 @@ void UpdateThumbBrush()
             Invalidate();
         }
 
+        private void UpdateThumbShape()
+        {
+            if (SliderDrawable == null)
+                return;
+
+            SliderDrawable.ThumbShape = ThumbShape;
+
+            Invalidate();
+        }
+
         void OnSliderStartInteraction(object sender, TouchEventArgs args)
         {
             var touchPoint = args.Touches[0];

src/AlohaKit/Controls/Slider/SliderDrawable.cs

@@ -4,15 +4,17 @@ namespace AlohaKit.Controls
 {
     public class SliderDrawable : IDrawable
 	{
+		const int cornerRadius = 5;
 		public Paint BackgroundPaint { get; set; }
 		public double Minimum { get; set; }
 		public double Maximum { get; set; }
 		public double Value { get; set; }
 		public Paint MinimumPaint { get; set; }
 		public Paint MaximumPaint { get; set; }
 		public Paint ThumbPaint { get; set; }
+        public ThumbShape ThumbShape { get; set; }
 
-		public void Draw(ICanvas canvas, RectF dirtyRect)
+        public void Draw(ICanvas canvas, RectF dirtyRect)
 		{
 			DrawBackground(canvas, dirtyRect);
 			DrawTrackBackground(canvas, dirtyRect);
@@ -96,9 +98,20 @@ public virtual void DrawThumb(ICanvas canvas, RectF dirtyRect)
 			if (ThumbPaint != null)
 				canvas.SetFillPaint(ThumbPaint, dirtyRect);
 
-			canvas.FillEllipse(x, y, ThumbSize, ThumbSize);
+            switch (ThumbShape)
+            {
+                case ThumbShape.Circle:
+                    canvas.FillEllipse(x, y, ThumbSize, ThumbSize);
+                    break;
+                case ThumbShape.Rectangle:
+					canvas.FillRectangle(x, y, ThumbSize, ThumbSize);
+                    break;
+                case ThumbShape.RoundedRectangle:
+					canvas.FillRoundedRectangle(x, y, ThumbSize, ThumbSize, cornerRadius);
+                    break;                
+            }            
 
 			canvas.RestoreState();
-		}
+		}        
 	}
 }

src/AlohaKit/Controls/Slider/ThumbShape.cs

@@ -0,0 +1,8 @@
+namespace AlohaKit.Controls;
+
+public enum ThumbShape
+{
+    Circle,
+    Rectangle,
+    RoundedRectangle
+}