<WP7>（六）手把手教你写天气预报程序：使用Isolatedstorage保存设置

来源：互联网发布：手机知乎怎么发表文章编辑：程序博客网时间：2024/04/29 19:33

上一节完成了SetPage的布局和数据绑定。这一节就要做设置页面和主页面的交互了。

我们在主页面点击设置按钮的时候，是不是应该给设置页面传一个参数？比如城市名称？还有在设置页面ListPicker应该选择的是当前选择的地区，不然每次都是两个北京就显得很不友好了。

我们在SetPage怎么知道是当前选择的地区呢。给另一个界面传参数可以考虑用Uri的方法，比如/SetPage.xaml？cityname="长安" ,然后从URi里面把参数取出来，NavigationContext.QueryString["cityname"]取出来值。但是这里我不考虑这方法，因为我的选择城市只有一个，直接保存到Isolatedstorage就行了。在SetPage里面再取出来。不过大部分程序还得用传参数形式，毕竟不能写多个页面，要一个页面多用嘛。举个简单的例子，QQ的聊天框，总不能给每个好友都自定义一个吧。

还有就是天气更新问题，从SetPage设置后重新回到MainPage，天气是否需要更新呢，这个也是个问题，如果人家没改选择也点击保存后回到MainPage，更新是否太浪费了。在这个流量还是很贵的时代。还有就是每次启动程序进入的时候都要更新么，毕竟服务器那头数据没有更新，这头客户端去请求，返回的数据和原来的一样，又是浪费流量浪费电量。window phone其实有一个叫推送的东西，这个东西简单来说就是服务端有更新，就通过推送通知客户端更新，这样，即省了流量也省了电量。但是在这里就不展示推送的编写过程了。

所以，我自己制定的规则是：保存上一次更新的天气数据。然后从SetPage回来判断下城市是否相同，不同更新，更新时间是否超过3小时，超过更新。

那么就开始做吧。

先在SetPage页面的ApplicationBar添加一个IconButton。图标用的是Dark文件夹下的appbar.save.rest.png。复制到工程的Icons目录。并且修改生成操作属性为内容。这不懂操作的参考上一节。并且添加click事件。

<shell:ApplicationBarIconButton IconUri="/Icons/appbar.save.rest.png" Text="保存" Click="ApplicationBarIconButton_Click"/>

先添加一个类来保存选择的城市信息。工程---右键---添加---类---命名为SelectedCity.cs---添加。

在SelectedCity.cs上，首先添加命名空间

using System.IO.IsolatedStorage;

这里附上SelectedCity.cs完整代码：

