Added another sample to the app, but it's a bit wonky still...

Image isn't DPI aware, so it's a bit weird at different DPI monitor.

Author: michael-hawker

Microsoft.Toolkit.Uwp.SampleApp/Assets/Samples/RangeSelector.png

@@ -130,6 +130,7 @@
     <!-- A reference to the entire .Net Framework and Windows SDK are automatically included -->
     <Content Include="Assets\BrushAssets\TileTexture.png" />
     <Content Include="Assets\BrushAssets\NoiseTexture.png" />
+    <Content Include="Assets\checker.png" />
     <Content Include="Assets\Llama.mp3" />
     <Content Include="Assets\mslogo.png" />
     <Content Include="Assets\NotificationAssets\Cloudy-Square.png" />

Microsoft.Toolkit.Uwp.SampleApp/Assets/checker.png

@@ -4,11 +4,20 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
+    xmlns:brushes="using:Microsoft.Toolkit.Uwp.UI.Media"
     mc:Ignorable="d">
 
   <Grid>
     <controls:ConstrainedBox AspectRatio="16:3" VerticalAlignment="Top">
       <Image Source="/Assets/Photos/WestSeattleView.jpg" Stretch="UniformToFill"/>
     </controls:ConstrainedBox>
+    <controls:ConstrainedBox MultipleX="64"
+                             AspectRatio="1:1"
+                             MinWidth="64" MaxWidth="512">
+        <controls:ConstrainedBox.Background>
+            <!-- TODO: Should I make a DPI aware image? As otherwise scaling doesn't quite work at 150%? -->
+            <brushes:TilesBrush TextureUri="ms-appx:///Assets/checker.png"/>
+        </controls:ConstrainedBox.Background>
+    </controls:ConstrainedBox>
   </Grid>
 </Page>