《手把手教你写天气预报.docVIP

此文档供上网不便的朋友使用，仅供学习交流使用。 此文档不能复制，鼓励手敲代码，毕竟拖控件粘代码始终是不好的事情。如果实在是需要，可以到博客上面来复制代码 /fengyun1989/article/details/7346223 另外，此文档由于做得倡促，写博客的时候随便粘过来的。没有好好排版，如果看得不爽请到博客里看原文。 WP7（一）手把手教你写天气预报程序：序言 先来展示下程序的效果图吧 这个程序虽小，但是基本的东西都是具有的。说下用到的具有特色的知识点（简单的不说了）：UserControl，WebClient请求，Json数据解析，XML数据解析，TombStone，IsolatedStorage存储，本地数据库SQL CE。 上面的每个知识点要写都是一个Demo。此例子展示怎么将所有知识点联系到一块做一个实在的应用。  我感觉现在这样的中文实例教程很少。所以打算写这么一个教程尽量详细到每一步，尽量把分析思考写出来。如写的不好，尽请见谅。 写一个新手看的懂，能做出这么一个可以用的应用增加一点自信心。  最后一句：新手请进，老鸟飘过~~~~~~~ WP7（二）手把手教你写天气预报程序：UserControl的运用 那么，开始吧。首先确认安装了window phone SDK（没有的先去安装，SDK自带VS2010 Express版，还有就是电脑系统要是win7，XP不支持微软原版的模拟器，不过可以使用传智播客做的模拟器，具体自己百度）。如果本来安装了VS2010 ultimate的。可以用之开发，但是确认升级到了SP1版，不然不能使用，而且，如果本来的VS2010是中文版，那么需要到C:\Program Files\Microsoft Visual Studio 10.0\Common7\IDE\ProjectTemplates\CSharp（C盘为SDK安装目录）,复制Silverlight for Windows Phone文件夹（此为window phone模板）到C:\Users\用户名\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C#下，这样原来的中文版VS2010就能识别window phone模板了。 打开VS2010。无论你打开的是中文版的还是英文版的，我用的是中文版的，我下面所说的操作大部分都是中文的。如果你英文不好还要用英文版的（虽然基本没几个英文单词），如果找不到我也没办法了（不过大部分应该都附图）。 点击文件新建项目，在左边的模板里面选择visual C#，然后再选择silverlight for window phone，然后在右边选择 window phone application。填入名称：WeatherForecast 具体如下图： 点击确定。 现在也可以点击运行。 运行方法：先看这 绿色三角后面选择的是Emulator，就是模拟器。还有一个选项是Device，就是手机。确认选择的是模拟器，点击绿色三角或者按F5运行。运行成功！ 我觉得这么一个程序，首先应该要能够获取到天气信息展示到界面。先分析下界面应该怎么做吧。新手看到这么复杂的界面大部分还真是无从入手。 观察界面，就是一个Grid的布局。但是麻烦的是右边的预报后几天天气的布局。单靠grid布局达不到如此效果。 所以把这做成UserControl。这样更容易布局。也可以展示下UserControl的应用。  现在，先添加一个UserControl。在右边的解决方案管理器，在WeatherForecast上右键，添加，新建项。添加一个window phone user control。命名为ForecastTemplate，点击添加，如图： 在ForecastTemplate.xaml。里面的name为LayoutRoot的grid里面添加两个TextBlock，一个Image。 具体代码如下： Grid.ColumnDefinitions ColumnDefinition Width=*/ ColumnDefinition Width=*/ /Grid.ColumnDefinitions Grid.RowDefinitions RowDefinition Height=*/ RowDefinition Height=*/ /Grid.Row