Windows Phone 7 开发话题讨论(六) 动态区块推送通知(Tile Push Notification)
常规讨论
-
原文链接：
http://msdn.microsoft.com/zh-cn/gg615432
作者： Jason Zander
3 Jan 2011 11:24 AM适用于Windows Phone 7 的动态区块推送通知。基本想法很简单： 使用用户所选择的主页背景主题并将用户数据从应用程序推送到固定区块这里有大量关于各种不同的通知类型的概述信息（Raw, Toast, 和区块），所以我在这里不复述了。在我的示例中，我研究并主要关注区块通知。概念本身不复杂但是有很多部件需要追踪。我发现创建一个单页流图很有用：
.png)
C- 已编辑 XuesongGaoModerator 2011年3月21日 2:20
全部回复
-
步骤二： 用我的服务注册
既然我们的设备一切就绪，我们就要让我们的服务知晓并且乐于更新。这可以用普通web服务完成（WCF,asmx等等）。
追踪和通信所需要的关键是步骤一中的ChannelUri。在设备上生成一个唯一Guid也是在服务器上快速识别出设备的一个简易方法(ChannelUri虽然也是唯一的但很长)。你能从Jeff Fansler这里的博客上找到创建唯一Guid并将其存入独立存储区的示例代码。我的应用程序的目的是将用户输入应用程序的金额显示在背景与当前使用的Accent主题匹配的主页上的图块中。我将通过如下服务方法解决所有这些问题：
public void RegisterClientDevice(Guid DeviceId, string ChannelUri, string AccentColor,
string BillAmount, string TipTotal, string TotalAmount)AccentColor能很容易地通过下面的当前应用程序设置找到：
Color accent = (Color)Application.Current.Resources["PhoneAccentColor"];
string AccentColor = accent.ToString();
颜色的字符串版本能通过ColorTranslator被很容易地返回至一个Color对象：
Color accent = ColorTranslator.FromHtml(AccentColor);
我现在具备生成区块的一切要素。区块本身必须为PNG格式且大小为173x173像素。因此，比如我的背景现在设置为绿色，最终图块将像这样：
.png)
应用程序标题为我们提供另一处可定制的数据，是我们在推送时需要设置的字段（如果你感兴趣的话，我在本文的结尾部分包含了区块生成代码）。
设计服务器有多种不同选择。在我的测试版本中我简单地把DeviceID Guid编入数据结构索引中，并为区块生成一个文件系统中的本地PNG文件。这使的我更容易地为包中的图片返回一个完整的URL。既然测试系统已经就绪，我下个项目的执行将引入一个数据库来追踪所有的事件。我的区块仅4KB大，使用数据库方式将使删除旧的数据，处理锁定等更加容易。 本文中我不会涵盖那些，遵循标准web 服务器设计即可。
区块生成了，我们可以继续下一步，通过推送服务将通知推送回客户端。
Cedar -
步骤五： 推送客户端更新
区块/应用程序
本步中我们也不用做任何操作。推送客户端会在设备上接收和处理更新。
在我的案例中，我将区块绑定到发送的URL上，这样推送服务端会更新固定区块使其包括那个图片。如果我注册为将任何通知都直接接收到我的应用程序（并且它在运行），那么推送客户端也会将这些更新到我的代码。这将允许我把数据汇集到正在执行的应用程序UI上。
最后的结果可以通过运行应用程序看到。在第一步中，我已经用我的默认（透明）应用程序图标把我的应用程序固定到我的主界面上：
.png)
用户然后运行应用程序并输入数据：
.png)
在我添加的新“区块”透视项中，我让用户可以将当前数据保存为一个区块（我不会显示所有权限相关的代码）：
.png)
应用程序存在并且区块也更新后，你能在主屏幕上看到生成的区块：
.png)
既然我们用强调色来显示生成区块的服务，现在它将适应任何所选的颜色了（微软内置主题和任何可用的功能OEM主题）。在这个案例中，phone必须与我们的服务通信，这样我们才能知道一旦强调色更新就表示应用程序在运行了。如果用户将颜色改为红色然后再运行应用程序做一个“保存到区块”操作，你将得到如下：
.png)
就是它了！
Cedar -
勘误表
我在处理这段代码的时候发现一些有趣的事情：
数目—— 指定的<数目>会显示为黑色的泡泡状。 大多数的内置应用程序——比如短信和邮件——有与这些数字不协调的自身定制背景。
.png)
我还发现一旦我显示一个<Count>值到区块，它将一直在设备上，我发现能移除它的唯一方法是发送零值到金额：“<wp:Count>0</wp:Count>”
背景区块限制——发布的背景区块必须小于80KB，并需要能在15秒之内下载完（参考MSDN）。背景区块指向一个PNG文件
模拟器和通道URI——至少两次以上我发现推送服务的更新失败，因为各种不同的异常（比如： “412 Precondition Failed”）。我的确发现从头关闭和重启模拟器会解决一些不稳定问题（如果在运行中还有更多代码需要重置客户端，这个问题需要做更多调查）。
区块生成代码——实际PNG生成现在是老调常弹了（很多网站用这个技术在运行时生成图片）。这个示例中比较有技巧的部分是通过系统得到所有探测到的正确数据。不过，我还是想将我的示例代码提供给你们，说不定你们对做类似的东西感兴趣
1: public classTileBackground
2: {
3: static private float MarginSpacing = 15;
4: static private float LineMargin = 5;
5: static private int TileDimension = 173;
6: static private Single FontSize = 28;
7: static private float PenWidth = 2;
8: static private Color FontColor = Color.White;
9:
10: float Spacing = 15;
11: float MaxWidth = 0;
12: Bitmap objBmpImage = null;
13: Font objFont = null;
14: SolidBrush brushFont = null;
15: Graphics objGraphics = null;
16: Pen objPen = null;
17:
18: ~TileBackground()
19: {
20: try
21: {
22: if (objGraphics != null)
23: {
24: objGraphics.Dispose();
25: objPen.Dispose();
26: brushFont.Dispose();
27: objFont.Dispose();
28: }
29: }
30: catch (Exception e)
31: {
32: Debug.WriteLine("Failure in ~TileBackground on clenaup: " + e.ToString());
33: }
34: }
35:
36: /// <summary>
37: /// Generates a tile of the correct dimensions and color with all data included,
38: /// then persists the content to a file.
39: /// </summary>
40: /// <param name="stream">File to save the tile to</param>
41: /// <param name="AccentColor">Background color for the tile</param>
42: /// <param name="Values">Strings to include in tile</param>
43: public void GenerateToFile(System.IO.Stream stream, stringAccentColor, string[] Values)
44: {
45: try
46: {
47: Bitmap bmp = GenerateBaseLayout(AccentColor, Values);
48: SaveToPNG(bmp, stream);
49: }
50: catch (Exception e)
51: {
52: System.Diagnostics.Debug.WriteLine("Tile generation failed: ");
53: System.Diagnostics.Debug.WriteLine(String.Format(" Path='{0}', AccentColor='{1}', Values='{2}','{3}','{4}'",
54: stream, AccentColor, Values[0], Values[1], Values[2]));
55: System.Diagnostics.Debug.WriteLine(e.ToString());
56: }
57: }
58:
59: /// <summary>
60: /// Saves the given bitmap to a stream with high quality encoding. Sample code
61: /// referenced from: http://stackoverflow.com/questions/41665/bmp-to-jpg-png-in-c
62: /// </summary>
63: /// <param name="bmp"></param>
64: /// <param name="path"></param>
65: private void SaveToPNG(Bitmap bmp, System.IO.Stream stream)
66: {
67: EncoderParameters encoderParameters = new EncoderParameters(1);
68: encoderParameters.Param[0] = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 100L);
69: bmp.Save(stream, GetEncoder(ImageFormat.Png), encoderParameters);
70: }
71:
72: private static ImageCodecInfo GetEncoder(ImageFormat format)
73: {
74: ImageCodecInfo[] codecs = ImageCodecInfo.GetImageDecoders();
75: foreach(ImageCodecInfo codec in codecs)
76: {
77: if (codec.FormatID == format.Guid)
78: {
79: return codec;
80: }
81: }
82: return null;
83: }
84:
85:
86: /// <summary>
87: /// Generate a tile of the correct dimensions and color and then add each line of text
88: /// to the tile itself.
89: /// </summary>
90: /// <param name="AccentColor">Background color for the tile</param>
91: /// <param name="Values">Strings to display</param>
92: /// <returns>Bitmap image of correct color and data</returns>
93: public Bitmap GenerateBaseLayout(stringAccentColor, string[] Values)
94: {
95: if(Values.Length <= 0)
96: return null;
97:
98: // Create the key resources used to render the tile.
99: objBmpImage = newBitmap(TileDimension, TileDimension);
100: objFont = new Font("Arial", FontSize, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Pixel);
101: brushFont = new SolidBrush(FontColor);
102: objPen = new Pen(FontColor, PenWidth);
103: objGraphics = Graphics.FromImage(objBmpImage);
104:
105: // Figure out the height of the font and sizing information.
106: float FontHeight = (float)objGraphics.MeasureString(Values[0], objFont).Height;
107:
108: Spacing = FontHeight * 0.8F;
109: float yLocation = MarginSpacing;
110:
111: // Fill the rectangle to the accent color from the user.
112: Color accent = ColorTranslator.FromHtml(AccentColor);
113: objGraphics.Clear(accent);
114:
115: objGraphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
116: objGraphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
117:
118: // Figure out the length of the longest string for the summary lines and add some extra pixels.
119: float [] LineWidth = GetLineWidths(Values);
120: MaxWidth = LineWidth.Max() + LineMargin;
121:
122: // Add each string to the tile placing a single line after the first two and a double
123: // line after all the numbers.
124: int strNum = 0;
125: AddString(ref yLocation, Values[strNum], LineWidth[strNum]);
126:
127: ++strNum;
128: AddString(ref yLocation, Values[strNum], LineWidth[strNum]);
129: DrawLine(ref yLocation, MaxWidth);
130:
131: ++strNum;
132: AddString(ref yLocation, Values[strNum], LineWidth[strNum]);
133: DrawLine(ref yLocation, MaxWidth);
134: DrawLine(ref yLocation, MaxWidth);
135:
136: // Finalize the image and return.
137: objGraphics.Flush();
138: return (objBmpImage);
139: }
140:
141: /// <summary>
142: /// Get the width of the given strings.
143: /// </summary>
144: private float[] GetLineWidths(string[] Values)
145: {
146: float [] rtn = new float[Values.Length];
147: for (int i=0; i < Values.Length; i++)
148: rtn[i] = (float)objGraphics.MeasureString(Values[i], objFont).Width;
149: return (rtn);
150: }
151:
152: /// <summary>
153: /// Adds a line of text to the given image and calculates the location for the next line of text.
154: /// </summary>
155: private void AddString(ref float yLocation, string value, float Width)
156: {
157: float x = (float)TileDimension - Width - MarginSpacing;
158: objGraphics.DrawString(value, objFont, brushFont, x, yLocation);
159: yLocation += Spacing;
160: }
161:
162: /// <summary>
163: /// Draws a line at the location then adjusts the next location accordingly.
164: /// </summary>
165: /// <param name="yLocation">Location on y-axis to display line</param>
166: /// <param name="Width">Width of the line</param>
167: private void DrawLine(ref float yLocation, float Width)
168: {
169: yLocation += LineMargin;
170: float x2 = (float)TileDimension - MarginSpacing;
171: float x = x2 - Width;
172: objGraphics.DrawLine(objPen, x, yLocation, x2, yLocation);
173: }
174:
175: }
Cedar
