Wie bringe ich zwei Rechtecke dazu, sich voneinander zu entfernen?

Question

Nehmen wir an, ich habe zwei Rechtecke, die sich wie folgt überlappen...

Alt-Text http://filebox.me/files/u8atnxd34_overlap1.png

Und ich will, dass sie so enden...

Alt-Text http://filebox.me/files/jt8ef1t44_overlap2.png

Wie würde ich die Position berechnen, die ich hinzufügen muss, damit sich die Rechtecke voneinander entfernen?

Anmerkung: Ich habe gefunden ce Frage, aber sie sagt mir nicht, wie ich die Rechtecke tatsächlich verschieben kann.

Alle gehen davon aus, dass ich das Rechteck nach unten verschieben möchte, aber ich möchte eigentlich, dass sich das Rechteck in die Richtung bewegt, die am logischsten ist. Wenn also das Rechteck ganz rechts vom ersten Rechteck liegt und sich um 1 Pixel nach links bewegt, würde es sich nicht nach unten, sondern nach rechts bewegen.

Answer 1

__________
|    ____|____
| A |    |    |
|___|____|    |
    |      B  |
    |_________|

if [ 
     (TopLeftOfA.Y + A.Height - TopLeftOfB.Y)
     < 
     (TopLeftOfA.X + A.Width  - TopLeftOfB.X)
   ]
    TopLeftOfB.Y = TopLeftOfA.Y + A.Height
else 
    TopLeftOfB.X = TopLeftOfA.X + A.Width

Answer 2

Verschieben Sie einfach das erste Rechteck in eine beliebige Richtung vom zweiten Rechteck.

Answer 3

In genau der von Ihnen gezeigten Konfiguration:

wobei a = das Rechteck im Vordergrund und b = das Dreieck im Hintergrund ist.

a.Top = b.Bottom; // Add +1 to have it just past the bottom.

Answer 4

rectangle2.top = rectangle1.bottom+1 (javascript)

Answer 5

Noch einfacher:

die Y-Koordinaten des unteren Teils des ersten Rechtecks auf die Y-Koordinaten des oberen Teils des zweiten Rechtecks setzen