C# Erstellen Snap-To-Grid-Funktionalität

Question

Ich versuche, Snap-to-Grid-Funktionalität zu erstellen, um zur Laufzeit verwendet werden, aber ich habe Probleme mit dem Fangen Teil. Ich habe erfolgreich ein gepunktetes Gitter auf einem Panel gezeichnet, aber wenn ich dem Panel ein Label-Steuerelement hinzufüge, wie schnappe ich die obere, linke Ecke des Labels an den nächsten Punkt?

Dank

Answer 1

pos.x - pos.x% gridwidth sollte es für Sie tun

Answer 2

Nur ganze Zahlen verwenden und die Teilung nur funktionieren: die Modulo-Lösung ist

int xSnap = (xMouse/gridWidth) * gridWidth; 
int ySnap = (yMouse/gridHeight) * gridHeight; 

Außer natürlich so viel eleganter.

Answer 3

private enum SnapMode { Create, Move } 
private Size gridSizeModeCreate = new Size(30, 30); 
private Size gridSizeModeMove = new Size(15, 15); 

private Point SnapCalculate(Point p, Size s) 
{ 
    double snapX = p.X + ((Math.Round(p.X/s.Width) - p.X/s.Width) * s.Width); 
    double snapY = p.Y + ((Math.Round(p.Y/s.Height) - p.Y/s.Height) * s.Height); 
    return new Point(snapX, snapY); 
} 

private Point SnapToGrid(Point p, SnapMode mode) 
{ 
    if (mode == SnapMode.Create) 
     return SnapCalculate(p, gridSizeModeCreate); 
    else if (mode == SnapMode.Move) 
     return SnapCalculate(p, gridSizeModeMove); 
    else 
     return new Point(0, 0); 
} 

Answer 4

Hier ist eine Lösung, die Runden zum nächstgelegenen Rasterpunkt:

public static readonly Size Grid  = new Size(16, 16); 
    public static readonly Size HalfGrid = new Size(Grid.Width/2, Grid.Height/2); 

    // ~~~~ Round to nearest Grid point ~~~~ 
    public Point SnapCalculate(Point p) 
    { 
     int  snapX = ((p.X + HalfGrid.Width )/Grid.Width ) * Grid.Width; 
     int  snapY = ((p.Y + HalfGrid.Height)/Grid.Height) * Grid.Height; 

     return new Point(snapX, snapY); 
    } 

Answer 5

Dies ist für mich besser funktioniert, wie es den Punkt bewegt sich, je nachdem, wie nahe es zum nächsten oder vorherigen gird -Punkt:

  if (pt.X % gridWidth < gridWidth/2) 
       pt.X = pt.X - pt.X % gridWidth; 
      else 
       pt.X = pt.X + (gridWidth - pt.X % gridWidth); 

      if (pt.Y % gridHeight < gridHeight/2) 
       pt.Y = pt.Y - pt.Y % gridHeight; 
      else 
       pt.Y = pt.Y + (gridHeight - pt.Y % gridHeight); 

Answer 6

Ich glaube nicht, dass die angenommene Antwort korrekt ist. Hier ist der Grund:

wenn die gridwidth = 3, die einen Punkt auf x wie 4: 3 Karte sollte aber x = 5 sollte Karte bis 6. Pedery Antwort unter Verwendung werden sie beide Karte 3.

Für eine korrekte Ergebnis müssen Sie so abrunden (Sie können Float verwenden, wenn Punkte Brüche sind):

// Sagen wir.

int gridCubeWidth = 3; 
int gridCubeHeight = 3; 

int newX = Math.Round(oldX/gridCubeWidth) * gridCubeWidth; 
int newY = Math.Round(oldY/gridCubeHeight) * gridCubeHeight;