Popup在控件外点击时隐藏

最新推荐文章于 2021-11-17 14:52:30 发布

「已注销」

最新推荐文章于 2021-11-17 14:52:30 发布

阅读量2.5k

点赞数

分类专栏： windows phone 文章标签： windows phone popup

本文链接：https://blog.csdn.net/cjp217/article/details/18365693

版权

本文介绍如何解决Windows Phone应用中Popup在点击控件外部时不隐藏的问题。通过在Popup内添加全屏透明Grid，监听Grid的ManipulationStarted事件来判断点击位置，实现点击屏幕外自动关闭Popup的效果。同时，还处理了回退按钮事件，确保在Popup显示时按下回退键不会退出页面。

摘要由CSDN通过智能技术生成

在WP开发中时常会用到Popup控件，它相当于对话框类的一个控件，能悬浮于其他UI界面之上。Popup虽然好用，但是也有一些缺点，一个重要的缺点就是当我们点击非Popup控件之外的区域时Popup不会隐藏消失，这给我们的带来了一些麻烦，因为很多时候我们需要的这样的一种功能。

解决这个问题也有很简单的方法。

我们可以把popup中置一个Grid，设置成屏幕大小，并把其背景设置成透明，再在Grid上放置我们真正的popup布局界面即可，我们需要处理这个Grid上的操作事件，当捕获到是在popup布局之外的区域时我们把popup隐藏。这样我们就有了一个我们在文章开头提到的功能的一个popup控件了。

简单的例子如下：

在这个例子中，当点击"弹出Popup"按钮时会弹出一个popup控件，当在popup区域外操作时popup会隐藏。

程序布局如下：

<phone:PhoneApplicationPage
    x:Class="HidePopupDemo.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Pho