Windows10的自适应和交互式toast通知是一个新特性。它可以让你:

创建灵活的toast通知,包括内嵌图片及更多的内容,不在局限于之前Windows 8.1和Windows Phone 8.1提供的toast模板。

概述

Toast 通知使用 XML 构建,这通常包含以下关键元素:

  • <visual> 涵盖可供用户从视觉上查看的内容,包括文本和图像
  • <actions> 包含开发人员希望在通知内添加的按钮/输入
  • <audio> 指定在通知弹出时播放的声音

Toast通知的使用场景

Toast 通知支持四种默认场景,可在<toast><\toast>中设置scenario

  • default

  • reminder : 通知会持续显示在屏幕上

  • alarm : 通知会持续显示在屏幕上并且循环播放声音

  • inComingCall: 在Moblie下全屏显示等

Toast的XML结构

<toast>
<visual/>
<actions/>
<audio/>
</toast>
视觉(Visual)

  在视觉元素内,你必须正好有一个包含 Toast 的视觉内容的绑定元素。

  通用 Windows 平台 (UWP) 应用中的磁贴通知支持基于不同磁贴大小的多个模板。 但是,Toast 通知只有一个模板名称:ToastGeneric。 只有一个模板名称意味着:

    •   你可以更改 Toast 内容,例如添加另一行文本、添加嵌入式图像或将缩略图图像从显示应用图标更改为其他内容,并且在执行任意上述操作时无需担心更改整个模板或由于模板名称和内容之间的不匹配而创建无效的负载。
    •   你可以使用相同代码为专用于传递到不同类型的 Microsoft Windows 设备(包括手机、平板电脑、PC 和 Xbox One)的 Toast 通知构建相同的负载。 其中每台设备都将接受通知,并使用相应的视觉提示和交互模型根据其 UI策略向用户显示通知。

  有关视觉部分及其子元素中受支持的所有属性,请参阅下面的“架构”部分。 有关更多示例,请参阅下面的 XML 示例部分。

  

  以上是MSDN上对视觉的介绍

  <binding/>绑定元素

  而template的唯一值为ToastGeneric

  <text/> 文本

  <image/>图片

  src:图片源

  hint-crop:是否裁剪,none 不裁剪,circle 将图像裁剪成圆形


操作(actions)
  

  在 UWP 应用中,你可以将按钮和其他输入添加到 Toast 通知,这可使用户在应用外执行更多操作。 这些操作在 <actions> 元素下指定,其中有两个可以指定的类型:

    •   <action> 这将显示为桌面和移动设备上的按钮。 你可以在 Toast 通知内指定最多五个自定义或系统操作。
    •   <input> 这允许用户提供输入,如对消息的快速回复或从下拉菜单中选择一个选项。

  <action> 和 <input> 在 Windows 设备系列内均是自适应的。 例如,在移动或桌面设备上,面向用户的 <action> 是可点击/单击的按钮。 文本 <input> 是用户可使用物理键盘或屏幕键盘输入文本的框。 这些元素还会适应将来的交互方案,如通过语音宣布的       操作或通过听写获取的文本输入。

  当用户采用某个操作时,你可以通过在 <action> 元素内指定 ActivationType 属性来执行以下操作之一:

    •   使用特定于操作的参数在前台激活应用,该参数可用于导航到特定页面/上下文。
    •   在不影响用户的情况下激活应用的后台任务。
    •   通过协议启动激活另一个应用。
    •   执行要执行的系统操作。 当前可用系统操作将推迟和解除计划的警报/提醒,这将在下面部分中进一步介绍。

  有关视觉部分及其子元素中受支持的所有属性,请参阅下面的“架构”部分。 有关更多示例,请参阅下面的 XML 示例部分。

  <input/>

  id:必填,用于后台和前台获取输入值  

  type:必填 ,有text和selection两个属性,显然字面意思

  title:选填,标题将呈现在输入的上方

  placeholderContent:选填,填写将在输入框中显示提示

  defaultInput:选填,设置默认值,type为text时将值视为字符串,selection时将值视为可选id之一

  <action/>

  content:必填 显示button的文本

  arguments:必填,类同input的id,用于检索用户是否操作

  hint-inputId:必填,需要填入与action关联的input的id,用于action和input的匹配

