快捷導(dǎo)航

asp.net Silverlight中的模式窗體

更新時(shí)間：2009年11月24日 18:45:32 作者：

現(xiàn)在Web開(kāi)發(fā)技術(shù)中流行著模式窗體，這種不用跳轉(zhuǎn)頁(yè)面又能夠滿足與用戶進(jìn)行數(shù)據(jù)交互的手段確實(shí)不錯(cuò)，那我今天也談?wù)凷ilverlight中的模式窗體吧。

其實(shí)在Silverlight中開(kāi)發(fā)模式窗體并不難，比在Html里面用div來(lái)構(gòu)造容易多了，但是要做到具有重用性和規(guī)范性還是要下一點(diǎn)工夫的。如果SL的開(kāi)發(fā)朋友們想偷一點(diǎn)懶，直接用些現(xiàn)成寫(xiě)好的模式窗體代碼的話，我在這里介紹一個(gè)SL的框架，叫SilverlightFX，里面就有一個(gè)Form類，只要你的xaml類繼承了Form類就可以很方便地使用模式窗體了。具體方面可以參照他的sample工程，這里給出SilverlightFX的連接給大家 http://projects.nikhilk.net/SilverlightFX
　　如果想自己寫(xiě)模式窗體的代碼也不難，這里我給出一段簡(jiǎn)單的代碼大家

首先是模式窗體的基類及委托

復(fù)制代碼代碼如下:

 
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這個(gè)類，然后母窗體必須實(shí)現(xiàn)IModalDialogOpener接口并實(shí)現(xiàn)里面的方法；至于ModalEventArg這個(gè)參數(shù)類是可以由開(kāi)發(fā)者自己擴(kuò)展的，我這里只提供一個(gè)object類型的結(jié)果屬性。

接著是在母窗體中給出遮蔽層元素

復(fù)制代碼代碼如下:

 
<!-- 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"/> 

這個(gè)遮蔽層也是可以由開(kāi)發(fā)者自己訂制的，比如長(zhǎng)寬、透明度、背景色之類的。

最后就是在母窗體代碼是實(shí)現(xiàn) ShowModalDialog 方法和 CloseModalDialog 方法了，思路無(wú)非是把遮蔽層的Child中賦值為模式窗體類，接著顯示遮蔽層；關(guān)閉反之。

模式窗體就介紹到這里，以后如果有更好的代碼我會(huì)及時(shí)奉上的。

您可能感興趣的文章: