web-dev-qa-db-ja.com

どの要素をクリックしても、WPFウィンドウをドラッグ可能にします

私の質問は2倍です。WinFormsの標準ソリューション（この説明をする前にChristophe Geersが提供したもの）よりもWPFによって提供される両方の簡単な解決策があることを願っています。

まず、マウスクリックとドラッグのイベントをキャプチャして処理せずに、ウィンドウをドラッグ可能にする方法はありますか？ウィンドウはタイトルバーでドラッグ可能ですが、ウィンドウを設定せずにドラッグできるようにしたい場合は、タイトルバーのドラッグを処理するものにイベントをリダイレクトする方法があります？

第二に、ウィンドウ内のすべての要素にイベントハンドラを適用する方法はありますか？同様に、ユーザーがどの要素をクリックしてドラッグしても、ウィンドウをドラッグ可能にします。明らかに、ハンドラーを手動で追加することなく、すべての要素に追加します。どこかで一度やるだけ？

c#wpfuser-interfacedrag-and-drop
101
Alex K

確かに、次のMouseDownあなたのWindowのイベントを適用してください

private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
    if (e.ChangedButton == MouseButton.Left)
        this.DragMove();
}

これにより、ユーザーは、MouseDownイベント（e.Handled = true）を食べるコントロールを除き、任意のコントロールをクリック/ドラッグするときにウィンドウをドラッグできます。

PreviewMouseDownの代わりにMouseDownを使用できますが、ドラッグイベントはClickイベントを使用するため、ウィンドウは左マウスクリックイベントに応答しなくなります。本当にコントロールからフォームをクリックしてドラッグできるようにしたい場合は、おそらくPreviewMouseDownを使用し、タイマーを開始してドラッグ操作を開始し、MouseUpイベントが発生した場合は操作をキャンセルできます。 Xミリ秒。

258
Rachel

クリックされた場所に関係なくwpfフォームをドラッグ可能にする必要がある場合、簡単な回避策はデリゲートを使用して、ウィンドウのonloadイベントまたはグリッドロードイベントでDragMove（）メソッドをトリガーすることです。

private void Grid_Loaded(object sender, RoutedEventArgs 
{
      this.MouseDown += delegate{DragMove();};
}
7
Pranavan Maru

時々、Windowへのアクセス権がありません。 DevExpressを使用している場合、利用できるのはUIElementだけです。

ステップ1：添付プロパティを追加する

解決策は次のとおりです。

  1. MouseMoveイベントにフックします。
  2. 最初の親Window;が見つかるまでビジュアルツリーを検索します。
  3. 新しく発見されたWindowで.DragMove()を呼び出します。

コード：

using System.Windows;
using System.Windows.Input;
using System.Windows.Media;

namespace DXApplication1.AttachedProperty
{
    public class EnableDragHelper
    {
        public static readonly DependencyProperty EnableDragProperty = DependencyProperty.RegisterAttached(
            "EnableDrag",
            typeof (bool),
            typeof (EnableDragHelper),
            new PropertyMetadata(default(bool), OnLoaded));

        private static void OnLoaded(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs dependencyPropertyChangedEventArgs)
        {
            var uiElement = dependencyObject as UIElement;
            if (uiElement == null || (dependencyPropertyChangedEventArgs.NewValue is bool) == false)
            {
                return;
            }
            if ((bool)dependencyPropertyChangedEventArgs.NewValue  == true)
            {
                uiElement.MouseMove += UIElementOnMouseMove;
            }
            else
            {
                uiElement.MouseMove -= UIElementOnMouseMove;
            }

        }

        private static void UIElementOnMouseMove(object sender, MouseEventArgs mouseEventArgs)
        {
            var uiElement = sender as UIElement;
            if (uiElement != null)
            {
                if (mouseEventArgs.LeftButton == MouseButtonState.Pressed)
                {
                    DependencyObject parent = uiElement;
                    int avoidInfiniteLoop = 0;
                    // Search up the visual tree to find the first parent window.
                    while ((parent is Window) == false)
                    {
                        parent = VisualTreeHelper.GetParent(parent);
                        avoidInfiniteLoop++;
                        if (avoidInfiniteLoop == 1000)
                        {
                            // Something is wrong - we could not find the parent window.
                            return;
                        }
                    }
                    var window = parent as Window;
                    window.DragMove();
                }
            }
        }

        public static void SetEnableDrag(DependencyObject element, bool value)
        {
            element.SetValue(EnableDragProperty, value);
        }

        public static bool GetEnableDrag(DependencyObject element)
        {
            return (bool)element.GetValue(EnableDragProperty);
        }
    }
}

ステップ2：添付プロパティを任意の要素に追加して、ウィンドウをドラッグできるようにする

この添付プロパティを追加すると、ユーザーは特定の要素をクリックしてウィンドウ全体をドラッグできます。

<Border local:EnableDragHelper.EnableDrag="True">
    <TextBlock Text="Click me to drag this entire window"/>
</Border>

付録A：オプションの高度な例

DevExpress のこの例では、ドッキングウィンドウのタイトルバーを独自の灰色の長方形に置き換え、ユーザーが上記の灰色の長方形をクリックしてドラッグすると、ウィンドウがドラッグされることを確認します通常は：

<dx:DXWindow x:Class="DXApplication1.MainWindow" Title="MainWindow" Height="464" Width="765" 
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" 
    xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml" 
    xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking" 
    xmlns:local="clr-namespace:DXApplication1.AttachedProperty"
    xmlns:dxdove="http://schemas.devexpress.com/winfx/2008/xaml/docking/visualelements"
    xmlns:themeKeys="http://schemas.devexpress.com/winfx/2008/xaml/docking/themekeys">

    <dxdo:DockLayoutManager FloatingMode="Desktop">
        <dxdo:DockLayoutManager.FloatGroups>
            <dxdo:FloatGroup FloatLocation="0, 0" FloatSize="179,204" MaxHeight="300" MaxWidth="400" 
                             local:TopmostFloatingGroupHelper.IsTopmostFloatingGroup="True"                             
                             >
                <dxdo:LayoutPanel ShowBorder="True" ShowMaximizeButton="False" ShowCaption="False" ShowCaptionImage="True" 
                                  ShowControlBox="True" ShowExpandButton="True" ShowInDocumentSelector="True" Caption="TradePad General" 
                                  AllowDock="False" AllowHide="False" AllowDrag="True" AllowClose="False"
                                  >
                    <Grid Margin="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0" MinHeight="15" Background="#FF515151" Margin="0 0 0 0"
                                                                  local:EnableDragHelper.EnableDrag="True">
                            <TextBlock Margin="4" Text="General" FontWeight="Bold"/>
                        </Border>
                        <TextBlock Margin="5" Grid.Row="1" Text="Hello, world!" />
                    </Grid>
                </dxdo:LayoutPanel>
            </dxdo:FloatGroup>
        </dxdo:DockLayoutManager.FloatGroups>
    </dxdo:DockLayoutManager>
</dx:DXWindow>

免責事項：私はnotDevExpress と提携しています。この手法は、 標準のWPF または Telerik （別の優れたWPFライブラリプロバイダー）を含むすべてのユーザー要素で機能します。

4
Contango
private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
if (e.ChangedButton == MouseButton.Left)
    this.DragMove();
}

