WPF换肤之七：异步

原文:WPF换肤之七：异步

在WinForm时代，相信大家都遇到过这种情形，如果在程序设计过程中遇到了耗时的操作，不使用异步会导致程序假死。当然，在WPF中，这种情况也是存在的，所以我们就需要寻找一种解决方法来让程序界面响应和耗时操作异步进行，那么上述假死的情况就不会发生了。

这一节就着重讲解异步以及线程和界面交互。

异步使用方式（APM模式）

在上节中，我们给一个普通的Window窗口做了换肤处理，呈现出了一个非常酷的时区浏览小工具。当然，这一节，我们还是以那个工具为主，为其增加天气预报功能，而天气预报的数据来源，则通过WebService来获取。

首先，我们在程序中添加WebService服务引用，添加效果如下图所示，我们需要用到其中的GetWeatherByCityName方法来获取天气预报信息。

添加完成后，我们就可以通过下面的代码来获取城市的天气信息：

View Code

static WeatherWebServiceSoapClient weatherClient;   //获取气象信息的WebService对象
private string[] GetWeather(string cityName)
{
            string[] weatherInfoList = null;
            if (weatherClient == null) weatherClient = new WeatherWebServiceSoapClient("WeatherWebServiceSoap"); //实例化服务调用
         try
            {
                weatherInfoList = weatherClient.getWeatherbyCityName(cityName);
            }
            catch (System.Net.WebException webException)
            {
                throw webException;
            }
            catch (System.Net.Sockets.SocketException socketException)
            {
                throw socketException;
            }
            catch (System.NullReferenceException nullException)
            {
                throw nullException;
            }
            catch (System.Exception exception)
            {
                throw exception;
            }
            finally
            {
                if (weatherClient != null) weatherClient = null;
            }
            return weatherInfoList;
}

返回的数组中包含的数据信息如下：

View Code

 #region content
//<string>直辖市</string>
//<string>上海</string>
//<string>58367</string>
//<string>58367.jpg</string>
//<string>2012-8-10 23:58:13</string>
//<string>27℃/33℃</string>
//<string>8月11日 阵雨转多云</string>
//<string>东南风4-5级</string>
//<string>3.gif</string>
//<string>1.gif</string>
//<string>今日天气实况：气温：28℃；风向/风力：北风 1级；湿度：80%；空气质量：良；紫外线强度：中等</string>
//<string>穿衣指数：天气炎热，建议着短衫、短裙、短裤、薄型T恤衫、敞领短袖棉衫等清凉夏季服装。 感冒指数：暂无。 运动指数：有降水，风力较强，较适宜在户内开展低强度运动，若坚持户外运动，请选择避雨防风地点。 洗车指数：不宜洗车，未来24小时内有雨，如果在此期间洗车，雨水和路上的泥水可能会再次弄脏您的爱车。 晾晒指数：有降水，可能会淋湿晾晒的衣物，不太适宜晾晒。请随时注意天气变化。 旅游指数：有阵雨，气温较高，但风较大，能缓解湿热的感觉，还是适宜旅游，您仍可陶醉于大自然的美丽风光中。 路况指数：有降水，路面潮湿，车辆易打滑，请小心驾驶。 舒适度指数：天气较热，虽然有降水，但仍然无法削弱较高气温给人们带来的暑意，这种天气会让您感到不很舒适。 空气污染指数：气象条件有利于空气污染物稀释、扩散和清除，可在室外正常活动。 紫外线指数：属中等强度紫外线辐射天气，外出时建议涂擦SPF高于15、PA+的防晒护肤品，戴帽子、太阳镜。</string>
//<string>27℃/34℃</string>
//<string>8月12日 多云</string>
//<string>南风3-4级</string>
//<string>1.gif</string>
//<string>1.gif</string>
//<string>28℃/34℃</string>
//<string>8月13日 阵雨</string>
//<string>南风3-4级</string>
//<string>3.gif</string>
//<string>3.gif</string>
//<string>上海简称：沪，位置：上海地处长江三角洲前缘，东濒东海，南临杭州湾，西接江苏，浙江两省，北界长江入海，正当我国南北岸线的中部，北纬31°14′，东经121°29′。面积：总面积7823.5平方公里。人口：人口1000多万。上海丰富的人文资源、迷人的城市风貌、繁华的商业街市和欢乐的节庆活动形成了独特的都市景观。游览上海，不仅能体验到大都市中西合壁、商儒交融、八方来风的氛围，而且能感受到这个城市人流熙攘、车水马龙、灯火璀璨的活力。上海在中国现代史上占有着十分重要的地位，她是中国**党的诞生地。许多震动中外的历史事件在这里发生，留下了众多的革命遗迹，处处为您讲述着一个个使人永不忘怀的可歌可泣的故事，成为包含民俗的人文景观和纪念地。在上海，每到秋祭，纷至沓来的人们在这里祭祀先烈、缅怀革命历史,已成为了一种风俗。大上海在中国近代历史中，曾是风起云涌可歌可泣的地方。在这里荟萃多少风云人物，散落在上海各处的不同住宅建筑，由于其主人的非同寻常，蕴含了耐人寻味的历史意义。这里曾留下许多革命先烈的足迹。瞻仰孙中山、宋庆龄、鲁迅等故居，会使您产生抚今追昔的深沉遐思，这里还有无数个达官贵人的住宅，探访一下李鸿章、蒋介石等人的公馆，可以联想起主人那段显赫的发迹史。</string>
#endregion

