?這節(jié)，加入彈出對(duì)話框

彈出對(duì)話框

這個(gè)appBar button能起作用類額 ，他處理的源代碼是直接放在Click event里面中。大多數(shù)的buttons操作更需要一些額外的用戶體驗(yàn)，因此我們使用flyOut控件。

當(dāng)用戶點(diǎn)擊了appBar按鈕以后，這個(gè)彈出窗口就會(huì)出現(xiàn)，給予用戶一定提示，當(dāng)用戶再度點(diǎn)擊這個(gè)控件以后，這個(gè)東西就會(huì)消失。這有點(diǎn)像什么——像winFrom彈出的對(duì)話框，但他不是一個(gè)窗口，或者一個(gè)頁(yè)面，他只是依附于這個(gè)窗口的某個(gè)層。這樣彈出的窗口的，實(shí)現(xiàn)js中操作是使用了flyOut控件，在xaml與C#實(shí)現(xiàn)一模一樣的效果，需要Popup控件，并且在相應(yīng)的cs文件中進(jìn)行了編碼使其Popup控件定位。由于，我所運(yùn)用的win8消費(fèi)者預(yù)覽版，我真希望在win8的正式版中能夠屏蔽這樣的差異，這樣我不需要對(duì)popup控件進(jìn)行定位了。

這里我說(shuō)說(shuō)項(xiàng)目以外Popup的問(wèn)題。

Popup是一個(gè)神奇的東西，可以很容易的解決一些復(fù)雜問(wèn)題。它將控件的布局?jǐn)U展到了第三維，可以將其Child中的內(nèi)容顯示在當(dāng)前界面之上。Popup位于當(dāng)前Silverlight可見(jiàn)控件區(qū)域之上，即使你為某個(gè)控件設(shè)置了一個(gè)比Popuo要大的Canvas.ZIndex值也不會(huì)顯示在Popup之上，不過(guò)Popup之間可以用Canvas.ZIndex區(qū)分哪個(gè)Popup顯示在上面。還有一點(diǎn)，Popup的Child中的事件冒泡已經(jīng)自己處理了，就好像Popup與下面的所有控件沒(méi)有關(guān)系一樣。

　在實(shí)際應(yīng)用中，有一個(gè)約定俗成的操作，就是彈出一個(gè)Popup后在Popup可見(jiàn)區(qū)域外的任意地方點(diǎn)擊，Popup會(huì)自動(dòng)關(guān)閉，而Popup本身是沒(méi)有實(shí)現(xiàn)這個(gè)功能的。具體如何實(shí)現(xiàn)，這方案也有很多，下面是比較常用的方法：在要顯示的內(nèi)容下面放一個(gè)背景透明且覆蓋整個(gè)Silverlight可見(jiàn)區(qū)域的Canvas，在Canvas的點(diǎn)擊事件處理方法中關(guān)閉Popup。之所以選擇Canvas是因?yàn)樵诓季址绞街兄挥蠧anvas在背景透明時(shí)可以偵測(cè)到點(diǎn)擊事件

1 <!--Popup中有了Canvas 控件，Rectangle 控件--> 2 <Popup x:Name=“popUp” Opened=“popUp_Opened”> 3 <Canvas x:Name=“overLay” Background=“Transparent” MouseLeftButtonDown=“overLay_MouseLeftButtonDown”> 4 <Rectangle x:Name=“popContent” Width=“200″ Height=“200″ Fill=“AliceBlue”/> 5 </Canvas> 6 </Popup>

噥——對(duì)popup有了一個(gè)簡(jiǎn)單介紹。

轉(zhuǎn)載于:https://www.cnblogs.com/manuosex/archive/2012/12/05/2802970.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的手把手玩转win8开发系列课程（18）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。