feat(models): enhance data binding and encapsulation (#42)

Refactor properties in CustomInkCanvas, CanvasPage, Progress, and Settings classes to use public properties with [ObservableProperty] attributes. This improves data binding capabilities and encapsulation by replacing private fields with public properties. Additionally, simplify access to the StylusPlugIns collection in CustomInkCanvas.

SketchNow/Controls/CustomInkCanvas.cs

@@ -6,10 +6,10 @@ namespace SketchNow.Controls;
 
 public class CustomInkCanvas : InkCanvas
 {
-    CustomStylusPlugin _customStylusPlugin = new();
+    private readonly CustomStylusPlugin _customStylusPlugin = new();
 
     public CustomInkCanvas()
     {
-        this.StylusPlugIns.Add(_customStylusPlugin);
+        StylusPlugIns.Add(_customStylusPlugin);
     }
 }

SketchNow/Models/CanvasPages.cs

@@ -8,16 +8,17 @@ namespace SketchNow.Models;
 
 public partial class CanvasPage : ObservableObject
 {
-    [ObservableProperty] private StrokeCollection _strokes = [];
+    [ObservableProperty]
+    public partial StrokeCollection Strokes { get; set; } = [];
 
     #region Undo/Redo
 
     /// <summary>
-    /// To Notify the Not ObservableProperty <see cref="_strokes"/>
+    /// To Notify the Not ObservableProperty <see cref="Strokes"/>
     /// </summary>
     [ObservableProperty]
     [NotifyCanExecuteChangedFor(nameof(UndoCommand), nameof(RedoCommand), nameof(ClearCommand))]
-    private int _counter;
+    public partial int Counter { get; set; }
 
     private readonly ObservableCollection<StrokeCollection> _undoStack = [];
     private readonly ObservableCollection<StrokeCollection> _redoStack = [];
@@ -77,7 +78,7 @@ public CanvasPage()
     {
         // Listen for changes in the Strokes property
         Strokes.StrokesChanged += Strokes_Changed;
-        _undoStack.Add(CloneStrokeCollection(_strokes));
+        _undoStack.Add(CloneStrokeCollection(Strokes));
     }
 
     [RelayCommand(CanExecute = nameof(CanClear))]

SketchNow/Models/Progress.cs

@@ -5,9 +5,11 @@ namespace SketchNow.Models;
 public partial class Progress : ObservableObject
 {
     [ObservableProperty]
-    private int _value;
+    public partial int Value { get; set; }
+
     [ObservableProperty]
-    private bool _isIndeterminate;
+    public partial bool IsIndeterminate { get; set; }
+
     [ObservableProperty]
-    private bool _isVisible;
+    public partial bool IsVisible { get; set; }
 }

SketchNow/Models/Settings.cs

@@ -9,16 +9,16 @@ namespace SketchNow.Models;
 public partial class Settings : ObservableObject
 {
     [ObservableProperty]
-    private bool _isFitToCurve;
+    public partial bool IsFitToCurve { get; set; }
 
     [ObservableProperty]
-    private bool _isIgnorePressure;
+    public partial bool IsIgnorePressure { get; set; }
 
     [ObservableProperty]
-    private bool _isEraseByStroke;
+    public partial bool IsEraseByStroke { get; set; }
 
     [ObservableProperty]
-    private Brush _selectedBackground;
+    public partial Brush SelectedBackground { get; set; }
 
     public Settings()
     {