音频(audio)
  

    自定义声音当前在面向桌面平台的 UWP 应用上不受支持;相反,你可以为你的桌面上的应用从 ms-winsoundevents 列表中进行选择。 移动平台上的 UWP 应用支持 ms-winsoundevents   以及采用以下格式的自定义声音:

    •   ms-appx:///
    •   ms-appdata:///

  有关 Toast 通知中的音频的信息(其中包括 ms-winsoundevents 的完整列表),请参阅音频架构页面

  src:选填,音频路径

  loop:选填,boolean ,是否循环,ture 循环播放、false 仅播放一次

  silent:选填,boolean,是否静音,true 静音、false 允许播放

Toast的Demo

  含有图片的Toast

    xml代码Demo

<?xml version="1.0" encoding="utf-8" ?>
<toast launch="app-defined-string">
<visual>
<binding template="ToastGeneric">
<text>这是你的标题</text>
<text>这是你的内容</text>
<image placement="appLogoOverride" src="Assets/Square44x44Logo.scale-200.png" />
<image placement="inline" src="Assets/test.png" />
</binding>
</visual>
</toast>

   含有输入的Toast

    xml代码Demo

<?xml version="1.0" encoding="utf-8" ?>
<toast>
<visual>
<binding template="ToastGeneric">
<text>Hello World!</text>
<text>回复toast</text>
<image src = "ms-appx://Assets/Images/photo.jpg" placement="appLogoOverride"/>
</binding>
</visual>
<actions>
<input id = "reply" type="text" placeHolderContent="输入内容"/>
<action content = "回复" arguments="reply" hint-inputId="reply"/>
</actions>
<audio src = "ms-winsoundevent:Notification.Default" />
</toast>

   含有音频的Toast

    xml的Demo

<?xml version="1.0" encoding="utf-8" ?>
<toast launch="app-defined-string">
<visual>
<binding template="ToastGeneric">
<text>提醒标题</text>
<text>提醒内容</text>
<!--<image placement="AppLogoOverride" src="oneAlarm.png" />-->
</binding>
</visual>
<actions>
<action content="确定" arguments="check" />
<action content="取消" arguments="cancel" />
</actions>
<audio src="ms-winsoundevent:Notification.Looping.Call9"/>
</toast>

    C#代码

读取xml文件

   XDocument xd = XDocument.Load("XML/Pictrue.xml");

创建Toast模板

 XmlDocument doc = new XmlDocument();

利用xml创建Toast,利用ToastNotificationManeger创建Toast

 doc.LoadXml(xd.ToString());
ToastNotification notification = new ToastNotification(doc);
ToastNotificationManager.CreateToastNotifier().Show(notification);

 输入文本Toast

 

声音Toast

图片Toast

定时发送Toast

  若需要定时Toast通知

    使用ScheduledToastNotification类

 public ScheduledToastNotification(XmlDocument content, DateTimeOffset deliveryTime);
public ScheduledToastNotification(XmlDocument content, DateTimeOffset deliveryTime, TimeSpan snoozeInterval, System.UInt32 maximumSnoozeCount);

  上面两个构造函数第一个是仅一次,第二个可以设置循环次数

  

  ToastNotificationManager.CreateToastNotifier().AddToSchedule(SToastNotification);

  将通知添加系统中

