WPF换肤之七:异步

简介: 原文:WPF换肤之七:异步在WinForm时代,相信大家都遇到过这种情形,如果在程序设计过程中遇到了耗时的操作,不使用异步会导致程序假死。当然,在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文件夹即可。 点击这里下载资源文件

目录
相关文章
|
数据库 C# vr&ar
WPF异步回调时回调函数如何获取异步函数产生的变量
原文:WPF异步回调时回调函数如何获取异步函数产生的变量   有这么一个问题,WPF在使用异步回调的时候,回调函数需要用到异步函数里产生的一个变量,例如异步函数里查询数据库得到了一个DataTable,如何传递给回调函数呢? 【方案一】使用全局变量   很容易想到的是用全局变量,这也是最简单的办法。
828 0
|
C#
WPF使用异步+绑定的方式处理大数据量
原文:WPF使用异步+绑定的方式处理大数据量      WPF的优势在于界面处理,即使是这样,在面对大数据量的时候也免不了界面假死,同一个线程里处理界面跟大数据量,这是不可避免的。解决办法还是有的,可以使用分页加载,虚拟加载,动态加载,增加条件限制...      比较好的解决办法是使用异步+绑定的方式,即绑定控件的数据源,异步获取数据。
1150 0
|
JSON C# 数据格式
【WPF/C#】联网异步获取二进制文件(如图片)的流程
原文:【WPF/C#】联网异步获取二进制文件(如图片)的流程 步骤: 联网异步获取Json数据。 使用Json.NET工具,反序列化Json为对应的实体类,获得该实体类的对象。 从对象身上获取图片路径(实体类中定义了头像图片是string类型的文件路径)。
1298 0
|
C# 程序员 测试技术
WPF之动态换肤
原文:WPF之动态换肤 如何实现换肤呢,对于复杂的换肤操作,如,更换按钮样式、窗口样式等,我们需要写多个资源字典来表示不同的皮肤,通过动态加载不同的资源字典来实现换肤的效果;对于简单的换肤操作,如更改背景颜色、设置窗体透明度,这种换肤操作,我们就不能使用上面的方法了,这个时候,我们只要在一个全局对象中添加几个属性,如背景颜色、前景颜色、窗体透明度等,然后,再绑定这几个属性就能达到我们想要的效果。
951 0
|
C#
WPF换肤之一:创建圆角窗体
原文:WPF换肤之一:创建圆角窗体     我们都期望自己的软件能够有一套看上去很吸引人眼球的外衣,使得别人看上去既专业又有美感。这个系列就带领着大家一步一步的讲解如何设计出一套自己的WPF的窗体皮肤,如果文中有任何错误或者不足,还请指出。
1314 0
|
C# Windows
WPF换肤之二:可拉动的窗体
原文:WPF换肤之二:可拉动的窗体 让我们接着上一章: WPF换肤之一:创建圆角窗体 来继续。 在这一章,我主要是实现对圆角窗体的拖动,改变大小功能。 拖动自绘窗体的步骤 首先,通过上节的设计,我们知道了如何设计一个圆角窗体,通过XAML代码量,我们发现设置这个窗体是多么的简单。
962 0
|
C# Windows
WPF换肤之三:WPF中的WndProc
原文:WPF换肤之三:WPF中的WndProc 在上篇文章中,我有提到过WndProc中可以处理所有经过窗体的事件,但是没有具体的来说怎么可以处理的。 其实,在WPF中,要想利用WndProc来处理所有的事件,需要利用到SourceInitialized  Event,首先需要创建一个HwndSource对象,然后利用其AddHook方法来将所有的windows消息附加到一个现有的事件中,这个就是WndProc。
1333 0
|
C# Windows
WPF换肤之五:创建漂亮的窗体
原文:WPF换肤之五:创建漂亮的窗体 换肤效果 经过了前面四章的讲解,我们终于知道了如何拖拉窗体使之改变大小,也知道了如何处理鼠标事件,同时,也知道了如何利用更好的编写方式来编写一个方便实用和维护的换肤程序。
1123 0
|
C# Windows
WPF换肤之四:界面设计和代码设计分离
原文:WPF换肤之四:界面设计和代码设计分离 说起WPF来,除了总所周知的图形处理核心的变化外,和Winform比起来,还有一个巨大的变革,那就是真正意义上做到了界面设计和代码设计的分离。这样可以让美工和程序分开进行,而不是糅合在一块,这样做的好处当然也是显而易见的:提高了开发效率。
953 0