JPanelに矢印付きの直線を描画する
Total: 3787
, Today: 1
, Yesterday: 3
Posted by aterai at
Last-modified:
概要
JPanel
上にPath2D
を使用して作成した矢印付きの直線を描画します。
Screenshot
Advertisement
サンプルコード
class Arrow {
private final Point start = new Point();
private final Point end = new Point();
private final Path2D arrowHead;
protected Arrow(Point start, Point end) {
this.start.setLocation(start);
this.end.setLocation(end);
arrowHead = makeArrowHead(new Dimension(8, 8));
}
protected Path2D makeArrowHead(Dimension size) {
Path2D path = new Path2D.Double();
double t = size.height;
double w = size.width * .5;
path.moveTo(0d, -w);
path.lineTo(t, 0d);
path.lineTo(0d, w);
path.closePath();
return path;
}
public void draw(Graphics2D g2) {
g2.drawLine(start.x, start.y, end.x, end.y);
arrowHead.transform(AffineTransform.getRotateInstance(
end.getX() - start.getX(), end.getY() - start.getY()));
arrowHead.transform(AffineTransform.getTranslateInstance(
end.getX(), end.getY()));
g2.fill(arrowHead);
g2.draw(arrowHead);
}
}
View in GitHub: Java, Kotlin解説
- 矢印として座標原点上に底辺の中央が配置される二等辺三角形を
Path2D
で作成 - 直線の始点と終点から回転ベクトルを計算して
AffineTransform.getRotateInstance(double vecx, double vecy)
メソッドでAffineTransform
オブジェクトを作成し、Path2D#transform(AffineTransform)
メソッドで矢印を座標原点を中心に回転 AffineTransform.getTranslateInstance(end.getX(), end.getY())
メソッドでAffineTransform
オブジェクトを作成し、Path2D#transform(AffineTransform)
メソッドで直線の終点まで矢印を移動