2015-05-29 232 views
3

我想畫一個頂點在Java Swing中有點平滑的三角形。我學會了如何繪製的代碼帶圓角的繪製三角形

Polygon p=new Polygon (vertice_x, vertices_y, number_of_vertices); 
g.drawPolygon(p); 

這些線的三角形,但我沒有發現任何有關圓角。我讀過Graphics2D中有一種方法,可以讓您繪製一個帶有圓形邊框的矩形,但是對於一個普通的Polygon?我應該怎麼做?

+2

重複×3(畫一條線;畫一個小半徑的圓弧) – rossum

+1

使用[ BasicStroke}(http://docs.oracle.com/javase/7/docs/api/java/awt/BasicStroke.html),你可以控制_joins_ - 參見'JOIN_ROUND'。這當然是最小的,儘管你也可以使用'scale'。 –

回答

5

要更好地控制圓角(超出使用Stroke),可以將3條邊線和3條貝塞爾曲線組合成圓角。使用線性插值來獲得直線和曲線的起點/終點,角點是曲線的控制點。

public Point interpolate(Point p1, Point p2, double t){ 
    return new Point((int)Math.round(p1.x * (1-t) + p2.x*t), 
      (int)Math.round(p1.y * (1-t) + p2.y*t)); 
} 

Point p1 = new Point(50,10); 
Point p2 = new Point(10,100); 
Point p3 = new Point(100,100); 

Point p1p2a = interpolate(p1, p2, 0.2); 
Point p1p2b = interpolate(p1, p2, 0.8); 

Point p2p3a = interpolate(p2, p3, 0.2); 
Point p2p3b = interpolate(p2, p3, 0.8); 

Point p3p1a = interpolate(p3, p1, 0.2); 
Point p3p1b = interpolate(p3, p1, 0.8); 
... 

g.drawLine(p1p2a.x, p1p2a.y, p1p2b.x, p1p2b.y); 
g.drawLine(p2p3a.x, p2p3a.y, p2p3b.x, p2p3b.y); 
g.drawLine(p3p1a.x, p3p1a.y, p3p1b.x, p3p1b.y); 
QuadCurve2D c1 = new QuadCurve2D.Double(p1p2b.x, p1p2b.y, p2.x, p2.y, p2p3a.x, p2p3a.y); 
QuadCurve2D c2 = new QuadCurve2D.Double(p2p3b.x, p2p3b.y, p3.x, p3.y, p3p1a.x, p3p1a.y); 
QuadCurve2D c3 = new QuadCurve2D.Double(p3p1b.x, p3p1b.y, p1.x, p1.y, p1p2a.x, p1p2a.y); 
g.draw(c1); 
g.draw(c2); 
g.draw(c3); 

在上面的代碼,你可以調整t參數傳遞給interpolate改變如何圓潤的邊角。

您也可以將所有這些添加到Path2DPath2D實現Shape接口,這除其它外允許到對象傳遞給Graphics2D.fill來填充形狀

Path2D path = new Path2D.Double(); 
AffineTransform at = new AffineTransform(); 
path.moveTo(p1p2a.x, p1p2a.y); 
path.lineTo(p1p2b.x, p1p2b.y); 
path.append(c1.getPathIterator(at), true); 
path.lineTo(p2p3b.x, p2p3b.y); 
path.append(c2.getPathIterator(at), true); 
path.lineTo(p3p1b.x, p3p1b.y); 
path.append(c3.getPathIterator(at), true); 
path.closePath(); 
g.fill(path); 
+0

謝謝,因爲這是我需要的......只是另一個問題......如果我會有彩色三角形? – user2896152

+0

你可以通過設置'圖形'的顏色來改變顏色,例如'g.setColor(Color.RED)' – copeg

+0

沒有抱歉...我的意思是一個填充顏色的三角形.... – user2896152

3

如果你想要一個相對較小的四捨五入,看看StrokeBasicStroke,它允許你圓角的任何多邊形的角落。如果你想要一個非常圓滑的三角形,你將不得不爲自己構建線條形狀。繪製圓弧而不是邊角,或使用樣條線來創建形狀。

這是a tutorial for Strokes