Java Graphics - 在 Jbutton 上绘制形状

Question

我正在为 Java 中的一个类制作一个最小的绘制应用程序。我需要制作几个按钮供用户选择不同的形状，并且在这些按钮上我应该放置他们正在使用的形状的图像。例如，一个让用户画线的按钮应该有一个线的图像。一个绘制矩形的按钮，矩形应该在它上面。我需要能够在程序中执行此操作，而无需使用外部图像源。

这是我当前的按钮代码示例。

lineB = new JButton();
lineB.setBounds(0, 25, 20, 20);
lineB.setBackground(Color.WHITE);
shapePanel.add(lineB);
lineB.addActionListener(this);

Answer 1

1. 创建所需大小的 BufferedImage -- BufferedImage img = new BufferedImage(biWidth, biHeight, BufferedImage.TYPE_INT_ARGB);
2. 通过调用 getGraphics() 或 createGraphics()（更好，因为它为您提供 Graphics2D 对象）获取其 Graphics 上下文。
3. 我会将此 Graphics2D 对象的 RenderingHints 设置为 all 以使用 setRenderingHints(...) 方法进行抗锯齿。这可以消除锯齿。
4. 用这个对象画出你的形状。
5. 释放 Graphics 对象。
6. 使用new ImageIcon(Image image)构造函数从上面的Image创建一个ImageIcon。
7. 使用setIcon(...) 将按钮的图标设置为上面的图标。
8. 不要在按钮或任何东西上调用setBounds(...)。

---

例如，

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.image.BufferedImage;
import javax.swing.*;

@SuppressWarnings("serial")
public class ImageButton extends JPanel {
   private static final int IMG_WIDTH = 50;
   private static final Color SHAPE_COLOR = Color.RED;
   private static final int GAP = 4;
   private JButton circleButton = new JButton();
   private JButton squareButton = new JButton();

   public ImageButton() {
      BufferedImage circleImg = new BufferedImage(IMG_WIDTH, IMG_WIDTH, BufferedImage.TYPE_INT_ARGB);
      Graphics2D g2 = circleImg.createGraphics();
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
      g2.setColor(SHAPE_COLOR);
      int x = GAP;
      int y = x;
      int width = IMG_WIDTH - 2 * x;
      int height = IMG_WIDTH - 2 * y;
      g2.fillOval(x, y, width, height);
      g2.dispose();
      circleButton.setIcon(new ImageIcon(circleImg));

      BufferedImage squareImg = new BufferedImage(IMG_WIDTH, IMG_WIDTH, BufferedImage.TYPE_INT_ARGB);
      g2 = squareImg.createGraphics();
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
      g2.setColor(SHAPE_COLOR);
      g2.fillRect(x, y, width, height);
      g2.dispose();
      squareButton.setIcon(new ImageIcon(squareImg));

      add(circleButton);
      add(squareButton);
   }

   private static void createAndShowGui() {
      JFrame frame = new JFrame("ImageButton");
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.getContentPane().add(new ImageButton());
      frame.pack();
      frame.setLocationRelativeTo(null);
      frame.setVisible(true);
   }

   public static void main(String[] args) {
      SwingUtilities.invokeLater(new Runnable() {
         public void run() {
            createAndShowGui();
         }
      });
   }
}

Answer 2

一种简单的方法是将图像添加到 JButton 并使其成为图像按钮。

try {
 Image icon = ImageIO.read(getClass().getResource("icons/line.jpg"));
 lineButton.setIcon(new ImageIcon(icon));
} catch (IOException ex) {
}

已编辑：

由于您被要求在代码中创建形状，您可以执行以下代码在内存中创建图像，绘制图像的图形，然后将其分配给按钮。

    final int BI_WIDTH = 50;
    final int BI_HEIGHT = 50;
    BufferedImage lineImage = new BufferedImage(BI_WIDTH, BI_HEIGHT,
            BufferedImage.TYPE_INT_RGB);
    lineImage.createGraphics().drawLine(2, 25, 48, 25);
    JButton lineButton = new JButton();
    lineButton.setIcon(new ImageIcon(lineImage));

图形对象有许多不同的功能，你可以在上面画任何你喜欢的东西。