在JButton上繪製圖像？

Question

我正在構建一個棋盤遊戲，我有一個空圈的網格。

• 我在photoshop中創建了自己的單個空圈的模板（.png），並重復添加（使用循環和佈局管理器）並使用它創建多個按鈕並將它們放置在面板上。

我在photoshop中創建了自定義的圓形標記（.png），然後它會在發生事件時將「填滿」或取出圓圈中的空白空間。我希望你明白我的意思。

我不完全確定使用paint（）是唯一的方法來做到這一點。

任何人都可以提出一些關於如何實現這一點的提示嗎？我是GUI新手。

這是我網格的樣子：

而那些空的白色空間是令牌我創建將不得不佔用的空間，但我不當然，除了熟悉油漆外，我還會這樣做（）

這是當用戶點擊一個按鈕時「填滿」空白的.png文件

Answer 1

看看這個想法。它結合了2幅圖像的「最後的邏輯」的樣子：

我不能打擾等待透明的模板，所以我做了我自己。 ;）

import java.awt.*; 
import java.awt.event.*; 
import java.awt.geom.*; 
import java.awt.image.BufferedImage; 
import javax.swing.*; 
import java.net.URL; 
import javax.imageio.ImageIO; 

class GameGrid { 

    public static BufferedImage getImage(BufferedImage image, boolean fill) { 
     int pad = 4; 
     BufferedImage temp = new BufferedImage(
       image.getWidth()+2*pad, 
       image.getHeight()+2*pad, 
       BufferedImage.TYPE_INT_ARGB); 
     Graphics2D g = temp.createGraphics(); 
     g.setColor(Color.MAGENTA.darker()); 
     Ellipse2D.Double ellipse = new Ellipse2D.Double(
       pad, pad, image.getWidth(), image.getHeight()); 
     Rectangle2D.Double outline = new Rectangle2D.Double(
       0, 0, image.getWidth()+(2*pad), image.getHeight()+(2*pad)); 
     Area a = new Area(outline); 
     a.subtract(new Area(ellipse)); 
     if (fill) { 
      g.drawImage(image,pad,pad,null); 
     } 
     g.setClip(a); 
     g.fillRect(0, 0, image.getWidth()+(2*pad), image.getHeight()+(2*pad)); 
     g.dispose(); 

     return temp; 
    } 

    public static void main(String[] args) throws Exception { 
     URL url = new URL("http://i.stack.imgur.com/t5MFE.png"); 
     BufferedImage image = ImageIO.read(url); 

     final BufferedImage img1 = getImage(image, true); 
     final BufferedImage img2 = getImage(image, false); 
     Runnable r = new Runnable() { 
      @Override 
      public void run() { 
       JPanel gui = new JPanel(new GridLayout(0,3)); 

       ActionListener al = new ActionListener() { 

        @Override 
        public void actionPerformed(ActionEvent e) { 
         JButton b = (JButton)e.getSource(); 
         b.setIcon(new ImageIcon(img2)); 
        } 
       }; 

       for (int ii=0; ii<9; ii++) { 
        JButton b = new JButton(new ImageIcon(img1)); 
        b.setBackground(Color.RED); 
        //b.setContentAreaFilled(false); 
        b.setBorder(null); 
        b.addActionListener(al); 
        gui.add(b); 
       } 

       JOptionPane.showMessageDialog(null, gui); 
      } 
     }; 
     // Swing GUIs should be created and updated on the EDT 
     // http://docs.oracle.com/javase/tutorial/uiswing/concurrency 
     SwingUtilities.invokeLater(r); 
    } 
}