Silverlight版本的LoadMask

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

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

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

 ILoadMask 接口

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

GridLoadMask, 能够对Grid进行遮罩

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

为 UIElement 提供 Mask 和 Unmask 方法

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

XAML

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

Mask 和 Unmask 方法调用

 

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

posted @   张志敏  阅读(2787)  评论(3编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2007-06-02 Prototype 1.5.1 中的一处Bug
2007-06-02 在 IE 中使用 Windows 窗体控件
点击右上角即可分享
微信分享提示