前面我们说了第一个类型——Toast通知，这玩意儿不知大家是不是觉得很新鲜，以前玩.NET编程应该没接触过吧？
其实这东西绝对不复杂，只是刚接触的时候会有点莫名罢了，Toast通知和今天要说的磁贴通知，都有一个共同点，那就是格式都规定死了D。
本质就是向特定的URI地址POST一个XML文档罢了，相信很多人都会，如果你还不会，真的，要补一补基础课了。
多说无益，还是快点切入主题，开门见水吧。
首先，我们要知道我们在服务器端要POST什么样的XML文档，来，一起来看看。
<?xml version="1.0" encoding="utf-8" ?>
<wp:Notification xmlns:wp="WPNotification">
<wp:Tile ID="导航URI">
<wp:BackgroundImage>正面背景图片</wp:BackgroundImage>
<wp:Count>计数器</wp:Count>
<wp:Title>正面标题</wp:Title>
<wp:BackBackgroundImage>背面背景图片</wp:BackBackgroundImage>
<wp:BackTitle>背面标题</wp:BackTitle>
<wp:BackContent>背面内容</wp:BackContent>
</wp:Tile>
</wp:Notification>
前面关于磁贴的内容，大家有印象吧？
磁帖者，有正面的标题、背景图、计数器；背面有标题、背景图和正文。有印象就好，不用我打水口枪。
来吧，我们通过一个现场演练来体会体会吧。
先做服务器端，这回我选择用ASP.NET，不要告诉我你不会。
启动VS，建一个ASP.NET网站，然后，把default.aspx改造一下，如果你嫌生成的代码不好看，可以把文件删除，然后新建一个页面。
好了，页面布局嘛，我贴一下HTML就行了。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
目标URI：
<asp:TextBox ID="txtURI" runat="server" Width="911px"></asp:TextBox>
</div>
<div>
<table border="0">
<tr>
<td>正面背景：</td>
<td>
<asp:TextBox ID="txtBackImg" runat="server" Width="316px"></asp:TextBox></td>
</tr>
<tr>
<td>正面标题：</td>
<td>
<asp:TextBox ID="txtTitle" runat="server" Width="316px"></asp:TextBox>
</td>
</tr>
<tr>
<td>计数：</td>
<td>
<asp:TextBox ID="txtCount" runat="server" Width="313px"></asp:TextBox>
</td>
</tr>
<tr>
<td>背面背景：</td>
<td>
<asp:TextBox ID="txtBackBackImg" runat="server" Width="316px"></asp:TextBox>
</td>
</tr>
<tr>
<td>背面标题：</td>
<td>
<asp:TextBox ID="txtBackTitle" runat="server" Width="321px"></asp:TextBox>
</td>
</tr>
<tr>
<td>背面正文：</td>
<td>
<asp:TextBox ID="txtBackContent" runat="server" Width="309px"></asp:TextBox>
</td>
</tr>
</table>
<div style="margin-left:20px; margin-top:10px;">
<asp:Button ID="btnSend" runat="server" Text="发送" onclick="btnSend_Click" /></div>
</div>
<div style=" margin-top:20px;">
<asp:TextBox ID="txtRes" runat="server" Height="155px" TextMode="MultiLine"
Width="729px"></asp:TextBox>
</div>
</div>
</form>
</body>
</html>
还是别少了后台代码。
/*
<?xml version="1.0" encoding="utf-8" ?>
<wp:Notification xmlns:wp="WPNotification">
<wp:Tile ID="导航URI">
<wp:BackgroundImage>正面背景图片</wp:BackgroundImage>
<wp:Count>计数器</wp:Count>
<wp:Title>正面标题</wp:Title>
<wp:BackBackgroundImage>背面背景图片</wp:BackBackgroundImage>
<wp:BackTitle>背面标题</wp:BackTitle>
<wp:BackContent>背面内容</wp:BackContent>
</wp:Tile>
</wp:Notification>
* 清除磁贴的属性值
<?xml version="1.0" encoding="utf-8" ?>
<wp:Notification xmlns:wp="WPNotification">
<wp:Tile ID="导航URI">
<wp:BackgroundImage></wp:BackgroundImage>
<wp:Count Action="Clear"></wp:Count>
<wp:Title Action="Clear"></wp:Title>
<wp:BackBackgroundImage Action="Clear"></wp:BackBackgroundImage>
<wp:BackTitle Action="Clear"></wp:BackTitle>
<wp:BackContent Action="Clear"></wp:BackContent>
</wp:Tile>
</wp:Notification>
* HTTP标头
X-WindowsPhone-Target: token
X-NotificationClass:1
1 立即发送
11 450秒发送
21 900秒发送
*/
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Net;
using System.Net.Mime;
using System.IO;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnSend_Click(object sender, EventArgs e)
{
HttpWebRequest request = (HttpWebRequest)WebRequest.Create(txtURI.Text);
request.Method = WebRequestMethods.Http.Post;
// 加上HTTP标头
request.Headers.Add("X-WindowsPhone-Target", "token");
request.Headers.Add("X-NotificationClass", "1");
// 拼接内容，XML文档
string Msg = "<?xml version=\"1.0\" encoding=\"utf-8\" ?>" +
"<wp:Notification xmlns:wp=\"WPNotification\">" +
"<wp:Tile>" +
"<wp:BackgroundImage>" + txtBackImg.Text + "</wp:BackgroundImage>" +
"<wp:Count>" + txtCount.Text + "</wp:Count>" +
"<wp:Title>" + txtTitle.Text + "</wp:Title>" +
"<wp:BackBackgroundImage>" + txtBackBackImg.Text + "</wp:BackBackgroundImage>" +
"<wp:BackTitle>" + txtBackTitle.Text + "</wp:BackTitle>" +
"<wp:BackContent>" + txtBackContent.Text + "</wp:BackContent>" +
"</wp:Tile>" +
"</wp:Notification>";
byte[] buffer = Encoding.UTF8.GetBytes(Msg);
request.ContentType = MediaTypeNames.Text.Xml;
// POST数据要记得设置内容长度
request.ContentLength = buffer.Length;
// 写入流
using (Stream stream = request.GetRequestStream())
{
stream.Write(buffer, 0, buffer.Length);
}
// 接收回应
HttpWebResponse response = (HttpWebResponse)request.GetResponse();
// 读出响应的HTTP头
string headers = "";
foreach (string key in response.Headers.AllKeys)
{
headers += key + " : " + response.Headers.Get(key) + "\r\n";
}
txtRes.Text = headers;
}
}
补充一下，上面代码中，前面的注释我已经写上了，其实MSDN上都有，我想很多人不看，我说一下，如果你打算清除磁贴某些属性的值，如标题等，这可以用以下的XML文档。
<?xml version="1.0" encoding="utf-8" ?>
<wp:Notification xmlns:wp="WPNotification">
<wp:Tile ID="导航URI">
<wp:BackgroundImage></wp:BackgroundImage>
<wp:Count Action="Clear"></wp:Count>
<wp:Title Action="Clear"></wp:Title>
<wp:BackBackgroundImage Action="Clear"></wp:BackBackgroundImage>
<wp:BackTitle Action="Clear"></wp:BackTitle>
<wp:BackContent Action="Clear"></wp:BackContent>
</wp:Tile>
</wp:Notification>
重点就是，Action="Clear"，但要注意，磁贴正面的背景图不能清除。
好，再来新建一个WP应用，这回要做客户端。
直接新建即可，XAML文档不用改，因为我们不需要界面设计了，直打开后台代码吧。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using Microsoft.Phone.Notification;
namespace WPClient
{
public partial class MainPage : PhoneApplicationPage
{
// 构造函数
public MainPage()
{
InitializeComponent();
HttpNotificationChannel Channel = null;
// 通道名，随便弄一个，不要与其它应用程序重复
string Channel_Name = "TileNoftification";
// 在现有的通道里面找找，看能不能找着？
Channel = HttpNotificationChannel.Find(Channel_Name);
if (Channel == null)
{
// 找不到，那就新建一个呗
Channel = new HttpNotificationChannel(Channel_Name);
// 打开通道前要先注册事件处理，为什么？自己想一下吧
// 就是因为ChannelUriUpdated事件，如不这样，
// 当第一次获取URI时你就得不到更新通知
Channel.ChannelUriUpdated += new EventHandler<NotificationChannelUriEventArgs>(Channel_ChannelUriUpdated);
// 出事了，总得向上级汇报一下吧？
Channel.ErrorOccurred += new EventHandler<NotificationChannelErrorEventArgs>(Channel_ErrorOccurred);
// 登记注册完毕，着手办喜事
Channel.Open();
// 办喜事别忘记了发请帖啊,调用BindToShellTile
Channel.BindToShellTile();
}
else
{
// 如果找到了通道，还是要注册一下事件
// 老夫妻也可以再拍一回婚纱照吧？
Channel.ChannelUriUpdated+=new EventHandler<NotificationChannelUriEventArgs>(Channel_ChannelUriUpdated);
Channel.ErrorOccurred+=new EventHandler<NotificationChannelErrorEventArgs>(Channel_ErrorOccurred);
// 把住址告诉人家，相册做好之后，数码冲印店送货上门
System.Diagnostics.Debug.WriteLine("URI: {0}", Channel.ChannelUri.ToString());
}
}
void Channel_ErrorOccurred(object sender, NotificationChannelErrorEventArgs e)
{
// 向上级汇报一下错误
Dispatcher.BeginInvoke(() =>
{
MessageBox.Show(e.Message);
});
}
void Channel_ChannelUriUpdated(object sender, NotificationChannelUriEventArgs e)
{
// 搬家了记得通知一下大家新住址
Dispatcher.BeginInvoke(() =>
{
System.Diagnostics.Debug.WriteLine("URI: {0}", e.ChannelUri.ToString());
});
}
}
}
先动行WP端，当然，同时运行两个都可以了。
在“输出”窗口中，把这个URI复制到服务器端的网页上。
接着，按模拟器的“开始”按钮，来到“开始”屏幕，向右滑动，看到应用程序列表，在本应用程序上长按，从弹出的菜单中选“固定到开始屏幕”.
然后，回到服务器端页面，填好所有参数，点击“发送”。看结果。
都看到效果了？
图片可以自己准备，png格式，173*173，随便用画图工具搞两下就行了，只是为了测试，把图片加到项目后，设置以下属性就行了。
OK，大家照着上面的多练几次，一定有感觉的，我不想讲理论的东西，因为没什么用。
分享到：
相关推荐
windows phone 8动态磁贴，实现flip, ironic, cycle三种磁贴的动态创建
需要从8858先升级到8860，在从8860升级到8862 windows7下测试通过，Windows 8下会报错！需要先安装驱动程序！ 更新 7.10.8862.144： • 开始屏幕：提供可调整大小的小、中、大动态磁贴，以便您以全新方式自定义...
Windows8退出清除动态磁贴过期通知.docx
The tile template catalog (Windows Store apps)
Android源码——按钮点击WIN8 磁贴效果.zip
Android源码——按钮点击WIN8 磁贴效果.rar
安卓Android源码——按钮点击WIN8磁贴效果.zip
安卓Android源码——按钮点击WIN8 磁贴效果.zip
安卓Android源码——按钮点击WIN8 磁贴效果.rar
Android源码——按钮点击WIN8 磁贴效果.7z
WP8动态磁贴示例源码 功能介绍： windows phone 8动态磁贴，实现flip, ironic, cycle三种磁贴的动态创建 对研究windowsphone8的很有帮助。
Windows 8退出系统时清除动态磁贴的过期通知.docx
安卓Android源码——按钮点击WIN8 磁贴效果 (2).zip
安卓Android源码——高仿WIN8系统磁贴点击下沉倾斜效果源码.zip
安卓Android源码——高仿 WIN8系统 磁贴点击下沉倾斜效果源码.zip
安卓Android源码——高仿WIN8系统磁贴点击下沉倾斜效果源码 (2).zip
Android源码——高仿WIN8系统磁贴点击下沉倾斜效果源码_new_77.zip