现在，问题来了，如果我们在程序中直接调用这个接口来获取天气信息的话，会发现主界面快则五六秒，慢则二十秒后才能够显现出来，这就说明，当程序获取天气信息的时候，主界面被阻塞住了。为什么会被阻塞，是因为程序本身只有一条主线程，当程序获取天气信息的时候，线程占用，界面显示当然不能进行了。解决方法就是使用异步。

关于异步的文章，请参看我之前的这篇博文：我所知道的.NET异步， 由于我是APM模式(就是BeginXXXX和EndXXXX成对出现)的忠实粉丝，所以采用的代码如下：

View Code

private void BeginInvokeWeather(string citiName)
{
      try
      {
            Func<string, string[]> func = new Func<string, string[]>(GetWeather);
            IAsyncResult iar = func.BeginInvoke(citiName, new AsyncCallback(EndInvokeWeather), func);
            lblLoadingText.Dispatcher.Invoke(new Action(delegate()
            {
                    lblLoadingText.Opacity = 1;
                    lblLoadingText.Content = "加载天气中...";
             }));
        }
        catch(Exception ex)
        {
              throw ex;
        }
}

private void EndInvokeWeather(IAsyncResult iar)
{
        Func<string, string[]> func = (Func<string, string[]>)iar.AsyncState;  //还原状态
      string[] weatherDaemonList = func.EndInvoke(iar);  //获取值
      weatherInfoParamValue = weatherDaemonList;
         if (weatherDaemonList != null)
         {
             if (weatherDaemonList.Length > 0)  //获取成功
         {
                  //进行处理
            if (weatherDaemonList.Length < 9) return;
                    string imgNameWithoutExtension = GetImgNameWithOutExtension(weatherDaemonList[8]);
                  if (!imgNameWithoutExtension.Equals("NA")) isSuccess = true;
                    string uriStringParam = "pack://application:,,,/TimeZoneDaemonApp;component/Images/Weather/" + imgNameWithoutExtension + ".png";
                   //重新初始化一下，避免多次加载造成的资源冲突
             weatherImg.Dispatcher.Invoke(new Action(delegate()
                    {
                        weatherImg = new BitmapImage();
                    }));
                    weatherImg.Dispatcher.Invoke(new Action(delegate()
                    {
                        weatherImg.BeginInit();

                        weatherImg.UriSource = new Uri(uriStringParam);
                        weatherImg.EndInit();
                        DayMark.Width = weatherImgWidth;
                        DayMark.Height = weatherImgHeight;
                        DayMark.Source = weatherImg;
                        lblLoadingText.Content = "调用结束...";
                        lblLoadingText.Opacity = 0;
                    }));
                }
            }
        }

这样，当程序启动的时候，便会异步获取天气信息，界面阻塞的问题得以解决，请看图示：

加载完成之后，我们就可以看到原来现在我在的地方是朗朗晴天呢... :D

当然，这里还涉及到一个问题，就是线程和UI交互的问题，在Winform中我们可以通过Control.Invoke的方式来进行，在WPF中，只是多了一个Dispatcher而已，具体用法就是Control. Dispatcher.Invoke来进行，比如加载天气的Label就是利用这种方式进行交互的：

View Code

lblLoadingText.Dispatcher.Invoke(new Action(delegate()
{
       lblLoadingText.Opacity = 1;
       lblLoadingText.Content = "加载天气中...";
}));

希望本文对你有用。

 源码下载

点击这里下载源码   由于工程中图片体积太大，就拿出来单独上传，用的时候直接覆盖掉Images文件夹即可。 点击这里下载资源文件