保持2 Path2D onMouseDragged之间的距离相同

时间:2017-06-29 10:51:50

标签: java drawing graphics2d mouselistener path-2d

我已经说过两个Path2D,一个包含另一个。当我从第一个形状移动一个点时,第二个形状移动相同,但由于角度变化,形状之间的距离也会改变(最终结果......)。

到目前为止我有这个,第二个三角形的硬编码点(innerTriangle):

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.Shape;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.Path2D;
import java.awt.geom.Rectangle2D;

import javax.swing.JFrame;
import javax.swing.JPanel;

class DragTest extends JPanel {

    private final class MouseDrag extends MouseAdapter {
        private boolean dragging = false;
        private Point last;


        @Override
        public void mousePressed(MouseEvent m) {     
            if(dRect.contains(m.getPoint())){
                last = m.getPoint();
                dragging = isInsideRect(dRect, last);
                if (!dragging) {
                    x = last.x;
                    y = last.y;
                    width = 0;
                    height = 0;
                }
            }
            repaint();
        }

        @Override
        public void mouseReleased(MouseEvent m) {
            last = null;
            dragging = false;
            repaint();
        }

        @Override
        public void mouseDragged(MouseEvent m) {
            if(dRect.contains(m.getPoint())){
                int dx = m.getX() - last.x;
                int dy = m.getY() - last.y;
                if (dragging) {
                    x += dx;
                    y += dy;
                } else {
                    width += dx;
                    height += dy;
                }
                last = m.getPoint();
            }
            repaint();
        }
    }

    private int x;
    private int y;
    private int width;
    private int height;
    private Rectangle2D.Float dRect ;
    private Path2D triangle = new Path2D.Float();
    private Path2D innerTriangle = new Path2D.Float();

    private Point p1;
    private Point p2 = new Point(5,200);
    private Point p3 = new Point(400,200);

    private MouseDrag mouseDrag;

    public DragTest() {
        setBackground(Color.WHITE);
        dRect = new Rectangle2D.Float(x, y, 10+width, 10+height);
        mouseDrag = new MouseDrag();
        addMouseListener(mouseDrag);
        addMouseMotionListener(mouseDrag);


    }

    public boolean isInsideRect(Shape s, Point point) {  
            return s.contains(point);
    }

    @Override
    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;

        dRect = new Rectangle2D.Float(x, y , 10, 10);
        g2.draw(dRect);

        triangle.reset();
        triangle.moveTo(dRect.getCenterX(), dRect.getCenterY());
        p1 = new Point((int)dRect.getCenterX(), (int)dRect.getCenterY());
        triangle.lineTo(p2.x, p2.y);
        triangle.lineTo(p3.x, p3.y);
        triangle.closePath();

       innerTriangle.reset();
       innerTriangle.moveTo(p1.x+10, p1.y+17);
       innerTriangle.lineTo(p2.x+10, p2.y-10);
       innerTriangle.lineTo(p3.x-47, p3.y-10);
       innerTriangle.closePath();



        g2.draw(triangle);
        g2.draw(innerTriangle);

        g2.dispose();

    }

    public static void main(String[] args) {
        JFrame jFrame = new JFrame();
        jFrame.setSize(800, 600);
        jFrame.add(new DragTest());
        jFrame.setVisible(true);
        jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }
}

如何以编程方式保持相同的距离(例如10px)?

外三角形与红色(内)三角形之间的距离应始终在所有方向上相同。有什么想法吗?

SEE IMAGE

目前我正在做一些事情:

// Calculate distance from point to line    
public double pointToLineDistance(Point A, Point B, Point P) {
    double normalLength = Math.sqrt((B.x-A.x)*(B.x-A.x)+(B.y-A.y)*(B.y-A.y));
    return Math.abs((P.x-A.x)*(B.y-A.y)-(P.y-A.y)*(B.x-A.x))/normalLength;
}

// initially set :
// pi1.x = p1.x;
// pi1.y = p1.y;
// -------------------- Then ------------------------------

 while(pointToLineDistance(p1, p3, pi1) == 10 && pointToLineDistance(p1, p2, pi1) == 10){
        pi1.y++;
        pi1.x++;            
        pi1.setLocation(pi1.x, pi1.y);
    }

......但不起作用。救命!!! :)

SEE IMAGE FOR THE CODE ABOVE

谢谢!

1 个答案:

答案 0 :(得分:0)

在线连接处保持均匀间距。

这个问题需要帮助解释。解决方案适用于一个角落,但该过程可以根据需要使用多个角落。

