在WPF页面中用Popup模拟模态对话框

最新推荐文章于 2025-09-26 14:39:34 发布

原创

最新推荐文章于 2025-09-26 14:39:34 发布 · 2.2w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #button #textbox #object #string #浏览器

本文介绍了如何在WPF页面中利用Popup组件模拟模态对话框的效果，详细阐述了如何通过设置Popup的可见性和禁用页面元素，实现用户必须关闭对话框后才能继续操作主页面。通过示例代码展示了从按钮点击到对话框显示、用户输入、关闭对话框及更新主页面内容的完整过程。

    在WPF的页面中我们肯定会遇到这样的需求：弹出一个对话框让用户进行一些选择和输入，当用户在该对话框上的操作结束并关闭对话框后再返回到主页面进行其他操作。这其实就是一个很典型的模态对话框的应用。在WPF的Window中我们可以创建一个Window并调用它的ShowDialog()方法来满足上面的需求。可是这样的方法在WPF页面上却行不通。原因是：用ShowDialog()方法弹出的对话框跟浏览器是相互独立的。由于弹出的对话框跟浏览器分别在两个不同的窗口中，所以并不能达到模态对话框的需求。
    下面给大家介绍一种用Popup来模拟模态对话框的方法。弹出的对话框是覆盖在WPF页面的上面。用户只有在关闭了对话框之后才能返回原来的页面。
    比如现在有下面一个简单的WPF页面。

该页面的xaml文件也很简单：

<Page x:Class="WpfModalDialog.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainPage">
    <StackPanel x:Name="MainPanel">
        <Grid>
            <Button Height="28" Margin="0,30,0,0" Name="BtnShowDlg" VerticalAlignment="Top" HorizontalAlignment="Center">Show Modal Dialog</Button>
            <Label Height="28" Margin="0,68,0,0" Width="360" Name="labelString" VerticalAlignment="Top" HorizontalAlignment="Center" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderThickness="1" BorderBrush="DarkBlue">Click the above button</Label>
        </Grid>
    </StackPanel>
</Page>

现在要实现这样的功能：点击按钮弹出一个模态对话框让用户输入一个字符串，然后在页面的文本框里面显示刚才用户输入的字符串。