UWP toast的更多相关文章

  1. 【完全开源】知乎日报UWP版:增加Live磁贴、Badge、以及Toast通知

    目录 说明 实现方法 APP生命期 后台任务 说明 之前网上有人建议增加磁贴(tile).徽章(badge)功能.利用周末的时间,将这两个功能添加上去了.如果将磁贴固定到开始屏幕,磁贴就会循环播放首页 ...

  2. 【UWP开发】一个简单的Toast实现

    Toast简介 在安卓里Toast是内置原生支持,它是Android中用来显示显示信息的一种机制.它主要用于向用户显示提示消息,没有焦点,显示的时间有限,过一定的时间就会自动消失.在UWP中虽然没有原 ...

  3. [UWP 开发] 一个简单的Toast实现

    Toast简介 在安卓里Toast是内置原生支持,它是Android中用来显示显示信息的一种机制.它主要用于向用户显示提示消息,没有焦点,显示的时间有限,过一定的时间就会自动消失.在UWP中虽然没有原 ...

  4. win10 uwp 通知Toast

    win10通知使用Toast 可以使用win10 模板添加通知 var t = Windows.UI.Notifications.ToastTemplateType.ToastText02; 使用Ge ...

  5. uwp 之吐司 toast

    Toast -------------------------------------------------------------- var t = Windows.UI.Notification ...

  6. Win10 UWP开发系列——开源控件库:UWPCommunityToolkit

    在开发应用的过程中,不可避免的会使用第三方类库.之前用过一个WinRTXamlToolkit.UWP,现在微软官方发布了一个新的开源控件库—— UWPCommunityToolkit 项目代码托管在G ...

  7. Windows10自适应和交互式toast通知[1]

    阅读目录: 概述 toast通知的结构 视觉区域(Visual) 行为(Actions) 特定场景下的Toast通知 带多内容的通知 带行为的通知(例子1) 带行为的通知(例子2) 带文本输入框和行为 ...

  8. 【Win10 应用开发】自适应Toast通知的XML文档结构

    老规矩,在开始之前老周先讲个故事. 话说公元2015年7月20日,VS 2015发布.于是,肯定有人会问老周了,C#6有啥新特性,我学不来啊.学不来的话你应该检讨.老周比较保守地计算一下,学会C# 6 ...

  9. 【Win10开发】Toast通知

    Toast 通知是一种发送给用户的暂时消息,包含相关的.具有时效性的信息,并且提供对应用中相关内容的快速访问.它可显示你是在另一个应用中.在“开始”屏幕上.在锁屏上,还是在桌面上.Toast 应该被视 ...

随机推荐

  1. ZeroMQ接口函数之 :zmq_connect - 由一个socket创建一个对外连接

    ZeroMQ 官方地址 :http://api.zeromq.org/4-0:zmq_connect zmq_connect(3)  ØMQ Manual - ØMQ/3.2.5 Name zmq_c ...

  2. ZeroMQ接口函数之 :zmq_proxy_steerable – 以STOP/RESUME/TERMINATE控制方式开启内置的ZMQ代理

    ZeroMQ API 目录 :http://www.cnblogs.com/fengbohello/p/4230135.html ——————————————————————————————————— ...

  3. Node.js实现CORS跨域资源共享

    什么是CORS CORS(Cross-origin resource sharing),跨域资源共享,是一份浏览器技术的规范,用来避开浏览器的同源策略 简单来说就是解决跨域问题的除了jsonp外的另一 ...

  4. STM32之SRAM调试

    在学习STM32的时候,由于烧FLASH的所造成的时间会比较慢,而在SRAM中调试的时间会比FLASH快很多,再加上FLASH的时候会经常擦除芯片,会对芯片的寿命造成一定的影响, 其实我本人觉得在学习 ...

  5. 扫描内网活跃的ip

    网段内活跃的ip:nmap -sP 10.10.30.0/24|grep for|awk '{print $5}'

  6. JSF 与 HTML 标签的联系

    *页面的开头 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> <%@ t ...

  7. weblogic的下载安装及myeclipse的配置

    weblogic的下载可以参考:http://jingyan.baidu.com/article/c910274b94e179cd371d2d7c.html 安装及myeclipse的配置参考:htt ...

  8. awk匹配

    输出匹配funcno或type:awk 'funcno|type' 输出两次正则表达式匹配之间的行:awk '/funcno/, /type/' 删除所有的空行:awk NF 从第8行输出到第12行: ...

  9. DevOps is dirty work - What's the deal

    什么是DevOps?终于又回到这个最初的问题. 第一次看到这个词的时候,还身陷于各种敏捷概念轰炸中.用“身陷”这个词其实并不准确,因为那个年代的我也是那些热情洋溢地无处不宣传敏捷的热血文艺青年中的一员 ...

  10. ansible-安装与使用

    1.安装ansible: 环境为centos7. 1) epel 采用阿里源的epel.安装方式连接:http://mirrors.aliyun.com/help/epel 2)yum install ...