いくつかの場合に例外をスローしています（つまり、ウィンドウ上にクリックするとメッセージボックスが開くクリック可能な画像がある場合。メッセージボックスを終了するとエラーが発生します）使用する方が安全です

private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
if (Mouse.LeftButton == MouseButtonState.Pressed)
            this.DragMove();
}

そのため、その時点で左ボタンが押されていることを確認します。

3
Nick

タイトルバーだけでなく、フォーム上の任意の場所をクリックして、フォームをドラッグアンドドロップできます。これは、ボーダレスフォームがある場合に便利です。

CodeProjectのこの記事は、これを実装するための1つの可能なソリューションを示しています。

http://www.codeproject.com/KB/cs/DraggableForm.aspx

基本的に、マウスの上下イベントを処理するフォームタイプの子孫が作成されます。

  • マウスダウン：位置を記憶
  • マウスの移動：新しい場所を保存する
  • マウスを上に移動：フォームを新しい場所に配置

ビデオチュートリアルで説明されている同様のソリューションを次に示します。

http://www.youtube.com/watch?v=tJlY9aX73Vs

ユーザーがフォームのコントロールをクリックしたときにフォームをドラッグすることはできません。ユーザーが異なるコントロールをクリックすると、異なる結果が現れます。リストボックス、ボタン、ラベルなどをクリックしてフォームが突然動き始めたときそれは紛らわしいでしょう。

2
Christophe Geers

これはすべて必要です！

private void UiElement_MouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
            if (this.WindowState == WindowState.Maximized) // In maximum window state case, window will return normal state and continue moving follow cursor
            {
                this.WindowState = WindowState.Normal;
                Application.Current.MainWindow.Top = 3;// 3 or any where you want to set window location affter return from maximum state
            }
            this.DragMove();
        }
    }
1
loi.efy
<Window
...
WindowStyle="None" MouseLeftButtonDown="WindowMouseLeftButtonDown"/>
<x:Code>
    <![CDATA[            
        private void WindowMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            DragMove();
        }
    ]]>
</x:Code>

ソース

0
Grigor Yeghiazaryan

WPFとWindowsフォームの両方で最も便利な方法、WPFの例：

    [DllImport("user32.dll")]
    public static extern IntPtr SendMessage(IntPtr hWnd, int wMsg, int wParam, int lParam);

    public static void StartDrag(Window window)
    {
        WindowInteropHelper helper = new WindowInteropHelper(window);
        SendMessage(helper.Handle, 161, 2, 0);
    }
0
dexiang

@ fjch1997 で既に述べたように、動作を実装すると便利です。ここで、コアロジックは@ loi.efyの answer と同じです。

public class DragMoveBehavior : Behavior<Window>
{
    protected override void OnAttached()
    {
        AssociatedObject.MouseMove += AssociatedObject_MouseMove;
    }

    protected override void OnDetaching()
    {
        AssociatedObject.MouseMove -= AssociatedObject_MouseMove;
    }

    private void AssociatedObject_MouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed && sender is Window window)
        {
            // In maximum window state case, window will return normal state and
            // continue moving follow cursor
            if (window.WindowState == WindowState.Maximized)
            {
                window.WindowState = WindowState.Normal;

                // 3 or any where you want to set window location after
                // return from maximum state
                Application.Current.MainWindow.Top = 3;
            }

            window.DragMove();
        }
    }
}

使用法：

<Window ...
        xmlns:h="clr-namespace:A.Namespace.Of.DragMoveBehavior"
        xmlns:i="http://schemas.Microsoft.com/expression/2010/interactivity">
    <i:Interaction.Behaviors>
        <h:DragMoveBehavior />
    </i:Interaction.Behaviors>
    ...
</Window>
0
stop-cran