diff --git a/README.md b/README.md index 4ef910a..0144434 100644 --- a/README.md +++ b/README.md @@ -4,16 +4,55 @@ A Notification Flyout that looks and feels exactly like the native Volume, Netwo # Demo # [![](http://img.youtube.com/vi/8EoZ4pGWTkY/0.jpg)](http://www.youtube.com/watch?v=8EoZ4pGWTkY "Notification flyout demo") -# Todo # -- [x] Adapt to taskbar placement -- [x] Use entrance animation similar to those found in the native flyouts -- [x] Works across multiple monitors -- [x] Switch notification tray icon based on system theme -- [x] Notification tray icon context menu -- [x] Drop shadow -- [x] Can restyle/retemplate the notifiction flyout via the NotificationFlyoutPresenter control -- [ ] Use current system accent if user chose to use accent color on background surfaces -- [x] Remove the gap between the taskbar and the flyout +# Getting started # +The majority of this guide refers to the [Host a custom WinRT XAML control in a WPF app using XAML Islands](https://docs.microsoft.com/en-us/windows/apps/desktop/modernize/host-custom-control-with-xaml-islands) article. + +## Create a WPF project ## +1. In Visual Studio 2019, create a new UWP app project project. Make sure the target version and minimum version are both set to Windows 10, version 1903 (Build 18362) or a later release. +2. In the UWP app project, install the Microsoft.Toolkit.Win32.UI.XamlApplication NuGet package (latest stable version). +3. Open the App.xaml file and replace the contents of this file with the following XAML. Replace MyUWPApp with the namespace of your UWP app project. +```xaml + + +``` +4. Open the App.xaml.cs file and replace the contents of this file with the following code. Replace MyUWPApp with the namespace of your UWP app project. +```c# +namespace MyUWPApp +{ + public sealed partial class App : Microsoft.Toolkit.Win32.UI.XamlHost.XamlApplication + { + public App() + { + this.Initialize(); + } + } +} +``` +5. In the UWP app project, install the [NotificationFlyout.Uwp.UI.Controls](https://www.nuget.org/packages/NotificationFlyout.Uwp.UI.Controls/) NuGet package (latest stable version). +3. Open the MainPage.xaml file and replace the contents of this file with the following XAML. Replace MyUWPApp with the namespace of your UWP app project. +```xaml + + +