WPF 实现Popup不在最上层显示、随窗口移动

文章目录


前言

由于WPF 默认的Popup总是显示在所有窗口的前面,如何让popup 层只显示在该父级之上,并随着父级而动呢?下面来看实现。


一、定义类继承Popup类

c 复制代码
public class PopupEx : Popup
{
    /// <summary>  
    /// 是否窗口随动,默认为随动(true)  
    /// </summary>  
    public bool IsPositionUpdate
    {
        get { return (bool)GetValue(IsPositionUpdateProperty); }
        set { SetValue(IsPositionUpdateProperty, value); }
    }

    public static readonly DependencyProperty IsPositionUpdateProperty =
        DependencyProperty.Register("IsPositionUpdate", typeof(bool), typeof(PopupEx), new PropertyMetadata(true, new PropertyChangedCallback(IsPositionUpdateChanged)));

    private static void IsPositionUpdateChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        (d as PopupEx).pup_Loaded(d as PopupEx, null);
    }

    /// <summary>  
    /// 加载窗口随动事件  
    /// </summary>  
    public PopupEx()
    {
        this.Loaded += pup_Loaded;
    }

    /// <summary>  
    /// 加载窗口随动事件  
    /// </summary>  
    private void pup_Loaded(object sender, RoutedEventArgs e)
    {
        Popup pup = sender as Popup;
        var win = VisualTreeHelper.GetParent(pup);
        while (win != null && (win as Window) == null)
        {
            win = VisualTreeHelper.GetParent(win);
        }
        if ((win as Window) != null)
        {
            (win as Window).LocationChanged -= PositionChanged;
            (win as Window).SizeChanged -= PositionChanged;
            if (IsPositionUpdate)
            {
                (win as Window).LocationChanged += PositionChanged;
                (win as Window).SizeChanged += PositionChanged;
            }
        }
    }

    /// <summary>  
    /// 刷新位置  
    /// </summary>  
    private void PositionChanged(object sender, EventArgs e)
    {
        try
        {
            var method = typeof(Popup).GetMethod("UpdatePosition", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance);
            if (this.IsOpen)
            {
                method.Invoke(this, null);
            }
        }
        catch
        {
            return;
        }
    }

    //是否最前默认为非最前(false)  
    public static DependencyProperty TopmostProperty = Window.TopmostProperty.AddOwner(typeof(Popup), new FrameworkPropertyMetadata(false, OnTopmostChanged));
    public bool Topmost
    {
        get { return (bool)GetValue(TopmostProperty); }
        set { SetValue(TopmostProperty, value); }
    }
    private static void OnTopmostChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
    {
        (obj as PopupEx).UpdateWindow();
    }

    /// <summary>  
    /// 重写拉开方法,置于非最前  
    /// </summary>  
    /// <param name="e"></param>  
    protected override void OnOpened(EventArgs e)
    {
        UpdateWindow();
    }

    /// <summary>  
    /// 刷新Popup层级  
    /// </summary>  
    private void UpdateWindow()
    {
        var hwnd = ((HwndSource)PresentationSource.FromVisual(this.Child)).Handle;
        RECT rect;
        if (NativeMethods.GetWindowRect(hwnd, out rect))
        {
            NativeMethods.SetWindowPos(hwnd, Topmost ? -1 : -2, rect.Left, rect.Top, (int)this.Width, (int)this.Height, 0);
        }
    }

    [StructLayout(LayoutKind.Sequential)]
    public struct RECT
    {
        public int Left;
        public int Top;
        public int Right;
        public int Bottom;
    }
    #region P/Invoke imports & definitions  
    public static class NativeMethods
    {


        [DllImport("user32.dll")]
        [return: MarshalAs(UnmanagedType.Bool)]
        internal static extern bool GetWindowRect(IntPtr hWnd, out RECT lpRect);
        [DllImport("user32", EntryPoint = "SetWindowPos")]
        internal static extern int SetWindowPos(IntPtr hWnd, int hwndInsertAfter, int x, int y, int cx, int cy, int wFlags);
    }
    #endregion
}

二、使用

1.在XAML头部加入链接

xml 复制代码
 xmlns:Component="clr-namespace:ZzgkChatRoom.Component"

2. 在XAML文件使用

代码如下(示例):

xml 复制代码
  <Button
      x:Name="EmojiBtn"
      Grid.Column="0"
      Margin="0,0,0,0"
      HorizontalAlignment="Left"
      VerticalAlignment="Center"
      Click="EmojiBtn_Click"
      Content="0 2 0 0"
      Style="{StaticResource ChatBottomBtn}"
      Tag="{x:Static Icon:PackIconVaadinIconsKind.SmileyOutline}" />
	<Component:PopupEx
    	x:Name="EmojiPop"
    	AllowsTransparency="True"
   	 	HorizontalOffset="-40"
    	IsOpen="False"
    	Placement="Top"
   	 	PlacementTarget="{Binding ElementName=EmojiBtn}"
    	VerticalOffset="-5">
    <Border
        Width="400"
        Height="200"
        Background="#ffffff"
        BorderBrush="#646465"
        BorderThickness="1"
        CornerRadius="3" />
	</Component:PopupEx>

总结

相关推荐
九鼎科技-Leo2 小时前
什么是 WPF 中的依赖属性?有什么作用?
windows·c#·.net·wpf
麻花201312 小时前
C#之WPF的C1FlexGrid空间的行加载事件和列事件变更处理动态加载的枚举值
开发语言·c#·wpf
lcintj12 小时前
【WPF】Prism学习(九)
学习·wpf·prism
界面开发小八哥12 小时前
界面控件DevExpress WPF中文教程:网格视图数据布局的列和卡片字段
wpf·界面控件·devexpress·ui开发·用户界面
△曉風殘月〆12 小时前
如何在WPF中嵌入其它程序
wpf
Crazy Struggle12 小时前
功能齐全的 WPF 自定义控件资源库(收藏版)
.net·wpf·ui控件库
shepherd枸杞泡茶1 天前
WPF动画
c#·.net·wpf
lcintj1 天前
【WPF】Prism学习(十)
学习·wpf·prism
wyh要好好学习1 天前
WPF数据加载时添加进度条
ui·wpf
code_shenbing1 天前
跨平台WPF框架Avalonia教程 三
前端·microsoft·ui·c#·wpf·跨平台·界面设计