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

posted on 2012-12-05 16:02  laozhu1124  阅读(1291)  评论(4编辑  收藏  举报

淘宝免费计数器