Add implicit converter for integer

Author: XAML-Knight

Microsoft.Toolkit.Uwp.UI.Controls.Primitives/ConstrainedBox/AspectRatio.cs

@@ -2,6 +2,7 @@
 // The .NET Foundation licenses this file to you under the MIT license.
 // See the LICENSE file in the project root for more information.
 
+using System;
 using System.Globalization;
 
 namespace Microsoft.Toolkit.Uwp.UI.Controls
@@ -63,6 +64,13 @@ public AspectRatio(double ratio)
         /// <param name="ratio"><see cref="double"/> value representing the <see cref="AspectRatio"/>.</param>
         public static implicit operator AspectRatio(double ratio) => new AspectRatio(ratio);
 
+        /// <summary>
+        /// Implicit conversion operator to convert a <see cref="int"/> to an <see cref="AspectRatio"/> value.
+        /// Creates a simple aspect ratio of N:1, where N is int
+        /// </summary>
+        /// <param name="width"><see cref="int"/> value representing the <see cref="AspectRatio"/>.</param>
+        public static implicit operator AspectRatio(int width) => new AspectRatio(width, 1.0);
+
         /// <summary>
         /// Converter to take a string aspect ration like "16:9" and convert it to an <see cref="AspectRatio"/> struct.
         /// Used automatically by XAML.

UnitTests/UnitTests.UWP/UI/Controls/Test_ConstrainedBox.AspectRatio.cs

@@ -91,6 +91,46 @@ await App.DispatcherQueue.EnqueueAsync(async () =>
             });
         }
 
+        [TestCategory("ConstrainedBox")]
+        [TestMethod]
+        public async Task Test_ConstrainedBox_Normal_IntegerWidth()
+        {
+            await App.DispatcherQueue.EnqueueAsync(async () =>
+            {
+                var treeRoot = XamlReader.Load(@"<Page
+    xmlns=""http://schemas.microsoft.com/winfx/2006/xaml/presentation""
+    xmlns:x=""http://schemas.microsoft.com/winfx/2006/xaml""
+    xmlns:controls=""using:Microsoft.Toolkit.Uwp.UI.Controls"">
+      <controls:ConstrainedBox x:Name=""ConstrainedBox"" AspectRatio=""2"" Height=""100"">
+        <Border HorizontalAlignment=""Stretch"" VerticalAlignment=""Stretch"" Background=""Red""/>
+      </controls:ConstrainedBox>
+</Page>") as FrameworkElement;
+
+                Assert.IsNotNull(treeRoot, "Could not load XAML tree.");
+
+                // Initialize Visual Tree
+                await SetTestContentAsync(treeRoot);
+
+                var panel = treeRoot.FindChild("ConstrainedBox") as ConstrainedBox;
+
+                Assert.IsNotNull(panel, "Could not find ConstrainedBox in tree.");
+
+                // Check Size
+                Assert.AreEqual(2.0, panel.AspectRatio, 0.01, "ApectRatio does not meet expected value of 2.0");
+
+                // Force Layout calculations
+                panel.UpdateLayout();
+
+                var child = panel.Content as Border;
+
+                Assert.IsNotNull(child, "Could not find inner Border");
+
+                // Check Size
+                Assert.AreEqual(200, child.ActualWidth, 0.01, "Actual width does not meet expected value of 200");
+                Assert.AreEqual(100, child.ActualHeight, 0.01, "Actual height does not meet expected value of 100");
+            });
+        }
+
         [TestCategory("ConstrainedBox")]
         [TestMethod]
         public void Test_ConstrainedBox_AspectRatioParsing_WidthAndHeight()