Wpf.NotificationCenter 1.0.1

Wpf.NotificationCenter

<img src="Resources/image-3.png" alt="Image of an error expanded in the notification center" width="200" />

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

MainWindow.xaml (Add Notification Center)

• Add namespace

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

• Include theme resource dictionary

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

• 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"
        AlertButtonBackground="#27252F"
        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> ```
  
  

App.xaml.cs (update the services collection)

• Add using statement

  using Wpf.NotificationCenter.Extensions;
  

• Add the services to the collection:

  services.UseWpfNotificationCenter();
  

Example Images

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 - v.1.0.0