最实用最全悬浮Popup 拖动、跟随窗口移动、居中弹出、实时尺寸比例调整、不折叠关闭、截断显示、输入焦点

使用Popup初衷是什么?

>>> 悬浮效果,可以透过Pop弹窗,继续操作窗口背后的动作。像导航

原始Popup控件,设置 [PlacementTarget] 目标控件,就相对于该控件弹出,类似菜单栏效果。

但是,不是很好用,比如想要屏幕下方、居中弹出;大多数想要点击展开、再点击关闭,而不是点击Popup外区域就折叠。另外,Popup是相对于屏幕的,相当于屏幕的TopMost,屏幕尺寸改变、拖动,Popup不会跟随移动。

来自定义吧,想做什么都想办法实现~

1.定义PopupEx.cs 控件类 【复制可用】【挺全】

需要什么属性自己加。一开始代码也没有这么长,需求越来越多就...

👇简单解析下:

① 相对InWindow通知位置跟随,同时,UnRegisterPopupEvent(); 由于绑定了InWindow的位置、尺寸更新事件,所以避免资源占用,在InWindow释放前需要 -= 释放Popup注册的InWindow事件。

② 相对InPage调整具体位置,尺寸按比例缩放之类的。

③ OnOpened();   

        UpdateWindow(); 有时候Pop_A弹出再弹出Pop_B,会改变A的层级,先调整位于软件的上一层(非TopMost),否则可能点击会跑到某个控件后面。

        SetPopupScreenControl(); 另外,有的过Height的Pop,第一次弹出超过PC屏幕的75%会导致显示截断,所以需要调整具体Pop尺寸,SetPopupScreenControl();

        PositionChanged(null, null); 然后是刷新位置 PositionChanged();  之前Pop关闭后窗口调整过分辨率等导致尺寸/位置变化

④ Pop_PreviewMouseDown();  如果Pop失去过焦点,内的控件聚焦,但Pop不一定聚焦,导致Pop内的文本输入框IME输入法不会和光标跟随、焦点触发事件无效。必须要显示调用Windows的方法(HwndSource)聚焦(SetFocus不一定有用)。

public class PopupEx : Popup
    {
        /// <summary>
        /// 静态构造方法
        /// </summary>
        static PopupEx()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(PopupEx), new FrameworkPropertyMetadata(typeof(PopupEx)));
        }

        /// <summary>  
        /// 构造方法
        /// </summary>  
        public PopupEx()
        {
            this.Loaded += Pop_Loaded;
            this.PreviewMouseDown += Pop_PreviewMouseDown;
        }

        #region Property 属性

        public static readonly DependencyProperty IsPositionUpdateProperty = DependencyProperty.Register("IsPositionUpdate", typeof(bool), typeof(PopupEx), new PropertyMetadata(true, new PropertyChangedCallback(IsPositionUpdateChanged)));
        public static readonly DependencyProperty TopmostProperty = Window.TopmostProperty.AddOwner(typeof(Popup), new FrameworkPropertyMetadata(false, OnTopmostChanged));
        public static readonly DependencyProperty PopLevelProperty = DependencyProperty.Register("PopLevel", typeof(int), typeof(PopupEx), new PropertyMetadata(-2));
        public static readonly DependencyProperty InPageProperty = DependencyProperty.Register("InPage", typeof(FrameworkElement), typeof(PopupEx));

        /// <summary>  
        /// 是否窗口随动,默认为随动(true)  
        /// </summary>  
        public bool IsPositionUpdate
        {
            get { return (bool)GetValue(IsPositionUpdateProperty); }
            set { SetValue(IsPositionUpdateProperty, value); }
        }

        /// <summary>
        /// 层级 Topmost
        /// </summary>
        public bool Topmost
        {
            get { return (bool)GetValue(TopmostProperty); }
            set { SetValue(TopmostProperty, value); }
        }

        /// <summary>
        /// Popup所属Window
        /// </summary>
        private Window InWindow { get; set; }

        /// <summary>
        /// Popup所在页面/窗口
        /// 计算Popup的偏移位置
        /// </summary>
        public FrameworkElement InPage
        {
            get { return (FrameworkElement)GetValue(InPageProperty); }
            set { SetValue(InPageProperty, value); }
        }

        #endregion

        #region EventHandler 事件

        /// <summary>
        /// 随动 属性变更
        /// </summary>
        /// <param name="d"></param
  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
typesensitive popup是一种根据用户行为和兴趣进行定制的弹出窗口。它可以根据用户的点击、鼠标移动、浏览页面等行为来确定何时弹出窗口以及窗口的内容。 typesensitive popup可以根据用户的兴趣进行精准的定制。例如,当用户在购物网站上经常浏览手表商品时,typesensitive popup可以在用户浏览到相关页面时弹出一个包含手表促销信息的窗口,以提醒用户该商品的优惠信息。这样的定制化弹窗能够提高用户体验,增加用户对该商品的注意度和购买意愿。 另外,typesensitive popup也可以帮助网站提高转化率。通过分析用户的行为和兴趣,typesensitive popup可以在合适的时机弹出特定内容的窗口,如优惠券、活动信息等,从而吸引用户点击或转化为购买行为。这种个性化的弹窗能够引起用户的注意,提高用户参与度和购买意愿,进而增加网站的转化率和销售额。 然而,需要注意的是,在使用typesensitive popup时需要遵循一定的规范和道德准则。过度使用弹窗可能会影响用户体验,导致用户产生负面情绪。因此,在设计和使用typesensitive popup时,应该确保它们的频率合理、内容相关且有用,避免对用户造成打扰和干扰。 总的来说,typesensitive popup是一种根据用户行为和兴趣进行定制的弹出窗口,可以提高用户体验、增加转化率和销售额。但同时需要注意使用的合理性和合规性,以确保用户的满意度和良好的网站形象。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值