【技巧】Silverlight中的模式窗体

现在Web开发技术中流行着模式窗体，这种不用跳转页面又能够满足与用户进行数据交互的手段确实不错，那我今天也谈谈Silverlight中的模式窗体吧。

 

　　其实在Silverlight中开发模式窗体并不难，比在Html里面用div来构造容易多了，但是要做到具有重用性和规范性还是要下一点工夫的。如果SL的开发朋友们想偷一点懒，直接用些现成写好的模式窗体代码的话，我在这里介绍一个SL的框架，叫SilverlightFX，里面就有一个Form类，只要你的xaml类继承了Form类就可以很方便地使用模式窗体了。具体方面可以参照他的sample工程，这里给出SilverlightFX的连接给大家 http://projects.nikhilk.net/SilverlightFX 

 

　　如果想自己写模式窗体的代码也不难，这里我给出一段简单的代码大家

首先是模式窗体的基类及委托

public class ModalDialog : UserControl
    {
        public event EventHandler closed; // Dialog Close Event
        public event ModalEventHandler CompletedCallback; // Call back event

        public void Close()
        {
            if (closed != null)
            {
                closed(this, EventArgs.Empty);
            }
        }

        public void HandleCallback(ModalEventArgs e)
        {
            if (CompletedCallback != null)
            {
                CompletedCallback(this, e);
            }
        }
    }

    public interface IModalDialogOpener
    {
        void ShowModalDialog(ModalDialog dialog);

        void CloseModalDialog();
    }

    public class ModalEventArgs : EventArgs
    {
        public object Result { set; get; } // the result of this modal dialog
    }

    public delegate void ModalEventHandler(object sender, ModalEventArgs e); 

 

　　所有想以模式窗体弹出的控件都可以继承ModalDialog这个类，然后母窗体必须实现IModalDialogOpener接口并实现里面的方法；至于ModalEventArg这个参数类是可以由开发者自己扩展的，我这里只提供一个object类型的结果属性。

 

接着是在母窗体中给出遮蔽层元素

<!-- Use for loading modal dialog -->
            <Border x:Name="placeHolder" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                Visibility="Collapsed" Width="1600" Height="1200"
                Background="#ff8a8a8a" Opacity="0.9" Canvas.ZIndex="1000"/> 

这个遮蔽层也是可以由开发者自己订制的，比如长宽、透明度、背景色之类的。

 

最后就是在母窗体代码是实现 ShowModalDialog 方法和 CloseModalDialog 方法了，思路无非是把遮蔽层的Child中赋值为模式窗体类，接着显示遮蔽层；关闭反之。

 

模式窗体就介绍到这里，以后如果有更好的代码我会及时奉上的。