SelectedIndexChanged event is added to MaterialPicker control

Author: AgustinBonilla

example/ExampleMaterialDesignControls/Pages/MaterialPickerPage.xaml

@@ -10,6 +10,7 @@
                 <material:MaterialPicker x:Name="pckColors" Type="Filled" LabelText="Color" AnimateError="True" />
                 <material:MaterialPicker x:Name="pckSizes" SelectedItem="{Binding SelectedSizes}" Type="Outlined" LabelText="Size" />
                 <material:MaterialPicker x:Name="pckModels" Type="Lined" LabelText="Model" LeadingIcon="color.png" />
+                <Label x:Name="lblSelectedIndex" Text="SelectedIndex: -" />
                 <material:MaterialButton Text="Save" Icon="save.png" Command="{Binding TapCommand}" />
             </StackLayout>
         </ScrollView>

example/ExampleMaterialDesignControls/Pages/MaterialPickerPage.xaml.cs

@@ -15,7 +15,9 @@ public MaterialPickerPage()
 
             this.pckColors.ItemsSource = new List<string> { "Red", "Blue", "Green" };
             this.pckSizes.ItemsSource = new List<string> { "P", "M", "X", "XL" };
+
             this.pckModels.ItemsSource = new List<string> { "Model A", "Model B", "Model C", "Model D" };
+            this.pckModels.SelectedIndexChanged += PckModels_SelectedIndexChanged;
 
             this.SelectedSizes = "M";
 
@@ -24,6 +26,11 @@ public MaterialPickerPage()
             this.BindingContext = this;
         }
 
+        private void PckModels_SelectedIndexChanged(object sender, EventArgs e)
+        {
+            this.lblSelectedIndex.Text = $"SelectedIndex: {this.pckModels.SelectedIndex}";
+        }
+
         public ICommand TapCommand { get; set; }
 
         public async void OnTap(object parameter)

src/MaterialDesignControls/Controls/MaterialPicker.xaml.cs

@@ -41,6 +41,12 @@ public MaterialPicker()
 
         #endregion Attributes
 
+        #region Events
+
+        public event EventHandler SelectedIndexChanged;
+
+        #endregion Events
+
         #region Properties
 
         public static readonly BindableProperty TypeProperty =
@@ -233,6 +239,27 @@ public bool AnimateError
             set { SetValue(AnimateErrorProperty, value); }
         }
 
+        public int SelectedIndex
+        {
+            get
+            {
+                if (this.ItemsSource != null)
+                {
+                    var index = 0;
+                    foreach (var item in this.ItemsSource)
+                    {
+                        if (index.Equals(this.pckOptions.SelectedIndex))
+                        {
+                            return index;
+                        }
+                        index++;
+                    }
+                }
+
+                return -1;
+            }
+        }
+
         #endregion Properties
 
         #region Methods
@@ -432,6 +459,10 @@ private void PckOptions_SelectedIndexChanged(object sender, EventArgs e)
                     if (index.Equals(this.pckOptions.SelectedIndex))
                     {
                         this.SelectedItem = item.ToString();
+                        if (this.SelectedIndexChanged != null)
+                        {
+                            this.SelectedIndexChanged.Invoke(this, e);
+                        }
                         break;
                     }
                     index++;