Add ItemClick event and AutoSelectOnItemClick proeprty in StepBar

Author: ghost1372

dev/DevWinUI.Controls/Controls/StepBar/StepBar.Property.cs

@@ -148,4 +148,13 @@ private static void OnIconChanged(DependencyObject d, DependencyPropertyChangedE
             ctl.UpdateItems();
         }
     }
+
+    public bool AutoSelectOnItemClick
+    {
+        get => (bool)GetValue(AutoSelectOnItemClickProperty);
+        set => SetValue(AutoSelectOnItemClickProperty, value);
+    }
+
+    public static readonly DependencyProperty AutoSelectOnItemClickProperty =
+        DependencyProperty.Register(nameof(AutoSelectOnItemClick), typeof(bool), typeof(StepBar), new PropertyMetadata(false));
 }

dev/DevWinUI.Controls/Controls/StepBar/StepBar.cs

@@ -1,4 +1,5 @@
 using System.Diagnostics.CodeAnalysis;
+using Microsoft.UI.Xaml.Input;
 using Microsoft.UI.Xaml.Markup;
 
 namespace DevWinUI;
@@ -23,6 +24,8 @@ public partial class StepBar : ItemsControl
     private ItemsPanelTemplate HorizontalItemsPanelTemplate { get; set; }
     private ItemsPanelTemplate VerticalItemsPanelTemplate { get; set; }
     public event EventHandler<int> StepChanged;
+    public event EventHandler<StepBarItemClickEventArgs>? ItemClick;
+
     private int _oriStepIndex = -1;
     private void UpdateTemplate()
     {
@@ -313,7 +316,20 @@ private void UpdateProgressBarVisualStates()
     {
         VisualStateManager.GoToState(this, Status.ToString(), true);
     }
+    private void OnItemTapped(object sender, TappedRoutedEventArgs e)
+    {
+        if (sender is StepBarItem stepBarItem)
+        {
+            int index = ItemContainerGenerator.IndexFromContainer(stepBarItem);
+
+            ItemClick?.Invoke(this, new StepBarItemClickEventArgs(index, stepBarItem));
 
+            if (AutoSelectOnItemClick)
+            {
+                StepIndex = index;
+            }
+        }
+    }
     public void Next() => StepIndex++;
     public void Prev() => StepIndex--;
 }

dev/DevWinUI.Controls/Controls/StepBar/StepBarItemClickEventArgs.cs

@@ -0,0 +1,12 @@
+namespace DevWinUI;
+public class StepBarItemClickEventArgs : EventArgs
+{
+    public int Index { get; set; }
+    public StepBarItem? ClickedItem { get; }
+
+    public StepBarItemClickEventArgs(int index, StepBarItem? clickedItem)
+    {
+        Index = index;
+        ClickedItem = clickedItem;
+    }
+}

dev/DevWinUI.Gallery/Views/Pages/Features/StepBarPage.xaml

@@ -44,17 +44,21 @@
                         <ComboBox x:Name="CmbHeaderDisplayMode"
                                   Header="Header Display Mode"
                                   ItemsSource="{x:Bind ViewModel.StepBarHeaderDisplayModeItems, Mode=OneWay}"
-                                  SelectedIndex="3" />
+                                  SelectedIndex="1" />
                         <ComboBox x:Name="CmbDisplayMode"
                                   Header="Display Mode"
                                   ItemsSource="{x:Bind ViewModel.StepBarDisplayModeItems, Mode=OneWay}"
                                   SelectedIndex="0" />
                         <ToggleSwitch x:Name="TGShowStepIndex"
                                       Header="Show StepIndex"
                                       IsOn="True" />
+                        <ToggleSwitch x:Name="TGAutoSelectOnItemClick"
+                                      Header="Auto Select On Item Click"
+                                      IsOn="True" />
                     </StackPanel>
                 </local:ControlExample.Pane>
                 <dev:StepBar x:Name="StepBarSample"
+                             AutoSelectOnItemClick="{x:Bind TGAutoSelectOnItemClick.IsOn, Mode=OneWay}"
                              DisplayMode="{x:Bind ((dev:StepBarDisplayMode)CmbDisplayMode.SelectedItem), Mode=OneWay}"
                              HeaderDisplayMode="{x:Bind ((dev:StepBarHeaderDisplayMode)CmbHeaderDisplayMode.SelectedItem), Mode=OneWay}"
                              Orientation="{x:Bind ((Orientation)CmbOrientation.SelectedItem), Mode=OneWay}"