|
|
现在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中赋值为模式窗体类，接着显示遮蔽层；关闭反之。
模式窗体就介绍到这里，以后如果有更好的代码我会及时奉上的。 |
|
发表于 2009-11-24 18:45:32
