Added demo images to accent analyzer sample

Author: Avid29

components/AccentAnalyzer/samples/AccentAnalyzer.Samples.csproj

@@ -1,10 +1,26 @@
-<Project>
+<Project>
   <Import Project="$([MSBuild]::GetPathOfFileAbove(Directory.Build.props))" Condition="Exists('$([MSBuild]::GetPathOfFileAbove(Directory.Build.props))')" />
-  
+
   <PropertyGroup>
     <ToolkitComponentName>Helpers.AccentAnalyzer</ToolkitComponentName>
   </PropertyGroup>
 
   <!-- Sets this up as a toolkit component's sample project -->
   <Import Project="$(ToolingDirectory)\ToolkitComponent.SampleProject.props" />
+  <ItemGroup>
+    <None Remove="Assets\StockImages\Bloom.jpg" />
+    <None Remove="Assets\StockImages\Headphones.jpg" />
+    <None Remove="Assets\StockImages\Paint.jpg" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Update="Assets\StockImages\Bloom.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\StockImages\Headphones.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Update="Assets\StockImages\Paint.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
 </Project>

components/AccentAnalyzer/samples/AccentAnalyzerSample.xaml

@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="AccentAnalyzerExperiment.Samples.AccentAnalyzerSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -27,7 +27,7 @@
                    MaxHeight="256"
                    Margin="20"
                    HorizontalAlignment="Center"
-                   Source="/Helpers.AccentAnalyzerExperiment.Samples/Assets/icon.png"
+                   Source="/Helpers.AccentAnalyzerExperiment.Samples/Assets/StockImages/Bloom.jpg"
                    Stretch="Uniform">
                 <interactivity:Interaction.Behaviors>
                     <interactivity:EventTriggerBehavior EventName="ImageOpened">

components/AccentAnalyzer/samples/AccentAnalyzerSampleOptionsPane.xaml

@@ -1,16 +1,30 @@
-<UserControl x:Class="AccentAnalyzerExperiment.Samples.AccentAnalyzerSampleOptionsPane"
+<UserControl x:Class="AccentAnalyzerExperiment.Samples.AccentAnalyzerSampleOptionsPane"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:local="using:AccentAnalyzerExperiment.Samples"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              mc:Ignorable="d">
 
-    <StackPanel Orientation="Horizontal">
-        <TextBox x:Name="UrlTextbox"
-                 MaxWidth="300"
-                 PlaceholderText="Enter a url" />
-        <Button Click="Button_Click"
-                Content="Set Image" />
+    <StackPanel MaxWidth="400">
+        <StackPanel Orientation="Horizontal">
+            <TextBox x:Name="UrlTextbox"
+                     PlaceholderText="Enter a url" />
+            <Button Click="Button_Click"
+                    Content="Set Image" />
+        </StackPanel>
+
+        <GridView ItemsSource="{x:Bind StockImages, Mode=OneWay}" SelectionMode="Single" IsItemClickEnabled="True" ItemClick="GridView_ItemClick"
+                  >
+            <GridView.ItemTemplate>
+                <DataTemplate x:DataType="x:String">
+                    <Image Stretch="UniformToFill" MaxWidth="128">
+                        <Image.Source>
+                            <BitmapImage UriSource="{x:Bind}"/>
+                        </Image.Source>
+                    </Image>
+                </DataTemplate>
+            </GridView.ItemTemplate>
+        </GridView>
     </StackPanel>
 </UserControl>

components/AccentAnalyzer/samples/AccentAnalyzerSampleOptionsPane.xaml.cs

@@ -20,10 +20,25 @@ public AccentAnalyzerSampleOptionsPane(AccentAnalyzerSample sample)
         this.InitializeComponent();
 
         _sample = new AccentAnalyzerSample.XamlNamedPropertyRelay(sample);
+
+        string[] images = ["Bloom.jpg", "Headphones.jpg", "Paint.jpg"];
+        StockImages = images.Select(x => $"ms-appx:///Assets/StockImages/{x}").ToList();
     }
 
     private void Button_Click(object sender, RoutedEventArgs e)
     {
-        _sample.AccentedImage.Source = new BitmapImage(new Uri(UrlTextbox.Text));
+        SetImage(new Uri(UrlTextbox.Text));
+    }
+
+    public IList<string> StockImages { get; }
+
+    private void GridView_ItemClick(object sender, ItemClickEventArgs e)
+    {
+        SetImage(new Uri((string)e.ClickedItem));
+    }
+
+    private void SetImage(Uri uri)
+    {
+        _sample.AccentedImage.Source = new BitmapImage(uri);
     }
 }