快速构建Windows 8风格应用34-构建Toast通知

简介:

引言
开发过WindowsPhone应用或者使用过WindowsPhone手机的开发者都知道,我们会收到一些应用的提示信息,这些提示信息出现在手机的上端,并且停留几秒钟后会自动消失,当然如果我们点击弹出的信息会自动运行相应的应用程序,这种提示信息我们叫做通知。

其实Windows 8 Store 应用也借鉴了Windows Phone上的提示信息,我们开发人员可以使自己应用程序在合适时间弹出相关提示信息,那么这些Windows 8 Store应用的提示信息,我们叫做Toast通知。

并且Toast通知样式可以自定义的。例如:

一、Toast通知概述
Toast 通知是在屏幕右上角(对于从右到左 (Right-To-Left) 方向位于左上角)显示的通知。

1)Toast 通知可在应用上下文之外提供临时消息

2)用 toast 通知可立即吸引用户注意

3)用户可以永久关闭应用的 toast 通知

4)能够快速导航到应用中上下文相关的位置

5)很容易从应用本地或云端调用 toast 通知

Toast 通知使用与动态磁贴类似的模板架构体系,有丰富的展现形式可以选择。

更多关于Toast 通知概述可以参考:Toast 通知概述(Windows 应用商店应用) (Windows)

二、Toast通知构建

1,声明Toast通知功能

打开Package.appxmanifest应用清单文件,“应用程序UI”选项卡中找到“支持Toast通知”设置为“是”。

2,声明 Toast 通知背景色和文本颜色

我们可以为 Toast 通知设置背景颜色和浅色或深色文本。注意:该设置同时适用Toast 和磁贴通知背景以及文本颜色。


3,指定小徽标图像

应用的小徽标图像显示在每个 Toast 通知的右下角,让用户识别引发通知的应用。

4,添加命名空间声明


 
 
  1. using Windows.UI.Notifications;  
  2. using Windows.Data.Xml.Dom; 

5,为 Toast 选取一个模板并检索其 XML 内容

我们从系统提供的模板目录中选择一个适合的模板(详细的模板列表可参考 ToastTemplateType 枚举)。

注意:我们发送的每个单独的通知都可以使用不同的模板。


 
 
  1. ToastTemplateType toastTemplate = ToastTemplateType.ToastImageAndText01;      
  2. XmlDocument toastXml = ToastNotificationManager.GetTemplateContent(toastTemplate); 

这里我使用的是ToastImageAndText01 模板,该模版样式如下:

6,为通知提供文本内容

我们可以首先检索模板中标记名称为“text”的所有元素。

ToastImageAndText01 模板只包含一个代码分配的文本字符串。该字符串最多可包含三行自动换行的字符串,因此我们应该相应地设置字符串的长度,以避免被截断。


 
 
  1. XmlNodeList toastTextElements = toastXml.GetElementsByTagName("text");    
  2. toastTextElements[0].AppendChild(toastXml.CreateTextNode("你好Windows 8!")); 

7,为通知提供图像

我们可以首先检索模板中标记名称为“image”的所有元素。

与磁贴不同,Toast 模板(如 ToastImageAndText01)最多包含一个图像。

注意:并非所有 Toast 模板都包含图像,某些磁贴模板是仅文本的。


 
 
  1. XmlNodeList toastImageAttributes = toastXml.GetElementsByTagName("image"); 

然后我们可以从应用的程序包、本地存储或从 Web 使用图像。注意:该图像大小小于 200 KB,小于 1024 x 1024 像素。

这里我以应用程序包的图像为例:


 
 
  1. ((XmlElement)toastImageAttributes[0]).SetAttribute("src""ms-appx:///Assets/SmallLogo.png");    
  2. ((XmlElement)toastImageAttributes[0]).SetAttribute("alt""red graphic"); 

8,指定Toast 持续时间或者Toast 音频(非必要)

我们可以为Toast设置持续时间(仅有两个值:short和long),通常当我们的通知属于约会或者会议提醒之类的时候才使用“long”值。

注意:Toast持续时间默认为“short”。


 
 
  1. IXmlNode toastNode = toastXml.SelectSingleNode("/toast");     
  2. (XmlElement)toastNode).SetAttribute("duration""long"); 

另外我们也可以设置Toast音频,默认情况下Windows在播放通知时会播放一个简短的声音。同时我们可以选择使用系统提供的声音,也可以不使用任何声音。

由于模板中不包含 audio 元素,因此我们必须定义该元素,同时使用“ms-winsoundevent:”前缀指定声音文件。


 
 
  1. IXmlNode toastNode = toastXml.SelectSingleNode("/toast");     
  2. XmlElement audio = toastXml.CreateElement("audio"); 

指定非默认声音。


 
 
  1. audio.SetAttribute("src""ms-winsoundevent:Notification.IM"); 

定义 audio 元素之后,需要将其附加到 Toast 的 XML 负载中,作为 toast 元素的子元素。


 
 
  1. toastNode.AppendChild(audio); 


9,指定应用的启动参数

通常用户点击 Toast 通知时,相关应用应当会启动,并显示与该通知的内容相关的视图。

我们可以使用 Toast 元素的 launch 属性来实现该效果。

该属性提供一个在通过 Toast 启动应用时,从 Toast 传递到应用的字符串。此字符串没有任何特定形式,它由我们应用来定义。

