手把手玩转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有了一个简单介绍。