Wpf show popup on top of other windows năm 2024

I never did like WPF’s built in Popup Control, so I decided to build my own. I wanted something that would

• Not be on top of other windows when my application was minimized
• Would have a semi-transparent background so you could see the application in the background but not interact with it
• That could be placed within a panel on a form so that only part of the form is disabled.

So this is what I came up with my own UserControl to accomplish it. It can be used with the following bit of XAML

local:PopupPanel.PopupParent="{Binding ElementName=CalendarPanel}" local:PopupPanel.IsPopupVisible="{Binding IsPopupVisible}" local:PopupPanel.BackgroundOpacity=".5" local:PopupPanel.PopupEnterKeyCommand="{Binding SaveCommand}" local:PopupPanel.PopupEscapeKeyCommand="{Binding CancelCommand}" /> It’s pretty straight forward. The PopupParent is the Panel you want to host the Popup in, the Content is what is stored in the Content of the panel, and the IsPopupVisible determines if the popup is up or not.

The Background Opacity, EnterKey, and EscapeKey are all optional. BackgroundOpacity determines how transparent the background should be, and Enter/Escape key commands determine what command to execute when the Enter/Escape key is pressed. By default, the Escape key will hide the popup, and the EnterKeyCommand will not fire if focus is in a TextBox with AllowsReturn=True

Sample Code

Here’s some sample code that uses the Popup Control. I used DataTemplates inside of to define how the PopupContent should look.

MainWindow.xaml

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525" x:Name="RootWindow" xmlns:local="clr-namespace:PopupPanelSample">

MainWindow.xaml.cs

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; using System.ComponentModel; namespace PopupPanelSample {

/// 
  
/// Interaction logic for MainWindow.xaml  
/// 
  
public partial class MainWindow : Window  
{  
    public MainWindow()  
    {  
        InitializeComponent();
        this.RootWindow.DataContext = new SampleViewModel();  
    }  
}
public class SampleViewModel : INotifyPropertyChanged  
{  
    

    private object _popupContent;  
    private bool _isPopupVisible;  
    private List