|
創(chuàng)建StoryDetailsView 用戶控件
我們開始在Visual Studio中的DiggSample項(xiàng)目上右擊，選擇“添加新項(xiàng)”，這會調(diào)出一個新項(xiàng)的對話框，我們將選擇UserControl模板，將我們要建的新控件命名為“StoryDetailsView”：
這會往我們的DiggSample項(xiàng)目中添加一個以此為名的新UserControl：
使用用戶控件建造一個基本模式對話框
我們將使用我們的StoryDetailsView控件有效地顯示一個包含故事細(xì)節(jié)的對話框。當(dāng)我們的故事細(xì)節(jié)用戶控件顯示時，我們將要它出現(xiàn)在網(wǎng)頁的其他內(nèi)容的上方，確保終端用戶在關(guān)閉細(xì)節(jié)視圖之前無法操作頁面上的其他東西。
有幾種不同的方式我們可以實(shí)現(xiàn)這個模式對話框似的行為。對這個特定的場景，我們將先從打開StoryDetailsView.xaml用戶控件著手，往其中加入如下XAML內(nèi)容：
點(diǎn)擊放大
上面第一個控件<Rectangle>是配置成Stretch以占據(jù)屏幕上剩下的空間，它的背景填充顏色是有點(diǎn)透明的灰色（因?yàn)樗腛pactity 是 .765，你還可以看到一點(diǎn)它后面的東西 ）。第二個控件<Border>然后將重疊在這個Rectangle控件之上，在屏幕上占據(jù)一個固定的寬度。它具有一個藍(lán)色的背景色，內(nèi)含一個Close（關(guān)閉）按鈕。
在顯示時，我們的StoryDetailsView用戶控件目前將顯示象下面這樣的UI：
我們可以在該用戶控件的后臺代碼文件中實(shí)現(xiàn)“CloseBtn_Click”事件處理方法，在按下按鈕時，關(guān)閉按鈕的事件處理函數(shù)將把用戶控件的Visibility屬性設(shè)成為“Collapsed”，這會導(dǎo)致它從屏幕上消失，用戶將返回到下面的內(nèi)容：
出處：Scott Guthrie 博客中文版
責(zé)任編輯：bluehearts
上一頁 使用用戶控件實(shí)現(xiàn)主從表場景 [1] 下一頁 使用用戶控件實(shí)現(xiàn)主從表場景 [3]
◎進(jìn)入論壇RIA設(shè)計(jì)與應(yīng)用版塊參加討論
|
第 1 頁 
第 2 頁 使用用戶控件實(shí)現(xiàn)主從表場景 [2]
