Add per-item LabelColor and ActiveIndicatorLabelColor support to MaterialNavigationDrawer (#120)

* Trigger workflow 3 (#104)

* Add touch event on touchable views

* Add touch event samples

* Fix touch issue on checkbox

* Create main.yml

* Use Android Dialog on Snackbar

* Add CharacterSpacing and LineBreakMode on iOS

* Add FontAttributes

* Update todo list

* Update main.yml

* Update main.yml

* Update main.yml

* Rename master pipeline name

* Add develop pipeline

* Set write permissions

* Auto-generate docs [skip ci]

* Update develop.yml

* Change namespace to TouchEventArgs, ITouchableView and TouchEventType

* Move LetterSpacingSpan implementation

* Change pipelines

* Update nuget.props

* Auto-generate docs [skip ci]

* trigger workflow

* Add pull request trigger

* Add workflow_dispatch

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Pablo González <pablo.gonzalez@horus.com.uy>

* Update README.md

* Update README.md

* Initial plan

* Add LabelColor property to MaterialNavigationDrawerItem and implement feature

Co-authored-by: AgustinBonilla <15618896+AgustinBonilla@users.noreply.github.com>

* Update icon tint color to consider selected state for consistency

Co-authored-by: AgustinBonilla <15618896+AgustinBonilla@users.noreply.github.com>

* Add ActiveIndicatorLabelColor property to MaterialNavigationDrawerItem

Co-authored-by: AgustinBonilla <15618896+AgustinBonilla@users.noreply.github.com>

---------

Co-authored-by: Agustin Bonilla <agustin.bonilla@horus.com.uy>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Pablo González <pablo.gonzalez@horus.com.uy>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: AgustinBonilla <15618896+AgustinBonilla@users.noreply.github.com>

Author: 4 people

samples/HorusStudio.Maui.MaterialDesignControls.Sample/ViewModels/NavigationDrawerViewModel.cs

@@ -99,6 +99,7 @@ private void LoadItems(bool includeAllItems)
                     SelectedLeadingIcon = "trash.png",
                     LeadingIcon = "trash.png",
                     Text = "Trash",
+                    LabelColor = Colors.Red
                 },
                 new()
                 {

src/HorusStudio.Maui.MaterialDesignControls/Controls/NavigationDrawer/MaterialNavigationDrawer.cs

@@ -1155,15 +1155,25 @@ private void SetLabelTextColorPropertyBindings(MaterialLabel label, MaterialNavi
                 new Binding(nameof(item.IsSelected), source: item),
                 new Binding(nameof(ActiveIndicatorLabelColor), source: this),
                 new Binding(nameof(LabelColor), source: this),
-                new Binding(nameof(DisabledLabelColor), source: this)
+                new Binding(nameof(DisabledLabelColor), source: this),
+                new Binding(nameof(item.LabelColor), source: item),
+                new Binding(nameof(item.ActiveIndicatorLabelColor), source: item)
             },
             Converter = new MultiValueConverter((values, targetType, parameter, culture) =>
             {
                 var isEnabled = (bool)values[0];
                 var isSelected = (bool)values[1];
-                var activeIndicatorLabelColor = (Color)values[2];
-                var labelColor = (Color)values[3];
+                var drawerActiveIndicatorLabelColor = (Color)values[2];
+                var drawerLabelColor = (Color)values[3];
                 var disabledLabelColor = (Color)values[4];
+                var itemLabelColor = values[5] as Color?;
+                var itemActiveIndicatorLabelColor = values[6] as Color?;
+
+                // If item has its own LabelColor, use it instead of drawer's LabelColor
+                var labelColor = itemLabelColor ?? drawerLabelColor;
+                
+                // If item has its own ActiveIndicatorLabelColor, use it instead of drawer's ActiveIndicatorLabelColor
+                var activeIndicatorLabelColor = itemActiveIndicatorLabelColor ?? drawerActiveIndicatorLabelColor;
 
                 return isEnabled ? (isSelected ? activeIndicatorLabelColor : labelColor) : disabledLabelColor;
             })
@@ -1177,16 +1187,30 @@ private void SetIconTintColorPropertyBindings(IconTintColorBehavior iconTintColo
             Bindings = new Collection<BindingBase>
             {
                 new Binding(nameof(item.IsEnabled), source: item),
+                new Binding(nameof(item.IsSelected), source: item),
+                new Binding(nameof(ActiveIndicatorLabelColor), source: this),
                 new Binding(nameof(LabelColor), source: this),
-                new Binding(nameof(DisabledLabelColor), source: this)
+                new Binding(nameof(DisabledLabelColor), source: this),
+                new Binding(nameof(item.LabelColor), source: item),
+                new Binding(nameof(item.ActiveIndicatorLabelColor), source: item)
             },
             Converter = new MultiValueConverter((values, targetType, parameter, culture) =>
             {
                 var isEnabled = (bool)values[0];
-                var labelColor = (Color)values[1];
-                var disabledLabelColor = (Color)values[2];
+                var isSelected = (bool)values[1];
+                var drawerActiveIndicatorLabelColor = (Color)values[2];
+                var drawerLabelColor = (Color)values[3];
+                var disabledLabelColor = (Color)values[4];
+                var itemLabelColor = values[5] as Color?;
+                var itemActiveIndicatorLabelColor = values[6] as Color?;
+
+                // If item has its own LabelColor, use it instead of drawer's LabelColor
+                var labelColor = itemLabelColor ?? drawerLabelColor;
+                
+                // If item has its own ActiveIndicatorLabelColor, use it instead of drawer's ActiveIndicatorLabelColor
+                var activeIndicatorLabelColor = itemActiveIndicatorLabelColor ?? drawerActiveIndicatorLabelColor;
 
-                return isEnabled ? labelColor : disabledLabelColor;
+                return isEnabled ? (isSelected ? activeIndicatorLabelColor : labelColor) : disabledLabelColor;
             })
         });
     }

src/HorusStudio.Maui.MaterialDesignControls/Controls/NavigationDrawer/MaterialNavigationDrawerItem.cs

@@ -22,6 +22,8 @@ public class MaterialNavigationDrawerItem : INotifyPropertyChanged
     private bool _isSelected;
     private bool _isEnabled = true;
     private string _automationId = null!;
+    private Color? _labelColor;
+    private Color? _activeIndicatorLabelColor;
 
     #endregion Attributes
 
@@ -149,6 +151,26 @@ public string AutomationId
         set => SetProperty(ref _automationId, value);
     }
 
+    /// <summary>
+    /// Gets or sets the label color for this item. If null, falls back to the MaterialNavigationDrawer's LabelColor.
+    /// This color is also applied to the leading and trailing icons when ApplyLeadingIconTintColor or ApplyTrailingIconTintColor is true.
+    /// </summary>
+    public Color? LabelColor
+    {
+        get => _labelColor;
+        set => SetProperty(ref _labelColor, value);
+    }
+    
+    /// <summary>
+    /// Gets or sets the active indicator label color for this item when selected. If null, falls back to the MaterialNavigationDrawer's ActiveIndicatorLabelColor.
+    /// This color is also applied to the leading and trailing icons when the item is selected and ApplyLeadingIconTintColor or ApplyTrailingIconTintColor is true.
+    /// </summary>
+    public Color? ActiveIndicatorLabelColor
+    {
+        get => _activeIndicatorLabelColor;
+        set => SetProperty(ref _activeIndicatorLabelColor, value);
+    }
+    
     /// <inheritdoc />
     public event PropertyChangedEventHandler? PropertyChanged;