我想通过JGraphx显示流程图,并且我需要输入/输出块的平行四边形。但JGraphx似乎并不知道“形状=平行四边形”。在图形和流程图的图书馆中没有平行四边形似乎很奇怪(它甚至有“演员”形状,它怎么没有平行四边形?)。也许它只是以其他方式命名?或者在这种情况下确实没有预定义的平行四边形形状,我该如何将顶点变为平行四边形?如何在JGraphx中制作一个平行四边形顶点?
1
A
回答
3
最后,我找到了一种制作平行四边形的方法,耶!这是我如何使它工作。
首先,为了制作自定义形状,我必须创建自己的类,扩展mxBasicShape并覆盖createShape方法。
public class Parallelogram extends mxBasicShape {
public Shape createShape(mxGraphics2DCanvas canvas, mxCellState state){
mxCell cell = (mxCell)state.getCell();
Polygon polygon = new Polygon();
if(cell != null && cell.getGeometry() != null) {
mxGeometry g = cell.getGeometry();
int dx = (int) (cell.getGeometry().getHeight()/4.0);
polygon.addPoint((int)(g.getX()+dx), (int)g.getY());
polygon.addPoint((int)(g.getX()+g.getWidth()+dx), (int)g.getY());
polygon.addPoint((int)(g.getX()+g.getWidth()-dx), (int)(g.getY()+g.getHeight()));
polygon.addPoint((int)((int)g.getX()-dx), (int)(g.getY()+g.getHeight()));
}
return polygon;
}
}
第二步是将它添加到形状的列表这似乎被存储在mxGraphics2DCanvas。
mxGraphics2DCanvas.putShape("parallelogram", new Parallelogram());
现在“形状=平行四边形”工作得很好!
UPD
看来刚刚创建的形状是不够的,周边也被创建。这就是我已经做到了:
public class ParallelogramPerimeter implements mxPerimeterFunction {
@Override
public mxPoint apply(mxRectangle bounds, mxCellState vertex, mxPoint next,
boolean orthogonal) {
double cx = bounds.getCenterX();
double cy = bounds.getCenterY();
double nx = next.getX();
double ny = next.getY();
double pi = Math.PI;
double pi2 = Math.PI/2.0;
double h = bounds.getHeight();
double w = bounds.getWidth();
double alpha = Math.atan2(h/2.0, w/2.0+h/4.0);
double beta = Math.atan2(h/2.0, w/2.0-h/4.0);
double t = Math.atan2(ny-cy, nx-cx);
mxPoint p = new mxPoint();
//Left
if (t > pi - alpha || t < (-pi)+beta){
Line border = new Line(cx-w/2.0+h/4.0, cy-h/2.0, cx-w/2.0-h/4.0, cy+h/2.0);
Line line = new Line(cx, cy, nx, ny);
p = Line.intersection(border, line);
}
//Top
else if (t > (-pi)+beta && t < (0-alpha)){
p.setY(cy-h/2.0);
p.setX(cx + h/2.0*Math.tan(pi2+t));
}
//Right
else if (t > (0-alpha) && t < beta){
Line border = new Line(cx+w/2.0+h/4.0, cy-h/2.0, cx+w/2.0-h/4.0, cy+h/2.0);
Line line = new Line(cx, cy, nx, ny);
p = Line.intersection(border, line);
}
//Bottom
else {
p.setY(cy+h/2.0);
p.setX(cx + h/2.0*Math.tan(pi2-t));
}
if (orthogonal){
//Top
if (nx >= cx-w/2.0+h/4.0 && nx <= cx+w/2.0+h/4.0 && ny <= cy-h/2.0){
p.setX(nx);
}
//Bottom
else if (nx >= cx - w/2.0-h/4.0 && nx <= cx+w/2.0-h/4.0 && ny >= cy+h/2.0){
p.setX(nx);
}
//Left or right
else{
Line left = new Line(cx-w/2.0+h/4.0, cy-h/2.0, cx-w/2.0-h/4.0, cy+h/2.0);
Line right = new Line(cx+w/2.0+h/4.0, cy-h/2.0, cx+w/2.0-h/4.0, cy+h/2.0);
p = left.projection(nx, ny);
mxPoint p1 = right.projection(nx, ny);
boolean r = false;
if (distance(nx, ny, p.getX(), p.getY()) > distance(nx, ny, p1.getX(), p1.getY()))
{
p = p1;
r = true;
}
//Upper corners
if (p.getY() < cy-h/2.0){
p.setY(cy-h/2.0);
if(r){
p.setX(cx+w/2.0+h/4.0);
}
else
{
p.setX(cx-w/2.0+h/4.0);
}
}
//Lower corners
else if (p.getY() > cy+h/2.0){
p.setY(cy+h/2.0);
if(r){
p.setX(cx+w/2.0-h/4.0);
}
else
{
p.setX(cx-w/2.0-h/4.0);
}
}
}
}
return p;
}
private double distance(double x1, double y1, double x2, double y2){
return Math.sqrt(Math.pow(x2-x1, 2)+Math.pow(y2-y1, 2));
}
}
class Line{
private double a;
private double b;
private double c;
Line(double x1, double y1, double x2, double y2){
a = y1-y2;
b = x2-x1;
c = x1*y2-x2*y1;
}
private Line(double a, double b, double c){
this.a = a;
this.b = b;
this.c = c;
}
static private double determinant(double i, double j, double k, double l){
return i*l - k*j;
}
static mxPoint intersection(Line first, Line second){
double x,y;
double denominator = determinant(first.a, first.b, second.a, second.b);
x = 0 - determinant(first.c, first.b, second.c, second.b)/denominator;
y = 0 - determinant(first.a, first.c, second.a, second.c)/denominator;
return new mxPoint(x,y);
}
mxPoint projection(double x, double y){
double a,b,c;
if (this.b!=0){
a=1;
b=-(this.a*a)/this.b;
}
else{
b = 1;
a=-(this.b*b)/this.a;
}
c = -(a*x+b*y);
Line line = new Line(a,b,c);
return intersection(this, line);
}
}
然后,我将它添加到正在使用的周边,其名单似乎并不在同一个地方与形状,但在mxStyleRegistry:
mxStyleRegistry.putValue("parallelogramPerimeter", new ParallelogramPerimeter());
最后,我用“shape = parallelogram; perimeter = parallelogramPerimeter”作为样式,现在它不仅用于显示平行四边形,还用于正确连接边。
1
为了完整:等边平行四边形是预定义的:SHAPE_RHOMBUS
。
相关问题
- 1. 如何在python上制作一个平行四边形
- 2. matlab:找到一个平行四边形的第4个顶点
- 3. 在CSS3中制作一边平行四边形
- 4. 如何在CSS的一侧制作平行四边形?
- 5. 如何绘制平行四边形的2点和斜率
- 6. 如何在CSS中制作与平行四边形相似的形状?
- 7. 渐变平行四边形
- 8. 反平行四边形
- 9. JavaFX平行四边形CSS
- 10. 在opencv中绘制一个四边形
- 11. Android中的平行四边形TextView
- 12. 创建函数在平行四边形中生成随机点
- 13. 如何绘制平行四边形按钮
- 14. 可以窗口形状是一个平行四边形
- 15. 获取父顶点一个JGraphX树
- 16. jgraphx顶线顶点标签
- 17. 如何在JGraphX通过右击鼠标增加一个顶点
- 18. 如何确定一个点是否是一个四边形
- 19. 如何绘制一个平行四边形并在其中心画一个实心圆
- 20. 如何在css中创建一个“平行四边形”形状,并带有直边?
- 21. 平行四边形导航背景CSS
- 22. 与css的平行四边形
- 23. 平行四边形文本框
- 24. 扭曲UIImage到平行四边形
- 25. 用imagemagick创建平行四边形(php)
- 26. Noob问题:画出一个与视图平行的四边形
- 27. (JGraphX)如何添加一个额外的标签到顶点?
- 28. 如何添加一个mouselistener到顶点 - jgraphx
- 29. 如何在OpenCV中将平行四边形图像转换为矩形图像?
- 30. 如何绘制可在iPhone上动画的适当平行四边形?