Wpf.NotificationCenter 1.1.4

Wpf.NotificationCenter

Objective

• Create Toast Notifications
• Create Alerts for the notification Center
• Read previous alerts / toasts in one place.
• Unread indicator
• Customizable

Contents

• Installation
• Example Images
• Customization
• API Documentation
• Release Notes

Installation

Install NuGet Package (Wpf.NotificationCenter)

Choose one:

• .NET CLI
  • dotnet add package Wpf.NotificationCenter --version 1.0.0
• Package Manager
  • NuGet\Install-Package Wpf.NotificationCenter -Version 1.0.0
• Package Reference
  • <PackageReference Include="Wpf.NotificationCenter" Version="1.*" />
• Paket CLI
  • paket add Wpf.NotificationCenter --version 1.0.0
• Script & Interactive
  • #r "nuget: Wpf.NotificationCenter, 1.0.0"
• Cake
  • Install Wpf.NotificationCenter as a Cake Addin
    • #addin nuget:?package=Wpf.NotificationCenter&version=1.0.0
  • Install Wpf.NotificationCenter as a Cake Tool
    • #tool nuget:?package=Wpf.NotificationCenter&version=1.0.0

App.xaml (Add Theme)

• Include theme resource dictionary

  <ResourceDictionary Source="pack://application:,,,/Wpf.NotificationCenter;component/Themes/Generic.xaml" />
  

App.xaml.cs (update the services collection)

• Add using statement

  using Wpf.NotificationCenter.Extensions;
  

• Add the services to the collection:

  services.UseWpfNotificationCenter();
  

MainWindow.xaml (Add Notification Center)

• Add namespace

  xmlns:notificationCenter="clr-namespace:Wpf.NotificationCenter;assembly=Wpf.NotificationCenter"
  

• Add Notification Center with content inside.

  <notificationCenter:NotificationCenter
        x:Name="NotificationCenter"
        VerticalAlignment="Stretch"
        HorizontalAlignment="Stretch"
        NewAlertColor="GoldenRod"
        NoAlertColor="Gray"
        AlertMaxWidth="175"
        MaxNotifications="10"
        BorderBrush="Blue"
        IsItemsAscending="False">
        <notificationCenter:NotificationCenter.Header>
  
            <c:MainNavMenu Grid.Row="0" Navigate="{Binding DataContext.NavigateCommand, RelativeSource={RelativeSource AncestorType={x:Type c:MainWindow}}}"
                                        ViewContext="{Binding DataContext.ViewContext, RelativeSource={RelativeSource AncestorType={x:Type c:MainWindow}}}" />
        </notificationCenter:NotificationCenter.Header>
        <notificationCenter:NotificationCenter.Content>
            <Grid>
  
            </Grid>
        </notificationCenter:NotificationCenter.Content>
  </notificationCenter:NotificationCenter> ```
  
  

Example Images

Notification Center resides in the header.	Toast notifications can be shown.
Alert center Notification with collapsed message.	Alert center Notification with expanded message.

Customization

Notification Center Element Properties

Example

See usage in main window section.

Detailed Customization Theme File

Most of the look / feel is defined in the generic.xaml file. Primary theme styles are inherited from the theme of the site.

Click here to view the theme - generic.xaml

API Documentation

API Documentation

Release Notes

• Initial Release - v1.0.0.
• Add UI fixes, more customization, fix bugs - v1.1.0.
• Add Notification Options, Customization Options - v1.1.1.