Comment faire pour déplacer un panneau de grille dans la fenêtre WPF

Question

HI,

Comment déplacer un panneau de grille dans une fenêtre WPF? Le panneau de grille n'a pas de position ou d'emplacement ou de coordonnées X et Y. Tout ce que je regarde est de déplacer le panneau de la grille de son emplacement actuel à un nouvel emplacement en utilisant la souris afin que les contrôles qui sont "enterrés" en dessous apparaîtront.

Des pointeurs?

Merci beaucoup.

Answer 1

Voici quelques exemples de code pour vous aider à démarrer:

En XAML:

Créer une grille et définir une transformation de rendu sur elle:

<Grid x:Name="grid" Background="Blue" 
     Width="100" Height="100" 
     MouseDown="Grid_MouseDown" MouseMove="Grid_MouseMove" MouseUp="Grid_MouseUp"> 
    <Grid.RenderTransform> 
     <TranslateTransform x:Name="tt"/> 
    </Grid.RenderTransform> 
</Grid> 

Nom du contrôle que vous voulez la grille de se déplacer dans:

<Window x:Name="window" ...> 
    <Grid x:Name="grid"... 
</Window> 

Dans le code derrière:

Point m_start; 
Vector m_startOffset; 

private void Grid_MouseDown(object sender, MouseButtonEventArgs e) 
{ 
    m_start = e.GetPosition(window); 
    m_startOffset = new Vector(tt.X, tt.Y); 
    grid.CaptureMouse(); 
} 

private void Grid_MouseMove(object sender, MouseEventArgs e) 
{ 
    if (grid.IsMouseCaptured) 
    { 
     Vector offset = Point.Subtract(e.GetPosition(window), m_start); 

     tt.X = m_startOffset.X + offset.X; 
     tt.Y = m_startOffset.Y + offset.Y; 
    } 
} 

private void Grid_MouseUp(object sender, MouseButtonEventArgs e) 
{ 
    grid.ReleaseMouseCapture(); 
} 

Answer 2

Il suffit de mettre le panneau de grille à l'intérieur d'une toile plutôt que directement dans la fenêtre - cela lui donnera alors des coordonnées X/Y.

Vous pouvez ensuite mettre en œuvre le comportement glisser/déposer à l'aide d'une propriété attachée personnalisée telle que détaillée ici (http://www.deepcode.co.uk/archive/2008/11/16/using-attached-properties-to-compose-new-behaviour.aspx)

Answer 3

public void dragme(object sender, MouseButtonEventArgs e) 
    { 
     if (_Move.IsChecked == true) 
      db.Attach((DependencyObject)sender); 

}

//// MouseDragElementBehavior db;

private void canvass_PreviewMouseDown(object sender, MouseButtonEventArgs e) 
    { 
if (_Move.IsChecked == true && filmgrid.Visibility == Visibility.Visible)// == true) 
      { 
       filmgrid.PreviewMouseDown += new MouseButtonEventHandler(dragme); 
      } 

}

Answer 4

Sur la base de la réponse Josh G

réponse de Josh est excellent si vous voulez déplacer une grille, mais ne dispose pas des capacités pour le mouvement de plusieurs éléments.
Voici comment déplacer plusieurs éléments séparément

XAML

<Grid x:Name="gridHost"> 
    <Grid x:Name="gridBlue" Background="Blue" Width="100" Height="100" MouseDown="Grid_MouseDown" MouseMove="Grid_MouseMove" MouseUp="Grid_MouseUp" Margin="-100,0,0,0"> 
     <Grid.RenderTransform> 
      <TranslateTransform/> 
     </Grid.RenderTransform> 
    </Grid> 
    <Grid x:Name="gridRed" Background="Red" Width="100" Height="100" MouseDown="Grid_MouseDown" MouseMove="Grid_MouseMove" MouseUp="Grid_MouseUp" Margin="100,0,0,0"> 
     <Grid.RenderTransform> 
      <TranslateTransform/> 
     </Grid.RenderTransform> 
    </Grid> 
</Grid> 

code derrière

Point m_start; 
    Vector m_startOffset; 

    private void Grid_MouseDown(object sender, MouseButtonEventArgs e) 
    { 
     FrameworkElement element = sender as Grid; 
     TranslateTransform translate = element.RenderTransform as TranslateTransform; 

     m_start = e.GetPosition(gridHost); 
     m_startOffset = new Vector(translate.X, translate.Y); 
     element.CaptureMouse(); 
    } 

    private void Grid_MouseMove(object sender, MouseEventArgs e) 
    { 
     FrameworkElement element = sender as Grid; 
     TranslateTransform translate = element.RenderTransform as TranslateTransform; 

     if (element.IsMouseCaptured) 
     { 
      Vector offset = Point.Subtract(e.GetPosition(gridHost), m_start); 

      translate.X = m_startOffset.X + offset.X; 
      translate.Y = m_startOffset.Y + offset.Y; 
     } 
    } 

    private void Grid_MouseUp(object sender, MouseButtonEventArgs e) 
    { 
     FrameworkElement element = sender as Grid; 
     element.ReleaseMouseCapture(); 
    }