設為首頁 加入收藏
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置： 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> 關於.NET

Windows 8 通知基礎實作：Toast、Tile、Badge 入門與進階

     編輯：關於.NET

前言

Windows 8 提供三大通知機制：Toast (彈出通知)、Tile (磚動態更新)、Badge (徽章數字/圖示)。本文從基礎 API 入手，示範手動構造 XML 與使用輔助類庫兩種方式，並涵蓋通知事件處理、清除通知、Badge 徽章更新與輪詢機制。

一、Toast 通知基礎應用

核心類別

  • ToastNotification：通知本體，含 XML 內容、過期時間、Activated/Dismissed/Failed 事件。
  • ToastNotificationManager：管理器，建立 ToastNotifier。
  • ToastNotifier：顯示/隱藏通知，查詢通知設定狀態。

XAML 介面

<Page x:Class="XamlDemo.Notification.Toast.Demo" xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:XamlDemo.Notification.Toast" xmlns:d="https://schemas.microsoft.com/expression/blend/2008" xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<StackPanel Margin="120 0 0 0">
<TextBox Name="lblMsg" Height="100" TextWrapping="Wrap" AcceptsReturn="True" FontSize="14.667" Margin="0 0 10 0" />
<Button Name="btnShortToast" Content="Short Toast" Click="btnShortToast_Click_1" Margin="0 10 0 0" />
<Button Name="btnLongToast" Content="Long Toast" Click="btnLongToast_Click_1" Margin="0 10 0 0" />
<TextBlock Name="lblStatus" FontSize="14.667" Margin="0 10 0 0" />
</StackPanel>
</Page>

程式碼後置：短時通知 (使用輔助類庫)

using NotificationsExtensions.ToastContent;
using System;
using Windows.Data.Xml.Dom;
using Windows.UI.Core;
using Windows.UI.Notifications;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace XamlDemo.Notification.Toast
{
    public sealed partial class Demo : Page
    {
        public Demo()
        {
            this.InitializeComponent();
        }

        private void btnShortToast_Click_1(object sender, RoutedEventArgs e)
        {
            IToastText01 templateContent = ToastContentFactory.CreateToastText01();
            templateContent.TextBodyWrap.Text = "我是通知正文，可換行，最多三行。我是通知正文，可換行，最多三行。我是通知正文，可換行，最多三行。";
            templateContent.Duration = ToastDuration.Short;
            IToastNotificationContent toastContent = templateContent;
            ToastNotification toast = toastContent.CreateNotification();
            toast.Activated += toast_Activated;
            toast.Failed += toast_Failed;
            toast.Dismissed += toast_Dismissed;
            ToastNotifier toastNotifier = ToastNotificationManager.CreateToastNotifier();
            toastNotifier.Show(toast);
            lblStatus.Text += "NotificationSetting: " + toastNotifier.Setting.ToString();
            lblStatus.Text += Environment.NewLine;
            lblMsg.Text = toastContent.GetContent();
        }

        private void btnLongToast_Click_1(object sender, RoutedEventArgs e)
        {
            var toastXmlString = "<toast duration='long'>" +
                "<visual version='1'>" +
                "<binding template='ToastText01'>" +
                "<text id='1'>我是通知正文，可換行，最多三行。我是通知正文，可換行，最多三行。我是通知正文，可換行，最多三行。</text>" +
                "</binding>" +
                "</visual>" +
                "<audio silent='true'/>" +
                "</toast>";
            XmlDocument toastDOM = new XmlDocument();
            toastDOM.LoadXml(toastXmlString);
            ToastNotification toast = new ToastNotification(toastDOM);
            toast.Activated += toast_Activated;
            toast.Failed += toast_Failed;
            toast.Dismissed += toast_Dismissed;
            ToastNotifier toastNotifier = ToastNotificationManager.CreateToastNotifier();
            toastNotifier.Show(toast);
            lblStatus.Text += "NotificationSetting: " + toastNotifier.Setting.ToString();
            lblStatus.Text += Environment.NewLine;
            lblMsg.Text = toastXmlString;
        }

        async void toast_Dismissed(ToastNotification sender, ToastDismissedEventArgs args)
        {
            await Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () => {
                lblStatus.Text += "Toast.Dismissed: " + args.Reason.ToString();
                lblStatus.Text += Environment.NewLine;
            });
        }

        async void toast_Failed(ToastNotification sender, ToastFailedEventArgs args)
        {
            await Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () => {
                lblStatus.Text += "Toast.Failed: " + args.ErrorCode.ToString();
                lblStatus.Text += Environment.NewLine;
            });
        }

        async void toast_Activated(ToastNotification sender, object args)
        {
            await Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () => {
                lblStatus.Text += "Toast.Activated: " + sender.Content.GetXml();
                lblStatus.Text += Environment.NewLine;
            });
        }
    }
}

二、Tile 磚基礎應用

核心類別

  • TileNotification：磚通知本體。
  • TileUpdateManager：建立 TileUpdater、取得模板 XML。
  • TileUpdater：更新/清除磚通知，查詢設定狀態。

