Remove NotificationsVisualizerLibrary from sample app (#4259)

The NotificationsVisualizerLibrary is being deprecated/no longer updated, and we really don't need this dependency. Replacing the previews with static images/GIFs so that there are still previews of the toasts/tiles without affecting sample functionality.

Author: andrewleader

Microsoft.Toolkit.Uwp.SampleApp/Assets/NotificationAssets/SampleLiveTiles.gif

@@ -119,9 +119,6 @@
     <PackageReference Include="Microsoft.Xaml.Behaviors.Uwp.Managed">
       <Version>2.0.1</Version>
     </PackageReference>
-    <PackageReference Include="NotificationsVisualizerLibrary">
-      <Version>1.0.5</Version>
-    </PackageReference>
     <PackageReference Include="System.ValueTuple">
       <Version>4.5.0</Version>
     </PackageReference>
@@ -142,6 +139,8 @@
     <Content Include="Assets\NotificationAssets\Mostly Cloudy-Background.jpg" />
     <Content Include="Assets\NotificationAssets\Mostly Cloudy-Square.png" />
     <Content Include="Assets\NotificationAssets\Mostly Cloudy.png" />
+    <Content Include="Assets\NotificationAssets\SampleLiveTiles.gif" />
+    <Content Include="Assets\NotificationAssets\SampleToast.gif" />
     <Content Include="Assets\NotificationAssets\Slight Drizzle-Square.png" />
     <Content Include="Assets\NotificationAssets\Slight Drizzle.png" />
     <Content Include="Assets\NotificationAssets\Snow-Square.png" />
@@ -150,6 +149,11 @@
     <Content Include="Assets\NotificationAssets\Sunny.png" />
     <Content Include="Assets\NotificationAssets\Thunderstorms-Square.png" />
     <Content Include="Assets\NotificationAssets\Thunderstorms.png" />
+    <Content Include="Assets\NotificationAssets\WeatherTileLarge.png" />
+    <Content Include="Assets\NotificationAssets\WeatherTileMedium.png" />
+    <Content Include="Assets\NotificationAssets\WeatherTileSmall.png" />
+    <Content Include="Assets\NotificationAssets\WeatherTileWide.png" />
+    <Content Include="Assets\NotificationAssets\WeatherToast.png" />
     <Content Include="Assets\People\dave.png" />
     <Content Include="Assets\People\david.png" />
     <Content Include="Assets\People\giorgio.png" />
@@ -1562,4 +1566,4 @@
   </Target>
   <!-- No-op to avoid build error when packing solution from commandline -->
   <Target Name="Pack" />
-</Project>
+</Project>

Microsoft.Toolkit.Uwp.SampleApp/Assets/NotificationAssets/SampleToast.gif

@@ -3,8 +3,6 @@
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-      xmlns:visualizer="using:NotificationsVisualizerLibrary"
-      xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
       mc:Ignorable="d">
 
     <Page.Resources>
@@ -23,7 +21,8 @@
                     Margin="20,20,20,0"
                     HorizontalAlignment="Stretch"
                     Click="ButtonPinTile_Click"
-                    Content="Pin Tile" />
+                    Content="Pin Tile"
+                    Style="{ThemeResource AccentButtonStyle}" />
 
             <RichTextBlock Margin="20,10,20,0">
                 <Paragraph>Click the button to pin a secondary tile and send a notification to the tile, displaying rich visual content. The previews below show you what the tile will look like when you pin it.</Paragraph>
@@ -35,52 +34,10 @@
                 </Paragraph>
             </RichTextBlock>
 
-            <controls:WrapPanel
-                Margin="18"
-                HorizontalAlignment="Center">
-
-                <StackPanel
-                    HorizontalAlignment="Center"
-                    Padding="20"
-                    Background="{ThemeResource Brush-Grey-04}"
-                    Margin="10">
-                    <TextBlock
-                        Text="MEDIUM"
-                        Style="{StaticResource Box-Header}" />
-                    <visualizer:PreviewTile x:Name="MediumPreviewTile"
-                                        IsAnimationEnabled="False"
-                                        TileSize="Medium"
-                                        HorizontalAlignment="Center" />
-                </StackPanel>
-
-                <StackPanel
-                    HorizontalAlignment="Center"
-                    Padding="20"
-                    Background="{ThemeResource Brush-Grey-04}"
-                    Margin="10">
-                    <TextBlock
-                        Text="WIDE"
-                        Style="{StaticResource Box-Header}" />
-                    <visualizer:PreviewTile x:Name="WidePreviewTile"
-                                        IsAnimationEnabled="False"
-                                        TileSize="Wide"
-                                        HorizontalAlignment="Center" />
-                </StackPanel>
-
-                <StackPanel
-                    HorizontalAlignment="Center"
-                    Padding="20"
-                    Background="{ThemeResource Brush-Grey-04}"
-                    Margin="10">
-                    <TextBlock
-                        Text="LARGE"
-                        Style="{StaticResource Box-Header}" />
-                    <visualizer:PreviewTile x:Name="LargePreviewTile"
-                                        IsAnimationEnabled="False"
-                                        TileSize="Large"
-                                        HorizontalAlignment="Center" />
-                </StackPanel>
-            </controls:WrapPanel>
+            <Border Background="{ThemeResource Brush-Grey-04}" Padding="20" HorizontalAlignment="Center" Margin="18">
+                <Image Source="ms-appx:///Assets/NotificationAssets/SampleLiveTiles.gif" Width="400"/>
+            </Border>
+            
         </StackPanel>
     </ScrollViewer>
 </Page>

Microsoft.Toolkit.Uwp.SampleApp/Assets/NotificationAssets/WeatherTileLarge.png

@@ -5,24 +5,18 @@
 using System;
 using Microsoft.Toolkit.Uwp.Notifications;
 using Microsoft.Toolkit.Uwp.SampleApp.Common;
-using Microsoft.Toolkit.Uwp.SampleApp.Models;
-using NotificationsVisualizerLibrary;
 using Windows.UI.Notifications;
 using Windows.UI.StartScreen;
 using Windows.UI.Xaml;
 using Windows.UI.Xaml.Controls;
-using Windows.UI.Xaml.Navigation;
 
 namespace Microsoft.Toolkit.Uwp.SampleApp.SamplePages
 {
     public sealed partial class LiveTilePage : Page
     {
-        private TileContent _tileContent;
-
         public LiveTilePage()
         {
             InitializeComponent();
-            Initialize();
         }
 
         public static TileContent GenerateTileContent(string username, string avatarLogoSource)
@@ -149,31 +143,9 @@ private async void PinTile()
                 return;
             }
 
-            TileUpdateManager.CreateTileUpdaterForSecondaryTile(tile.TileId).Update(new TileNotification(_tileContent.GetXml()));
-        }
-
-        private void Initialize()
-        {
-            // Generate the tile notification content
-            _tileContent = GenerateTileContent("MasterHip", "Assets/Photos/Owl.jpg");
-
-            // Prepare and update the preview tiles
-            var previewTiles = new PreviewTile[] { MediumPreviewTile, WidePreviewTile, LargePreviewTile };
-            foreach (var tile in previewTiles)
-            {
-                tile.DisplayName = "Xbox";
-                tile.VisualElements.BackgroundColor = Constants.ApplicationBackgroundColor;
-                tile.VisualElements.ShowNameOnSquare150x150Logo = true;
-                tile.VisualElements.ShowNameOnSquare310x310Logo = true;
-                tile.VisualElements.ShowNameOnWide310x150Logo = true;
-                tile.VisualElements.Square44x44Logo = Constants.Square44x44Logo;
-                tile.VisualElements.Square150x150Logo = Constants.Square150x150Logo;
-                tile.VisualElements.Wide310x150Logo = Constants.Wide310x150Logo;
-                tile.VisualElements.Square310x310Logo = Constants.Square310x310Logo;
-                _ = tile.UpdateAsync(); // Commit changes (no need to await)
-
-                tile.CreateTileUpdater().Update(new TileNotification(_tileContent.GetXml()));
-            }
+            // Generate the tile notification content and update the tile
+            TileContent content = GenerateTileContent("MasterHip", "Assets/Photos/Owl.jpg");
+            TileUpdateManager.CreateTileUpdaterForSecondaryTile(tile.TileId).Update(new TileNotification(content.GetXml()));
         }
     }
 }