Arrow Button

Question

Hello all,
I am trying create a button in the shape of an arrow with rounded edges, I have managed to create the rounded edges by using a RoundedRectangle as the shape of the button. However I am unable to attach a tringle at the end of the rounded rectangle to make it look like an arrow. The approximate shape I am trying to achieve is shown below:
|```````` \
|________ /
The code fragment I have written so far to create this shape is below. What I have done is subclassed a JButton, in the constructer set the shape of the button, followed by overriding the paintComponent() to paint the custom shape.
The width and heights used is worked out based on the font and the text the button will display.
The m_areaFill object is what is used by the paintComponent().
protected void setShape()
     // The rounded rectangle
     rectMain = new RoundRectangle2D.Double(0d, 0d, m_dWidthFill, m_dHeightFill, 10, 10);
     areaMain = new Area(rectMain);
     rect = new RoundRectangle2D.Double(0, 0, m_dWidthFill - 30, m_dHeightFill, 10, 10);
     areaMain.add(new Area(rect));
     Point p1 = new Point(((int)m_dWidthFill - 30), 0);
     Point p2 = new Point(((int)m_dWidthFill - 30), (int)m_dWidthFill);
     Point p3 = new Point((int)m_dWidthFill, ((int)m_dWidthFill/2));
     int[] xs = { p1.x, p2.x, p3.x };
     int[] ys = { p1.y, p2.y, p3.y };
     Polygon triangle = new Polygon(xs, ys, xs.length);
     areaMain.add(new Area(triangle));
protected void paintComponent(Graphics g)
     Graphics2D g2 = (Graphics2D) g;
     RenderingHints hints = new RenderingHints(RenderingHints.KEY_ANTIALIASING, enderingHints.VALUE_ANTIALIAS_ON);
     g2.setRenderingHints(hints);
     if (getModel().isArmed())
          g2.setColor(Color.gray);
     else
          g2.setColor(Color.lightGray);
     g2.fill(areaMain);
     super.paintComponent(g2);
}Firstly what I would like to ask is am I taking the correct approach to create the arrow button, or is there another approach I should be taking. Also if this is a good enough approach how would I add triangle (the arrow head) to the rounded rectangle.
Kind Regards Mark

Answer 1

You are calling super.paintComponent(g) at the end of paintComponent, this is overriding what you are trying to draw. Also, I would use a GeneralPath for the shape you want - see revised code below:
import javax.swing.*;
import java.awt.*;
import java.awt.geom.*;
import java.awt.font.*;
public class Main
    public static void main(String[] args)
        TestFrame main_Frame = new TestFrame();
        main_Frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        main_Frame.setVisible(true);
class TestFrame extends JFrame
    public TestFrame()
        setTitle("Test Frame");
        setSize(500, 500);
        JPanel panel = new JPanel();
        ArrowButton button = new ArrowButton("Button One");
        panel.add(button);
        add(panel);
class ArrowButton extends JButton
    public ArrowButton(String text)
        super(text);
        setPreferredSize(new Dimension(m_dWidthFill, m_dHeightFill));
        setShape();
    protected void setShape()
        path = new GeneralPath();
        double x1 = 10;
        double y1 = 0;
        double x2 = m_dWidthFill - 30;
        double y2 = 0;
        double x3 = m_dWidthFill;
        double y3 = m_dHeightFill/2;
        double x4 = m_dWidthFill - 30;
        double y4 = m_dHeightFill;
        double x5 = 10;
        double y5 = m_dHeightFill;
        double x6 = 0;
        double y6 = m_dHeightFill - 10;
        double x7 = 0;
        double y7 = 10;
        //Lower Left Bessel points
        double bax5 = x5;
        double bay5 = y5;
        double bbx5 = 0;
        double bby5 = m_dHeightFill;
        //Upper Left Bessel points
        double bax7 = x7;
        double bay7 = y7;
        double bbx7 = 0;
        double bby7 = 0;
        path.moveTo(x2, y2);
        path.lineTo(x3, y3);
        path.lineTo(x4, y4);
        path.lineTo(x5, y5);
        path.curveTo(bax5, bay5, bbx5, bby5, x6, y6);
        path.lineTo(x7, y7);
        path.curveTo(bax7, bay7, bbx7, bby7, x1, y1);
        path.closePath();
    protected void paintBorder(Graphics g){}
    protected void paintComponent(Graphics g)
     Graphics2D g2 = (Graphics2D) g;
     RenderingHints hints = new RenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
     g2.setRenderingHints(hints);
     if (getModel().isArmed())
          g2.setColor(Color.GRAY);
     else
          g2.setColor(Color.LIGHT_GRAY);
     g2.fill(path);
        FontRenderContext context = g2.getFontRenderContext();
        Rectangle2D rect = font.getStringBounds(getText(), context);
        int x = 10;
        int y = (int)((m_dHeightFill+rect.getHeight()/2)/2);
        g2.setFont(font);
        g2.setColor(Color.BLACK);
        g2.drawString(getText(), x, y);
    private int m_dWidthFill = 120;
    private int m_dHeightFill = 50;
    private GeneralPath path;
    private Font font = new Font("Times New Roman", Font.BOLD, 16);
}