XAML 介面

<Page x:Class="XamlDemo.Notification.Tile.Demo" xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:XamlDemo.Notification.Tile" xmlns:d="https://schemas.microsoft.com/expression/blend/2008" xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Grid Background="Transparent">
<StackPanel Margin="120 0 0 0">
<TextBox Name="lblMsg" Height="100" TextWrapping="Wrap" AcceptsReturn="True" FontSize="14.667" Margin="0 0 10 0" />
<Button Name="btnXmlTile" Content="通過手工方式構造 xml 模板，以更新 Tile" Click="btnXmlTile_Click_1" Margin="0 10 0 0" />
<Button Name="btnTemplateTile" Content="通過模板幫助類更新 Tile" Click="btnTemplateTile_Click_1" Margin="0 10 0 0" />
<Button Name="btnClearTile" Content="清除 Tile" Click="btnClearTile_Click_1" Margin="0 10 0 0" />
<TextBlock Name="lblStatus" FontSize="14.667" Margin="0 10 0 0" />
</StackPanel>
</Grid>
</Page>

程式碼後置

using NotificationsExtensions.TileContent;
using Windows.Data.Xml.Dom;
using Windows.UI.Notifications;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;

namespace XamlDemo.Notification.Tile
{
    public sealed partial class Demo : Page
    {
        public Demo()
        {
            this.InitializeComponent();
        }

        private void btnXmlTile_Click_1(object sender, RoutedEventArgs e)
        {
            string tileXmlString = "<tile>" +
                "<visual>" +
                "<binding template='TileWideText03'>" +
                "<text id='1'>hi webabcd</text>" +
                "</binding>" +
                "<binding template='TileSquareText04'>" +
                "<text id='1'>hi webabcd</text>" +
                "</binding>" +
                "</visual>" +
                "</tile>";
            XmlDocument tileDOM = new Windows.Data.Xml.Dom.XmlDocument();
            tileDOM.LoadXml(tileXmlString);
            TileNotification tile = new TileNotification(tileDOM);
            TileUpdater tileUpdater = TileUpdateManager.CreateTileUpdaterForApplication();
            tileUpdater.Update(tile);
            lblMsg.Text = tileDOM.GetXml();
            lblStatus.Text = "NotificationSetting: " + tileUpdater.Setting.ToString();
        }

        private void btnTemplateTile_Click_1(object sender, RoutedEventArgs e)
        {
            ITileSquareImage squareContent = TileContentFactory.CreateTileSquareImage();
            squareContent.Image.Src = "https://pic.cnblogs.com/avatar/a14540.jpg?id=24173245";
            squareContent.Image.Alt = "altText";
            ITileWideImageAndText01 tileContent = TileContentFactory.CreateTileWideImageAndText01();
            tileContent.TextCaptionWrap.Text = "hi webabcd";
            tileContent.Image.Src = "https://pic.cnblogs.com/avatar/a14540.jpg?id=24173245";
            tileContent.Image.Alt = "altText";
            tileContent.SquareContent = squareContent;
            TileNotification tile = tileContent.CreateNotification();
            TileUpdater tileUpdater = TileUpdateManager.CreateTileUpdaterForApplication();
            tileUpdater.Update(tile);
            lblMsg.Text = tileContent.GetContent();
        }

        private void btnClearTile_Click_1(object sender, RoutedEventArgs e)
        {
            TileUpdater tileUpdater = TileUpdateManager.CreateTileUpdaterForApplication();
            tileUpdater.Clear();
        }
    }
}

三、Badge 徽章基礎應用

核心類別

  • BadgeNotification：徽章通知本體。
  • BadgeUpdateManager：建立 BadgeUpdater、取得模板 XML。
  • BadgeUpdater：更新/清除徽章通知。

Badge 僅支援兩種模板：BadgeNumber (1-99 數字，超過顯示 99+，0 為移除) 與 BadgeGlyph (12 種預定義圖示：None, Activity, Alert, Available, Away, Busy, NewMessage, Paused, Playing, Unavailable, Error, Attention)。

XAML 介面

<Page x:Class="XamlDemo.Notification.Badge.Demo" xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:XamlDemo.Notification.Badge" xmlns:d="https://schemas.microsoft.com/expression/blend/2008" xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Grid Background="Transparent">
<StackPanel Margin="120 0 0 0">
<TextBox Name="lblMsg" Height="100" TextWrapping="Wrap" AcceptsReturn="True" FontSize="14.667" Margin="0 0 10 0" />
<Button Name="btnUpdateBadgeWidthNumber" Content="以數字的方式更新 Badge" Click="btnUpdateBadgeWidthNumber_Click_1" Margin="0 10 0 0" />
<Button Name="btnUpdateBadgeWidthIcon" Content="以圖標的方式更新 Badge" Click="btnUpdateBadgeWidthIcon_Click_1" Margin="0 10 0 0" />
</StackPanel>
</Grid>
</Page>

程式碼後置

using NotificationsExtensions.BadgeContent;
using Windows.UI.Notifications;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Navigation;

