dan/NotificationFlyout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make a step clearer in readme

Browse Source
This commit is contained in:
Daniel Clark
2021-02-11 19:14:40 +00:00
committed by GitHub
parent 44d88bc765
commit e459a85f02
1 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+14 -13
View File
@@ -56,9 +56,10 @@ namespace MyUWPApp
7. Clean the UWP app project and then build it. 7. Clean the UWP app project and then build it.
## Create a WPF project ## ## Create a WPF project ##
1. In Visual Studio 2019, create a new WPF App (.NET Core) project. 1. In Solution Explorer, right-click the solution node and select Add -> New Project.
2. In Solution Explorer, double-click the WPF project node to open the project file in the editor. 2. Add a new WPF App (.NET Core) project.
3. Replace the contents of this file with the following xml. 3. In Solution Explorer, double-click the WPF project node to open the project file in the editor.
4. Replace the contents of this file with the following xml.
```xml ```xml
<Project Sdk="Microsoft.NET.Sdk.WindowsDesktop"> <Project Sdk="Microsoft.NET.Sdk.WindowsDesktop">
<PropertyGroup> <PropertyGroup>
@@ -70,9 +71,9 @@ namespace MyUWPApp
</PropertyGroup> </PropertyGroup>
</Project> </Project>
``` ```
4. In Solution Explorer, right-click the Dependencies node under the WPF project and add a reference to your UWP app project. 5. In Solution Explorer, right-click the Dependencies node under the WPF project and add a reference to your UWP app project.
5. In the WPF app project, install the [Microsoft.Toolkit.Wpf.UI.XamlHost](https://www.nuget.org/packages/Microsoft.Toolkit.Wpf.UI.XamlHost) and [NotificationFlyout.Wpf.UI.Controls](https://www.nuget.org/packages/NotificationFlyout.Wpf.UI.Controls/) NuGet packages (latest stable version). 6. In the WPF app project, install the [Microsoft.Toolkit.Wpf.UI.XamlHost](https://www.nuget.org/packages/Microsoft.Toolkit.Wpf.UI.XamlHost) and [NotificationFlyout.Wpf.UI.Controls](https://www.nuget.org/packages/NotificationFlyout.Wpf.UI.Controls/) NuGet packages (latest stable version).
6. Open the `App.xaml` file and replace the contents of this file with the following XAML. Replace `MyWPFApp` with the namespace of your WPF app project. 7. Open the `App.xaml` file and replace the contents of this file with the following XAML. Replace `MyWPFApp` with the namespace of your WPF app project.
```xaml ```xaml
<Application <Application
x:Class="MyWPFApp.App" x:Class="MyWPFApp.App"
@@ -81,9 +82,9 @@ namespace MyUWPApp
<Application.Resources /> <Application.Resources />
</Application> </Application>
``` ```
7. Delete the MainWindow.xaml file from the WPF app project. 8. Delete the MainWindow.xaml file from the WPF app project.
8. In your WPF project, right-click the project node, select Add -> New Item, and then select Class. Name the class Program and click Add. 9. In your WPF project, right-click the project node, select Add -> New Item, and then select Class. Name the class Program and click Add.
9. Replace the generated `Program` class with the following code and then save the file. Replace `MyUWPApp` with the namespace of your UWP app project, and replace `MyWPFApp` with the namespace of your WPF app project. 10. Replace the generated `Program` class with the following code and then save the file. Replace `MyUWPApp` with the namespace of your UWP app project, and replace `MyWPFApp` with the namespace of your WPF app project.
```c# ```c#
using NotificationFlyout.Wpf.UI.Controls; using NotificationFlyout.Wpf.UI.Controls;
using System; using System;
@@ -108,10 +109,10 @@ namespace MyWPFApp
} }
} }
``` ```
10. Right-click the project node and choose Properties. 11. Right-click the project node and choose Properties.
11. On the Application tab of the properties, click the Startup object drop-down and choose the fully qualified name of the `Program` class you added in the previous step. 12. On the Application tab of the properties, click the Startup object drop-down and choose the fully qualified name of the `Program` class you added in the previous step.
12. Clean the WPF app project and then build it. 13. Clean the WPF app project and then build it.
13. Run the WPF app. 14. Run the WPF app.
# Limitations and workarounds # # Limitations and workarounds #
All limitions found in this [article](https://docs.microsoft.com/en-us/windows/apps/desktop/modernize/xaml-islands#limitations-and-workarounds) will affect how you build an app using this control. We have of course have added a work around for when the Windows theme is changed by the user 🎉! All limitions found in this [article](https://docs.microsoft.com/en-us/windows/apps/desktop/modernize/xaml-islands#limitations-and-workarounds) will affect how you build an app using this control. We have of course have added a work around for when the Windows theme is changed by the user 🎉!