如果在一端连接两条线,则发现两条线偏离两条线的固定量

enter image description here

粗体字母(例如 A )代表点数。作为粗体连接字母的行从头到尾(示例 AB A B BA 的行)从 B A

的行

鉴于行 AB BC ,找到行 A 1 D DC 1 使区域x与原始线的距离。

// all variables are assumed declared and floats or doubles (up to you)
 Ax = 10;   // x of Point A
 Ay = 200;  // y of A
 Bx = 200;  // x,y of B
 By = 200; 
 Cx = 40;   // C
 Cy = 10;

 Dist = 40; // distance from the line

观察图像,我们可以看到一些很好的对称性,可以利用它来找到解决方案。 EB BF FD DE 这些行的长度都相同。这意味着如果我们解决了正确的三角形 gBF ,我们可以沿着 B 这一行从 B 移动到 g ,从 g h ,因为 gh FB

的长度相同

从这一点开始, AB 线转为 BA

找到距离线的点x距离

要找到 A 1 这一点,我们会在 BA

的行中找到规范化的向量

查找 A 1

// get the vector from B to A and normalise it 
BAx = Ax - Bx;
BAy = Ay - By;
leng = Math.sqrt(BAx * BAx + BAy * BAy);
BAx /= leng; // The vector BA is 1 pixel (unit long)
BAy /= leng;

法线沿着直线移动到90度,只需交换xy否定y

A1x = Ax - BAy * Dist;
A1y = Ay + BAx * Dist;

现在对点 C 1

执行相同的操作
BCx = Cx - Bx;
BCy = Cy - By;
leng = Math.sqrt(BCx * BCx + BCy * BCy);
BCx /= leng; 
BCy /= leng;
C1x = Cx + BCy * Dist;  // move in the opposite direction than from A
C1y = Cy - BCx * Dist;

通过解决三角形 FBg

来查找 D

如果你只需要找到 D (例如你是在一条封闭的线上做三角形),你仍然必须得到标准化的向量 BA 不列颠哥伦比亚省BAxBAyBCxBCy

要找到角度 EBF 的罪,请使用两个归一化向量 BA BC 的叉积。一个角度的罪将三角形 Fg 的另一侧与斜边 BF 关联为sin(ang) = opp/hypt

cross = BAx * BCy - BAy * BCx; // gets the sin of the angle
// you should check cross of zero. If so there is no solution
FBlen = Dist / cross; // gets the hypot the length of FB

现在我们有 FB 我们知道距离 gh 我们可以得到 gB ,因为我们有一个直角三角形的两边和长度gB = sqrt(FB*FB+Dist*Dist)但如果 ABC 的角度大于90度,这将成为一个问题。我们不仅要知道长度,还要知道方向(正面或负面)。

我们可以使用找到角度 ABC 的余弦的点积求解 Bg ,它将斜边与右三角形{{1}的相邻边相关联}

cos(ang) = BF/Bg

现在我们可以沿 BA 行转到 g 然后转到 h 然后转90deg转到 D

dot = BAx * BCx + BAy * BCy;
Bglen = FBlen * dot;

你已经完成了你有点 A 1 D C 1

一次性代码

您可能还希望使用矢量库来执行添加,规范化,交叉产品等...

// move from B to h using the normal vec of the line BA time the sum 
// of the length FB
hx = Bx + BAx * (FBlen + BgLen);
hy = By + BAy * (FBlen + BgLen);
Dx = hx - BAy * Dist;  // then at 90 deg dist along to D
Dy = hy + BAx * Dist;

边缘情况

只要你朝着同一个方向前进并且你的向量来自角落,你就可以对任意数量的线进行此操作。有一些警告。

  • 如果他在两个角点之间的距离太短,内线会重叠并导致问题。除了固定角间距和限制宽度之外,没有简单的解决方案。
  • 如果线条平行则会失败。检查交叉积的结果,当零线或非常接近零线AB和BC接近平行时。
  • 斜接范围。当两条线之间的角度开始接近360度时,点 D 将开始越来越远。当角度接近360度或2弧度时,从 B D 的距离将达到无限远。再次检查交叉积为零或接近零。您还可以通过四舍五入来设置斜接限制。或截断它。

enter image description here

一个角落。上面的答案为您提供了解决上述图像所需的信息。距离 DF 固定为最大斜接限制,如果 B 点远离 F D ,则查找点 F 。寻找对称性和类似三角形以找到其他点。

如果你要排长队,你最好在线的每一边做。通过定义中心而不是边缘,您可以获得更好的结果。