【完全开源】知乎日报UWP版:增加Live磁贴、Badge、以及Toast通知
目录
说明
之前网上有人建议增加磁贴(tile)、徽章(badge)功能。利用周末的时间,将这两个功能添加上去了。如果将磁贴固定到开始屏幕,磁贴就会循环播放首页5条“头条文章”所包含的的图片及标题,并且会显示还未阅读的条数(badge)。另外,当用户点亮屏幕,后台任务自动执行刷新首页数据,如果有新的“头条文章”,便会向用户发送Toast通知。下面是效果图:


背景了解
【完全开源】知乎日报UWP(上篇):界面设计、官方API分析。
【完全开源】知乎日报UWP(下篇):商店APP、github源码。Windows APP良心出品。
商店APP(写这篇文章的时候,最新版还没有审核完毕)
注:点击通知,只能唤醒APP主界面,并不能跳转到指定页面(该功能后期完善)。
实现方法
实现方法其实很简单,主要用到了“后台任务”(后面会讲到),当用户点亮屏幕时,会触发后台任务,后台任务刷新数据,更新磁贴、badge以及看情况是否发送通知:
- 点亮屏幕(可以设置成每隔30分钟、1小时);
- 请求数据;
- 更新磁贴。将头条文章的图片、标题update到tile中(注意这里是指定tile更新计划:ScheduledTileNotification);
- 更新badge。如果头条文章有未阅读的,则将未阅读条数更新到Badge;
- 显示Toast通知。如果有未阅读的文章并且还未曾向用户提醒,那么发出Toast通知。
具体实现:
1.指定tile更新计划:

2.更新badge:

3.显示toast通知:

用到的库:
主要用来操作显示tile、badge以及toast的xml,如果不用它的话,那么我们需要使用XmlDocument来手动构建xml(很麻烦),使用NotificationsExtensions的话,写代码时带智能提示,比如提示你使用到的tile模板需要两个text、一个image等等。
APP生命期
其实这块本来想单独写一篇文章的,只是光前面的内容感觉凑不齐一篇文章。
移动设备有很多资源限制,比如内存、存储、电量等,它不同于传统PC等设备,可以24小时插上交流电源,日夜工作不关机、不关屏幕,移动设备显然做不到这样。既然它存在短板,那么设备中运行的软件也必须做出让步(妥协)。怎样妥协呢?就是让你的APP代码大部分时间不运行。是的,没错,你手机APP的代码运行时间只占一小部分。
传统桌面软件运行状态:

APP运行状态:

如上图所示,APP的状态有三个。只有当APP界面处于手机屏幕最前端时,它才处于Runing状态,其余时间要么是Suspended(或即将进入Suspended)状态、要么就是没运行(Not Runing)。APP运行机制只有设置成这样才会避免移动设备的短板,因为它只要不运行就能够相对性地节约资源啊。
那么现在有一个问题,男刀系统中真的同一时间只能运行一个APP吗?如果是这样,那么大部分APP怎样完成一些实时功能呢?比如怎样接收短信、怎样接收QQ消息?不可能让QQ APP一直处于手机屏幕最前端吧?万一屏幕关闭了呢?为了解决这个问题,Windows 10(Mobile)中引入了“后台任务”的概念,即使APP没有运行(not running或者suspended),后台任务还是可以运行的,也就是说它的运行不受APP运行状态的影响。
后台任务
什么是后台任务?说白了,后台任务就是一个被系统回调的代码块,当系统满足某个条件时自动调用,而这完全不受APP本身运行状态的影响(哪怕APP都没有启动过)。
有了后台任务,我们就能开发出具备实时功能的APP了,首先向系统注册一个后台任务,给定后台任务执行的条件,这样就OK了。下次不管APP本身状态如何,一旦条件满足(比如收到QQ消息),后台任务立即执行。

(请忽略图中手机)
使用后台任务步骤:
- 检查系统中是否已存在该后台任务,若否;
- 创建后台任务;
- 指定后台任务入口;
- 指定后台任务触发器(回调的条件);
- 向系统注册。
之后就OK了。需要注意的是,注册前必须检查是否已经存在、后台任务的定义(入口)必须放在一个单独的Windows Runtime Component项目中。

