(window_phone编程)手把手教你写天气预报.pdf
上传人:qw****27 上传时间:2024-09-12 格式:PDF 页数:70 大小:2.3MB 金币:15 举报 版权申诉
预览加载中,请您耐心等待几秒...

(window_phone编程)手把手教你写天气预报.pdf

(window_phone编程)手把手教你写天气预报.pdf

预览

免费试读已结束,剩余 60 页请下载文档后查看

15 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

此文档供上网不便的朋友使用,仅供学习交流使用。此文档不能复制,鼓励手敲代码,毕竟拖控件粘代码始终是不好的事情。如果实在是需要,可以到博客上面来复制代码http://blog.csdn.net/fengyun1989/article/details/7346223另外,此文档由于做得倡促,写博客的时候随便粘过来的。没有好好排版,如果看得不爽请到博客里看原文。<WP7>(一)手把手教你写天气预报程序:序言先来展示下程序的效果图吧这个程序虽小,但是基本的东西都是具有的。说下用到的具有特色的知识点(简单的不说了):UserControl,WebClient请求,Json数据解析,XML数据解析,TombStone,IsolatedStorage存储,本地数据库SQLCE。上面的每个知识点要写都是一个Demo。此例子展示怎么将所有知识点联系到一块做一个实在的应用。Windowphone开发,我感觉现在这样的中文实例教程很少。我的英语水平也不好,按照教育部的说法,六级没过,那些神马英文教程,勉强能看,但那也是相当纠结的事情。我估计还有不少不爱看英文教程,看到英文就头疼的爱好WP7开发的入门者,所以打算写这么一个教程,尽量详细到每一步,尽量把分析思考写出来。如写的不好,尽请见谅。写一个新手看的懂,让他们能做出这么一个可以用的应用增加一点自信心。最后一句:新手请进,老鸟飘过~~~~~~~<WP7>(二)手把手教你写天气预报程序:UserControl的运用那么,开始吧。首先确认安装了windowphoneSDK(没有的先去安装,SDK自带VS2010Express版,还有就是电脑系统要是win7,XP不支持微软原版的模拟器,不过可以使用传智播客做的模拟器,具体自己百度)。如果本来安装了VS2010ultimate的。可以用之开发,但是确认升级到了SP1版,不然不能使用,而且,如果本来的VS2010是中文版,那么需要到C:\ProgramFiles\MicrosoftVisualStudio10.0\Common7\IDE\ProjectTemplates\CSharp(C盘为SDK安装目录),复制SilverlightforWindowsPhone文件夹(此为windowphone模板)到C:\Users\用户名\Documents\VisualStudio2010\Templates\ProjectTemplates\VisualC#下,这样原来的中文版VS2010就能识别windowphone模板了。打开VS2010。无论你打开的是中文版的还是英文版的,我用的是中文版的,我下面所说的操作大部分都是中文的。如果你英文不好还要用英文版的(虽然基本没几个英文单词),如果找不到我也没办法了(不过大部分应该都附图)。点击文件---新建----项目,在左边的模板里面选择visualC#,然后再选择silverlightforwindowphone,然后在右边选择windowphoneapplication。填入名称:WeatherForecast具体如下图:点击确定。然后在这个弹窗,选择OS7.1,点击OK。现在也可以点击运行。运行方法:先看这绿色三角后面选择的是Emulator,就是模拟器。还有一个选项是Device,就是手机。确认选择的是模拟器,点击绿色三角或者按F5运行。运行成功!我觉得这么一个程序,首先应该要能够获取到天气信息展示到界面。先分析下界面应该怎么做吧。新手看到这么复杂的界面大部分还真是无从入手。观察界面,就是一个Grid的布局。但是麻烦的是右边的预报后几天天气的布局。单靠grid布局达不到如此效果。所以把这做成UserControl。这样更容易布局。也可以展示下UserControl的应用。现在,先添加一个UserControl。在右边的解决方案管理器,在WeatherForecast上右键,添加,新建项。添加一个windowphoneusercontrol。命名为ForecastTemplate,点击添加,如图:在ForecastTemplate.xaml。里面的name为LayoutRoot的grid里面添加两个TextBlock,一个Image。具体代码如下:<Grid.ColumnDefinitions><ColumnDefinitionWidth="*"/><ColumnDefinitionWidth="*"/></Grid.ColumnDefinitions><Gr