我们的应用在每次被激活时必须检查作为参数形式的此字符串,并相应地调整它的视图或操作。例如:


 
 
  1. ((XmlElement)toastNode).SetAttribute("launch""{\"type\":\"toast\",\"param1\":\"12345\",\"param2\":\"67890\"}"); 

10,创建 Toast 通知并发送


 
 
  1. ToastNotification toast = new ToastNotification(toastXml);    
  2. ToastNotificationManager.CreateToastNotifier().Show(toast); 

最后运行效果可如下:

点击按钮后弹出Toast通知:

 

更多关于Toast通知资料可参考:

1,发送 Toast 通知(使用 C#/VB/C++ 和 XAML 的 Windows 应用商店应用) (Windows)

2,Toast notifications sample






 本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/1135678,如需转载请自行联系原作者


相关文章
|
3月前
|
Linux C++ Windows
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
|
23天前
|
XML 缓存 前端开发
Electron-builder 是如何打包 Windows 应用的?
本文首发于微信公众号“前端徐徐”,作者徐徐深入解析了 electron-builder 在 Windows 平台上的打包流程。文章详细介绍了 `winPackager.ts`、`AppxTarget.ts`、`MsiTarget.ts` 和 `NsisTarget.ts` 等核心文件,涵盖了目标创建、图标处理、代码签名、资源编辑、应用签名、性能优化等内容,并分别讲解了 AppX/MSIX、MSI 和 NSIS 安装程序的生成过程。通过这些内容,读者可以更好地理解和使用 electron-builder 进行 Windows 应用的打包和发布。
90 0
|
1月前
|
数据可视化 程序员 C#
C#中windows应用窗体程序的输入输出方法实例
C#中windows应用窗体程序的输入输出方法实例
40 0
|
3月前
|
Unix Linux Ruby
在windows和linux上高效快捷地发布Dash应用
在windows和linux上高效快捷地发布Dash应用
|
3月前
|
Linux iOS开发 开发者
跨平台开发不再难:.NET Core如何让你的应用在Windows、Linux、macOS上自如游走?
【8月更文挑战第28天】本文提供了一份详尽的.NET跨平台开发指南,涵盖.NET Core简介、环境配置、项目结构、代码编写、依赖管理、构建与测试、部署及容器化等多个方面,帮助开发者掌握关键技术与最佳实践,充分利用.NET Core实现高效、便捷的跨平台应用开发与部署。
153 3
|
3月前
|
PHP Windows
【Azure App Service for Windows】 PHP应用出现500 : The page cannot be displayed because an internal server error has occurred. 错误
【Azure App Service for Windows】 PHP应用出现500 : The page cannot be displayed because an internal server error has occurred. 错误
|
3月前
|
vr&ar C# 图形学
WPF与AR/VR的激情碰撞:解锁Windows Presentation Foundation应用新维度,探索增强现实与虚拟现实技术在现代UI设计中的无限可能与实战应用详解
【8月更文挑战第31天】增强现实(AR)与虚拟现实(VR)技术正迅速改变生活和工作方式,在游戏、教育及工业等领域展现出广泛应用前景。本文探讨如何在Windows Presentation Foundation(WPF)环境中实现AR/VR功能,通过具体示例代码展示整合过程。尽管WPF本身不直接支持AR/VR,但借助第三方库如Unity、Vuforia或OpenVR,可实现沉浸式体验。例如,通过Unity和Vuforia在WPF中创建AR应用,或利用OpenVR在WPF中集成VR功能,从而提升用户体验并拓展应用功能边界。
63 0
|
3月前
|
存储 开发者 C#
WPF与邮件发送:教你如何在Windows Presentation Foundation应用中无缝集成电子邮件功能——从界面设计到代码实现,全面解析邮件发送的每一个细节密武器!
【8月更文挑战第31天】本文探讨了如何在Windows Presentation Foundation(WPF)应用中集成电子邮件发送功能,详细介绍了从创建WPF项目到设计用户界面的全过程,并通过具体示例代码展示了如何使用`System.Net.Mail`命名空间中的`SmtpClient`和`MailMessage`类来实现邮件发送逻辑。文章还强调了安全性和错误处理的重要性,提供了实用的异常捕获代码片段,旨在帮助WPF开发者更好地掌握邮件发送技术,提升应用程序的功能性与用户体验。
55 0
|
3月前
|
C# Windows 监控
WPF应用跨界成长秘籍:深度揭秘如何与Windows服务完美交互,扩展功能无界限!
【8月更文挑战第31天】WPF(Windows Presentation Foundation)是 .NET 框架下的图形界面技术,具有丰富的界面设计和灵活的客户端功能。在某些场景下,WPF 应用需与 Windows 服务交互以实现后台任务处理、系统监控等功能。本文探讨了两者交互的方法,并通过示例代码展示了如何扩展 WPF 应用的功能。首先介绍了 Windows 服务的基础知识,然后阐述了创建 Windows 服务、设计通信接口及 WPF 客户端调用服务的具体步骤。通过合理的交互设计,WPF 应用可获得更强的后台处理能力和系统级操作权限,提升应用的整体性能。
98 0
|
3月前
|
网络安全 API 数据安全/隐私保护
【Azure App Service】.NET代码实验App Service应用中获取TLS/SSL 证书 (App Service Windows)
【Azure App Service】.NET代码实验App Service应用中获取TLS/SSL 证书 (App Service Windows)
下一篇
无影云桌面