手把手玩转win8开发系列课程（18）

 这节，加入弹出对话框

弹出对话框

这个appBar button能起作用类额 ，他处理的源代码是直接放在Click event里面中。大多数的buttons操作更需要一些额外的用户体验，因此我们使用flyOut控件。

当用户点击了appBar按钮以后，这个弹出窗口就会出现，给予用户一定提示，当用户再度点击这个控件以后，这个东西就会消失。这有点像什么——像winFrom弹出的对话框，但他不是一个窗口，或者一个页面，他只是依附于这个窗口的某个层。这样弹出的窗口的，实现js中操作是使用了flyOut控件，在xaml与C#实现一模一样的效果，需要Popup控件，并且在相应的cs文件中进行了编码使其Popup控件定位。由于，我所运用的win8消费者预览版，我真希望在win8的正式版中能够屏蔽这样的差异，这样我不需要对popup控件进行定位了。

这里我说说项目以外Popup的问题。

Popup是一个神奇的东西，可以很容易的解决一些复杂问题。它将控件的布局扩展到了第三维，可以将其Child中的内容显示在当前界面之上。Popup位于当前Silverlight可见控件区域之上，即使你为某个控件设置了一个比Popuo要大的Canvas.ZIndex值也不会显示在Popup之上，不过Popup之间可以用Canvas.ZIndex区分哪个Popup显示在上面。还有一点，Popup的Child中的事件冒泡已经自己处理了，就好像Popup与下面的所有控件没有关系一样。

　在实际应用中，有一个约定俗成的操作，就是弹出一个Popup后在Popup可见区域外的任意地方点击，Popup会自动关闭，而Popup本身是没有实现这个功能的。具体如何实现，这方案也有很多，下面是比较常用的方法：在要显示的内容下面放一个背景透明且覆盖整个Silverlight可见区域的Canvas，在Canvas的点击事件处理方法中关闭Popup。之所以选择Canvas是因为在布局方式中只有Canvas在背景透明时可以侦测到点击事件

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>

哝——对popup有了一个简单介绍。