using System;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Ink;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;using System.IO.IsolatedStorage;namespace WeatherForecast{     /// <summary>    /// 用来保存设置城市信息    /// </summary>    public class SelectedCity    {        private string _province;        public string Province {             get {                return _province;            } set {                _province = value;            }         }        private string _citycode;        public string CityCode        {            get            {                return _citycode;            }            set            {                _citycode = value;            }        }        private string _cityname;        public string Cityname        {            get            {                return _cityname;            }            set            {                _cityname = value;            }        }                #region 往Isolate的storageSettings保存和取回设置的城市信息        public static void SaveIsolated(SelectedCity sc)        {            IsolatedStorageSettings iss = IsolatedStorageSettings.ApplicationSettings;            iss["SelectedCity"] = sc;        }        public static SelectedCity GetIsolated()        {            IsolatedStorageSettings iss = IsolatedStorageSettings.ApplicationSettings;            SelectedCity sc = null;            SelectedCity temp = null;            if (iss.TryGetValue("SelectedCity", out temp))//取值的时候要先判断是否存在                sc = temp;            return sc;        }         #endregion    }}

接下来，我们要编写的是保存按钮的事件：

        /// <summary>        /// 保存设置并且返回MainPage        /// </summary>        /// <param name="sender"></param>        /// <param name="e"></param>        private void ApplicationBarIconButton_Click(object sender, EventArgs e)        {            string cityname = citylp.SelectedItem.ToString();            string prov = provincelp.SelectedItem.ToString();            string citycode = String.Empty;            //从数据库取出城市的代码            using (var db = new CityDataContext(CityDataContext.connectionString))            {                var queries =                    from c in db.CityInfos where (c.Province == prov && c.CityName == cityname) select c;                citycode = queries.First().CityCode;            }            SelectedCity.SaveIsolated(new SelectedCity { CityCode = citycode,Cityname = cityname,Province = prov});            NavigationService.Navigate(new Uri("/WeatherForecast;component/MainPage.xaml",UriKind.Relative));        }

然后到WeatherInfo.cs里面添加如下成员，并且添加命名空间。

 public DateTime UpdateTime { get; set; }        #region 保存天气信息到Isolatedstorage        public static void SaveIsolated(WeatherInfo w)        {            IsolatedStorageSettings iss = IsolatedStorageSettings.ApplicationSettings;            iss["WeatherInfo"] = w;        }        public static WeatherInfo GetIsolated()        {            IsolatedStorageSettings iss = IsolatedStorageSettings.ApplicationSettings;            WeatherInfo w = null;            WeatherInfo temp = null;            if (iss.TryGetValue("WeatherInfo", out temp))//取值先判断值是否存在                w = temp;            return w;        }         #endregion

接下来，要做的就是保存后，MainPage页面的天气更新问题。

我们要做的是在更新的时候先判断是否需要更新，判断条件在前面说过了，如果不需要更新还得把Ui更新。大概方向如此，具体代码经过一些整合修改，贴出来有改动部分：

SelectedCity sc = null;        string uriFormat = "http://m.weather.com.cn/data/{0}.html";        private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)        {            UpdateWeather();        }        /// <summary>        /// 判断是否需要更新天气，需要更新为True        /// </summary>        /// <returns></returns>        bool isUpdated()        {            sc = SelectedCity.GetIsolated();            weather = WeatherInfo.GetIsolated();            if (sc == null)//如果从IsolatedStorage里面取到的为空，就是没有设置地区。则设置默认为北京            {                sc = new SelectedCity();                sc.CityCode = "101010100";                sc.Cityname = "北京";                sc.Province = "北京";                return true;            }            if (weather == null)//如果从来没有更新过天气。就更新            {                return true;            }            if (weather.UpdateTime == null || !sc.Cityname.Equals(weather.city))//如果更改了地区，或者没有更新过天气。更新                return true;            TimeSpan ts1 = new TimeSpan(weather.UpdateTime.Ticks);            TimeSpan ts2 = new TimeSpan(DateTime.Now.Ticks);            TimeSpan ts = ts1.Subtract(ts2).Duration();            if (ts.Hours >= 3)//如果更新时间差超过3小时，更新                return true;            return false;        }        void UpdateWeather()        {            if (!isUpdated())            {                UpdateUI();                return;            }            string uri = String.Format(uriFormat, sc.CityCode);            WebClient wb = new WebClient();//用WebClient获取天气。            wb.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wb_DownloadStringCompleted);//添加Download完成事件            wb.DownloadStringAsync(new Uri(uri, UriKind.Absolute));//开始异步Download        }        /// <summary>        /// 下载完成后的处理事件        /// </summary>        /// <param name="sender"></param>        /// <param name="e"></param>        void wb_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)        {            //判断是否下载成功            if (e.Result.Length <= 0 || e.Error != null || e.Cancelled)            {                MessageBox.Show("获取天气预报失败！");                return;            }            SelectedCity.SaveIsolated(sc);//保存更新好的城市信息            JObject json = JObject.Parse(e.Result);//用Jobject解析json数据            weather = new WeatherInfo            {                city = (string)json["weatherinfo"]["city"],                cityid = (string)json["weatherinfo"]["cityid"],                date_y = (string)json["weatherinfo"]["date_y"],                week = (string)json["weatherinfo"]["week"],                info = (string)json["weatherinfo"]["index48_d"],                wind1 = (string)json["weatherinfo"]["wind1"],                temp1 = (string)json["weatherinfo"]["temp1"],                temp2 = (string)json["weatherinfo"]["temp2"],                temp3 = (string)json["weatherinfo"]["temp3"],                temp4 = (string)json["weatherinfo"]["temp4"],                temp5 = (string)json["weatherinfo"]["temp5"],                weather1 = (string)json["weatherinfo"]["weather1"],                weather2 = (string)json["weatherinfo"]["weather2"],                weather3 = (string)json["weatherinfo"]["weather3"],                weather4 = (string)json["weatherinfo"]["weather4"],                weather5 = (string)json["weatherinfo"]["weather5"]            };            weather.UpdateTime = DateTime.Now;            WeatherInfo.SaveIsolated(weather);//保存更新好的天气信息            UpdateUI();        }

下面要做的是进入SetPage的时候进行数据绑定显示，要显示为用户已经选择的城市信息。

方式是先设置省份的SelectedIndex然后，在SelectionChange事件选择地区

修改或增加的代码如下：

SelectedCity sc = null;        private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)        {            ProvLpDataBind();        }        void ProvLpDataBind()        {            //给省份的listpicker绑定数据            provincelp.ItemsSource = prov;            sc = SelectedCity.GetIsolated();            if (sc == null)                return;            int i;            for (i = 0; i < prov.Length; i++)            {                if (prov[i] == sc.Province)                    break;            }            provincelp.SelectedIndex = i;        }        private void provincelp_SelectionChanged(object sender, SelectionChangedEventArgs e)        {            ListPicker lp = sender as ListPicker;            string p = lp.SelectedItem.ToString();            ProvSelectedChanged(p);                    }        /// <summary>        /// 由当前选择的省份给city的ListPicker绑定数据,并返回该省份所以城市名单        /// </summary>        /// <returns></returns>        List<String> cityDataBind(String prov)        {            IList<CityInfoTable> list = null;            using (CityDataContext db = new CityDataContext(CityDataContext.connectionString))            {                IQueryable<CityInfoTable> queries =                    from c in db.CityInfos where c.Province == prov select c;                list = queries.ToList();            }            List<String> l = new List<string>();            foreach (var item in list)            {                l.Add(item.CityName);            }            citylp.ItemsSource = l;            return l;        }        /// <summary>        /// 省份改变，地区绑定，并选择原来设置的地区        /// </summary>        /// <param name="prov"></param>        void ProvSelectedChanged(String prov)        {            List<String> l = cityDataBind(prov);            if (sc != null && sc.Province == prov)            {                int i = l.IndexOf(sc.Cityname);                citylp.SelectedIndex = i;            }        }

运行，成功！这节都是代码。。。。

这节工程下载：chapter6