namespace XamlDemo.Notification.Badge
{
    public sealed partial class Demo : Page
    {
        public Demo()
        {
            this.InitializeComponent();
        }

        private void btnUpdateBadgeWidthNumber_Click_1(object sender, RoutedEventArgs e)
        {
            BadgeNumericNotificationContent badgeContent = new BadgeNumericNotificationContent(107);
            BadgeNotification badge = badgeContent.CreateNotification();
            BadgeUpdater badgeUpdater = BadgeUpdateManager.CreateBadgeUpdaterForApplication();
            badgeUpdater.Update(badge);
            lblMsg.Text = badgeContent.GetContent();
        }

        private void btnUpdateBadgeWidthIcon_Click_1(object sender, RoutedEventArgs e)
        {
            BadgeGlyphNotificationContent badgeContent = new BadgeGlyphNotificationContent(GlyphValue.NewMessage);
            BadgeNotification badge = badgeContent.CreateNotification();
            BadgeUpdater badgeUpdater = BadgeUpdateManager.CreateBadgeUpdaterForApplication();
            badgeUpdater.Update(badge);
            lblMsg.Text = badgeContent.GetContent();
        }
    }
}

四、Badge 輪詢更新

透過 BadgeUpdater.StartPeriodicUpdate 定期從伺服器抓取 XML 內容更新徽章，支援相同的週期設定 (30 分鐘至每日)。

XAML 介面

<Page x:Class="XamlDemo.Notification.Badge.ScheduledBadge" xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:XamlDemo.Notification.Badge" xmlns:d="https://schemas.microsoft.com/expression/blend/2008" xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Grid Background="Transparent">
<StackPanel Margin="120 0 0 0">
<Button Name="btnStartPeriodicUpdate" Content="啟動一個「輪詢伺服器，而後更新 Badge」的任務" Click="btnStartPeriodicUpdate_Click_1" />
</StackPanel>
</Grid>
</Page>

程式碼後置

using System;
using Windows.UI.Notifications;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace XamlDemo.Notification.Badge
{
    public sealed partial class ScheduledBadge : Page
    {
        public ScheduledBadge()
        {
            this.InitializeComponent();
        }

        private void btnStartPeriodicUpdate_Click_1(object sender, RoutedEventArgs e)
        {
            BadgeUpdater badgeUpdater = BadgeUpdateManager.CreateBadgeUpdaterForApplication();
            badgeUpdater.StartPeriodicUpdate(new Uri("https://localhost:39629/BadgeContent.xml", UriKind.Absolute), PeriodicUpdateRecurrence.HalfHour);
        }
    }
}

伺服器端 XML 範例

<badge version='1' value='17'/>

總結

  • Toast 適合即時主動觸達，支援豐富模板與事件追蹤。
  • Tile 是應用程式在啟動畫面的活體名片，支援 46 種模板與佇列輪播。
  • Badge 以極簡方式呈現數字或狀態圖示，適合未讀計數等場景。
  • 三者皆支援輪詢更新，降低應用程式常駐需求。
  • 開發時務必檢查 NotificationSetting 確認使用者是否啟用通知權限。

[原始碼下載]：https://files.cnblogs.com/webabcd/Windows8.rar

  1. 上一篇文章：
  2. 下一篇文章：
關於.NET
FluorineFx ASObject 自動轉換基礎類 AutoParseASObject 實戰解析 FluorineFx ASObject 自動轉換基礎類 AutoParseASObject 實戰解析

在開發基於 Flash AMF 協議的應用時，開發者常面臨一
Entity Framework Code First 建立資料庫完整教學：從模型定義到遷移策略 Entity Framework Code First 建立資料庫完整教學：從模型定義到遷移策略

前言：緊跟微軟腳步，擁抱 Code First EF 7（現
SharePoint 開發實戰：SPGridView 進階技巧全解析 SharePoint 開發實戰：SPGridView 進階技巧全解析

專案情境 PC 採購流程系統需「從核准申請單勾選生成訂單」，
基於 DTC 的分散式事務管理模型（下）：事務登記、兩階段提交與單階段優化 基於 DTC 的分散式事務管理模型（下）：事務登記、兩階段提交與單階段優化

承上篇，當本地事務（LTM/KTM）提升為 DTC 管理的分
WCF 流模式傳輸文件：利用 SOAP 消息頭攜帶元數據 (文件名/路徑/長度) 實戰分層架構（四）：實體類別設計與實作——貧血模型在層間傳遞的純粹踐行 .NET 進程實時監控：StandardOutput 重定向與 BeginOutputReadLine 非同步模式完整實戰 ASP.NET URL 重寫實戰：HTTP Module 攔截與 IIS 擴展對應配置 C# this 關鍵字深度解析（一）：指向當前實例的核心用法 ADO.NET 4.5 新功能全景：SqlClient 增強與 Entity Framework 整合 Windows 8 風格應用開發入門：縱向全螢幕視圖適配指南
欄目導航
  • C#
  • ASP.NET 基礎
  • 關於.NET
  • .NET 實例教學
    • Copyright © 程式碼之家 All Rights Reserved