21

WPF Popup 控件很好,但在我看来有些局限。有没有办法在打开弹出窗口时“拖动”它(就像窗口的 DragMove() 方法一样)?

这可以在没有大问题的情况下完成,还是我必须自己编写弹出类的替代品?谢谢

4

7 回答 7

19

PopUp 没有 DragMove。只是一个小工作,你可以添加很多改进。

<Popup x:Name="pop" IsOpen="True" Height="200" Placement="AbsolutePoint"  Width="200">
   <Rectangle Stretch="Fill" Fill="Red"/>            
</Popup>

在后面的代码中,添加这个 mousemove 事件

   pop.MouseMove += new MouseEventHandler(pop_MouseMove);

   void pop_MouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
            pop.PlacementRectangle = new Rect(new Point(e.GetPosition(this).X,
                e.GetPosition(this).Y),new Point(200,200));

        }
    }
于 2008-10-21T15:07:32.577 回答
18

这是一个使用拇指的简单解决方案。

  • XAML 和代码隐藏中的子类弹出窗口
  • 添加宽度/高度设置为 0 的 Thumb(这也可以在 XAML 中完成)
  • 在 Popup 上侦听 MouseDown 事件并在 Thumb 上引发相同的事件
  • 在 DragDelta 上移动弹出窗口

XAML:

<Popup x:Class="PopupTest.DraggablePopup" ...>
    <Canvas x:Name="ContentCanvas">

    </Canvas>
</Popup>

C#:

public partial class DraggablePopup : Popup 
{
    public DraggablePopup()
    {
        var thumb = new Thumb
        {
            Width = 0,
            Height = 0,
        };
        ContentCanvas.Children.Add(thumb);

        MouseDown += (sender, e) =>
        {
            thumb.RaiseEvent(e);
        };

        thumb.DragDelta += (sender, e) =>
        {
            HorizontalOffset += e.HorizontalChange;
            VerticalOffset += e.VerticalChange;
        };
    }
}
于 2011-11-17T16:26:23.437 回答
2

实现此目的的另一种方法是将 Popup 的位置设置为 MousePoint。这使得弹出窗口最初出现在鼠标光标的位置。

然后您可以使用 Thumb 或 MouseMove 事件来设置 Popup 的 Horizo​​ntalOffset 和 VerticalOffset。当用户拖动弹出窗口时,这些属性会将弹出窗口从其原始位置移开。

请记住将 Horizo​​ntalOffset 和 VerticalOffset 重置为零,以便下次使用弹出窗口!

于 2011-11-02T06:39:25.533 回答
2

鼠标移动过快的问题,可以解决


这取自 msdn:

新窗口包含 Popup 的子内容。

Popup 控件维护对其子内容的引用作为逻辑子项。创建新窗口时,Popup 的内容成为该窗口的可视子窗口,并且仍然是 Popup 的逻辑子窗口。相反,Popup 仍然是其子内容的逻辑父级。


换句话说,弹出窗口的子窗口显示在独立窗口中。

因此,当尝试执行以下操作时:
Popup.CaptureMouse()正在捕获包装窗口而不是弹出窗口本身。而是使用Popup.Child.CaptureMouse()捕获实际的弹出窗口。

并且所有其他事件都应该使用Popup.Child.

Popup.Child.MouseMovePopup.Child.LostCapture等等

这已经过测试并且工作正常

于 2011-12-09T18:28:52.977 回答
2

根据Jobi Joy的回答,我找到了一个可重用的解决方案,它允许您在现有控件/页面的 xaml 中添加为控件。这是不可能添加为带有名称的 Xaml 的,因为它具有不同的范围。

    [ContentProperty("Child")]
    [DefaultEvent("Opened")]
    [DefaultProperty("Child")]
    [Localizability(LocalizationCategory.None)]
    public class DraggablePopup : Popup
    {
        public DraggablePopup()
        {
            MouseDown += (sender, e) =>
            {
                Thumb.RaiseEvent(e);
            };

            Thumb.DragDelta += (sender, e) =>
            {
                HorizontalOffset += e.HorizontalChange;
                VerticalOffset += e.VerticalChange;
            };
        }

        /// <summary>
        /// The original child added via Xaml
        /// </summary>
        public UIElement TrueChild { get; private set; }

        public Thumb Thumb { get; private set; } = new Thumb
        {
            Width = 0,
            Height = 0,
        };

        protected override void OnInitialized(EventArgs e)
        {
            base.OnInitialized(e);

            TrueChild = Child;

            var surrogateChild = new StackPanel();

            RemoveLogicalChild(TrueChild);

            surrogateChild.Children.Add(Thumb);
            surrogateChild.Children.Add(TrueChild);

            AddLogicalChild(surrogateChild);
            Child = surrogateChild;
        }
    }
于 2019-02-13T19:16:01.150 回答
1

与其他人对此的说法相反,我 100% 同意 Jobi Joy 的回答(老实说,这应该是公认的答案)。我看到一条评论指出答案中的解决方案会导致内存碎片。这是不可能的,因为创建新结构根本不会导致内存碎片;事实上,使用结构可以节省内存,因为它们是堆栈分配的。此外,我认为这实际上是重新定位弹出窗口的正确方法(毕竟,微软添加 PlacementRectangle 属性是有原因的),所以它不是一个 hack。然而,添加 Thumbs 并期望用户总是将 Popup 放置到画布上,这非常笨拙,并不总是一个实用的解决方案。

于 2021-07-26T13:06:53.793 回答
0
Private Point startPoint;

 private void Window_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {

        startPoint = e.GetPosition(null);
    }
private void Window_MouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
            Point relative = e.GetPosition(null);
            Point AbsolutePos = new Point(relative.X + this.Left, relative.Y + this.Top);
            this.Top = AbsolutePos.Y - startPoint.Y;
            this.Left = AbsolutePos.X - startPoint.X;
        }
    }

这适用于拖动我的窗口,但就像它被告知如果我快速移动鼠标,它会离开窗口并停止引发事件。更不用说拖动一点也不顺畅。有谁知道如何正确地做到这一点,漂亮而流畅的拖动,拖动过快时不会失去它???如果可能,请发布一个简单的示例,而不是让像我这样的初学者迷失在代码中的整个教程。谢谢!

于 2011-04-30T18:28:11.910 回答