Silverlight版本的LoadMask

使用 Silverlight 获取服务端数据时,只能使用异步调用,需要一定的时间,在这一段时间内,通常不希望用户进行其它操作,否则可能会干扰当前数据的加载。在 ExtJS 下, Ext.Element 的 mask 和 unmask 方法可以轻松的对任意的界面元素进行遮罩和取消遮罩,在遮罩的过程中,这个界面元素暂时不能被操作(当然, ExtJS 之下还有专门的 Ext.LoadMask 类),有兴趣的可以参考 ExtJS 相关的 API 。因此在Silverlight下,我们同样需要类似的 mask 和 unmask方法。

先体验一下最终效果(需要安装Silverlight 3.0):

我们先定义一个接口 ILoadMask ,并且定义了两个方法 Mask 和 Unmask,作用就不多说了,如下图所示。

 Silverlight版本的LoadMask

接下来,我们在提供一种默认的实现 GridLoadMask ,能够对Grid进行遮罩,如下图所示:

Silverlight版本的LoadMask

接下来,为UIElement提供两个扩展方法, Mask 和 Unmask,如下图:

Silverlight版本的LoadMask

最后贴出使用方法,假设我们的 XAML 如下图:

Silverlight版本的LoadMask

对应的后台实现代码如下:

Silverlight版本的LoadMask

 

顺便提供完整的源代码下载,有兴趣的可以看看。

张志敏所有文章遵循创作共用版权协议,要求署名、非商业 、保持一致。在满足创作共用版权协议的基础上可以转载,但请以超链接形式注明出处。

本博客已经迁移到 GitHub , 围观地址: http://beginor.github.io/

本文转自张志敏博客园博客,原文链接:http://www.cnblogs.com/beginor/archive/2009/06/02/1494902.html,如需转载请自行联系原作者