feat: UI Button color (#2815)

Author: Eideren

sources/engine/Stride.UI/Controls/Button.cs

@@ -109,6 +109,15 @@ public ISpriteProvider MouseOverImage
             }
         }
 
+        /// <summary>
+        /// Gets or set the color used to tint the image. Default value is White.
+        /// </summary>
+        /// <remarks>The initial image color is multiplied by this color.</remarks>
+        /// <userdoc>The color used to tint the image. The default value is white.</userdoc>
+        [DataMember]
+        [Display(category: AppearanceCategory)]
+        public Color Color { get; set; } = Color.White;
+
         /// <summary>
         /// Gets or sets a value that describes how the button image should be stretched to fill the destination rectangle.
         /// </summary>

sources/engine/Stride.UI/Controls/ImageElement.cs

@@ -44,7 +44,7 @@ public ISpriteProvider Source
         }
 
         /// <summary>
-        /// Gets or set the color used to tint the image. Default value is White/>.
+        /// Gets or set the color used to tint the image. Default value is White.
         /// </summary>
         /// <remarks>The initial image color is multiplied by this color.</remarks>
         /// <userdoc>The color used to tint the image. The default value is white.</userdoc>

sources/engine/Stride.UI/Controls/ToggleButton.cs

@@ -5,6 +5,7 @@
 using System.Diagnostics;
 
 using Stride.Core;
+using Stride.Core.Mathematics;
 using Stride.Engine;
 using Stride.Graphics;
 using Stride.UI.Attributes;
@@ -194,6 +195,15 @@ internal ISpriteProvider ToggleButtonImageProvider
         /// </summary>
         internal Sprite ToggleButtonImage => ToggleButtonImageProvider?.GetSprite();
 
+        /// <summary>
+        /// Gets or set the color used to tint the image. Default value is White.
+        /// </summary>
+        /// <remarks>The initial image color is multiplied by this color.</remarks>
+        /// <userdoc>The color used to tint the image. The default value is white.</userdoc>
+        [DataMember]
+        [Display(category: AppearanceCategory)]
+        public Color Color { get; set; } = Color.White;
+
         /// <summary>
         /// Determines whether the control supports two or three states.
         /// </summary>

sources/engine/Stride.UI/Renderers/DefaultButtonRenderer.cs

@@ -26,7 +26,7 @@ public override void RenderColor(UIElement element, UIRenderingContext context)
             if (sprite?.Texture == null)
                 return;
 
-            var color = element.RenderOpacity * Color.White;
+            var color = element.RenderOpacity * button.Color;
             Batch.DrawImage(sprite.Texture, ref element.WorldMatrixInternal, ref sprite.RegionInternal, ref element.RenderSizeInternal, ref sprite.BordersInternal, ref color, context.DepthBias, sprite.Orientation);
         }
     }

sources/engine/Stride.UI/Renderers/DefaultToggleButtonRenderer.cs

@@ -29,7 +29,7 @@ public override void RenderColor(UIElement element, UIRenderingContext context)
             if (sprite?.Texture == null)
                 return;
 
-            var color = toggleButton.RenderOpacity * Color.White;
+            var color = toggleButton.RenderOpacity * toggleButton.Color;
             Batch.DrawImage(sprite.Texture, ref element.WorldMatrixInternal, ref sprite.RegionInternal, ref element.RenderSizeInternal, ref sprite.BordersInternal, ref color, context.DepthBias, sprite.Orientation);
         }
     }