后台任务和APP本身可以被看做是两个相互独立的Process,所以他们之间的数据交互最好通过永久性存储介质(比如文件)来传递,具体内容这篇文章不讲了。关于后台任务的内容可以看MSDN。后面如果有计划再细说。
特殊提示:
在Windows 10开发中,我们要充分利用Tile(磁贴)、Badge(徽章)以及Toast 通知,这些东西是诱导用户打开APP查看信息的主要方式。因为一个APP可能被用户遗忘了从来不会处于手机屏幕的最前端,我们只能通过后台任务接收一些推送信息、实现一些实时功能,然后再通过tile、badge以及toast的方式诱导用户打开app。
开源有益,多谢点赞!
【完全开源】知乎日报UWP版:增加Live磁贴、Badge、以及Toast通知的更多相关文章
- 【完全开源】知乎日报UWP版(下篇):商店APP、github源码、功能说明。Windows APP 良心出品。
目录 说明 功能 截图+视频 关于源码和声明 说明 陆陆续续大概花了一个月的时间,APP算是基本完成了.12月份一直在外出差,在出差期间进行了两次功能完善,然后断断续续修补了一些bug,到目前为止,我 ...
- 【完全开源】知乎日报UWP版:项目结构说明、关键源代码解释
目录 说明 项目结构 关键代码 演示视频 说明 上一篇博客将源码放出来了,但是并没有做过多的介绍,所以如果自己硬看可能需要花费很长的时间,尤其这些代码并不是自己写的.项目不算复杂但是也不算简单,这篇文 ...
- 【完全开源】知乎日报UWP版(上篇):界面设计、官方API分析
目录 说明 使用Fiddler分析android版API 部分效果图 关于源码 说明 在做博客园UWP版的时候其实就有做知乎日报的打算了,前段时间一直出差,在酒店里用Fiddler简单的分析了一下An ...
- 【开源】知乎日报UWP 更新
说明 大概十天之前我更新了一次APP,后来又仔细看了一下Store里的评论,发现还有几个地方没有改过来.于是前天晚上抽时间改了一下,顺便完善了一下UI体验. 没有看前面文章的童鞋可以看一下下面的链接: ...
- 知乎日报win10版 - 天天读报【开源】
业余时间写的一个知乎日报win10版客户端,支持收藏,评论,点赞等. 商店地址:https://www.microsoft.com/zh-cn/store/apps/%E5%A4%A9%E5%A4%A ...
- 必应词典UWP版-开发小结
摘要 必应词典UWP版已经上线2周了!相信有不少用户都已经体验过了吧!得益于Win10全新.强大的API,新版词典在性能上.UI体验上都有了大幅的提升,今天,小编就为大家讲讲必应词典UWP开发的故事. ...
- Win10通用程序 UWP版HtmlAgilityPack UWP应用使用示例
Win10 UWP版HtmlAgilityPack,UWP应用使用示例下载. Win10 发布了一个多星期,sdk是随着一起发布的,我安装好vs2015和sdk 开发UWP 通用程序. 在做网络解析的 ...
- React-Native运行知乎日报遇到的问题
研究几天RN(React-Native)后,跟着官方的demo做了一下电影图片显示的那个,但是总感觉官方的demo欠缺点什么,所以找来找去找到了RN版的知乎日报,话说知乎日报什么版的都有,不信你们上网 ...
- 一个知乎日报pwa
前几天写了一篇文章关于如何实现一个简单版的pwa应用,端午撸了一个简易版知乎日报pwa. 关于如何写一个pwa,这里就不多介绍了,请移步这里.应用使用vue+vuex+axios,API这里,这里做了 ...
随机推荐
- html5 canvas常用api总结(三)--图像变换API
canvas的图像变换api,可以帮助我们更加方便的绘画出一些酷炫的效果,也可以用来制作动画.接下来将总结一下canvas的变换方法,文末有一个例子来更加深刻的了解和利用这几个api. 1.画布旋转a ...
- Could not create SSL connection through proxy serve-svn
RA layer request failedsvn: Unable to connect to a repository at URL xxxxxx 最后:Could not create SSL ...
- 使用Zabbix监控Oracle数据库
Orabbix介绍 监控Oracle数据库我们需要安装第三方提供的Zabbix插件,我们先测试比较有名的Orabbix,http://www.smartmarmot.com/product/orabb ...
- Android性能优化之利用LeakCanary检测内存泄漏及解决办法
前言: 最近公司C轮融资成功了,移动团队准备扩大一下,需要招聘Android开发工程师,陆陆续续面试了几位Android应聘者,面试过程中聊到性能优化中如何避免内存泄漏问题时,很少有人全面的回答上来. ...
- 谈谈一些有趣的CSS题目(四)-- 从倒影说起,谈谈 CSS 继承 inherit
开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉 ...
- Node.js:path、url、querystring模块
Path模块 该模块提供了对文件或目录路径处理的方法,使用require('path')引用. 1.获取文件路径最后部分basename 使用basename(path[,ext])方法来获取路径的最 ...
- jQuery.Ajax IE8 无效(CORS)
今天在开发的时候,遇到一个问题,$.get()在 IE8 浏览器不起作用,但 Chrome,Firefox 却是可以的,网上资料很多,最后发现是 IE8 默认不支持 CORS 请求,需要手动开启下: ...
- WebApi返回Json格式字符串
WebApi返回json格式字符串, 在网上能找到好几种方法, 其中有三种普遍的方法, 但是感觉都不怎么好. 先贴一下, 网上给的常用方法吧. 方法一:(改配置法) 找到Global.asax文件,在 ...
- Springboot搭建web项目
最近因为项目需要接触了springboot,然后被其快速零配置的特点惊呆了.关于springboot相关的介绍我就不赘述了,大家自行百度google. 一.pom配置 首先,建立一个maven项目,修 ...
- 编译器开发系列--Ocelot语言5.表达式的有效性检查
本篇将对"1=3""&5"这样无法求值的不正确的表达式进行检查. 将检查如下这些问题.●为无法赋值的表达式赋值(例:1 = 2 + 2)●使用非法的函数 ...