Comment faire des boutons-poussoirs hexagonaux

Question

J'ai écrit un jeu court. Dans la mise en œuvre existante, j'ai un GridBagLayout avec des boutons situés comme échiquier. Chaque bouton occupe toute la grille. Le jeu fonctionne bien. Ma prochaine tâche est de changer la carte pour être composé de boutons hexagonaux, pas de rectangles comme actuellement. Je ne sais pas comment faire ça. Les boutons devraient ressembler à ceci sur l'image:

Answer 1

Ce n'est pas la plus jolie façon, mais ce sera au moins vous donner une idée:

import java.awt.*; 
import java.awt.event.*; 
import javax.swing.*; 

public class HexagonPattern extends JPanel { 
    private static final long serialVersionUID = 1L; 
    private static final int ROWS = 7; 
    private static final int COLUMNS = 7; 
    private HexagonButton[][] hexButton = new HexagonButton[ROWS][COLUMNS]; 


    public HexagonPattern() { 
     setLayout(null); 
     initGUI(); 
    } 


    public void initGUI() { 
     int offsetX = -10; 
     int offsetY = 0; 

     for(int row = 0; row < ROWS; row++) { 
      for(int col = 0; col < COLUMNS; col++){ 
       hexButton[row][col] = new HexagonButton(row, col); 
       hexButton[row][col].addActionListener(new ActionListener() { 
        public void actionPerformed(ActionEvent e) { 
         HexagonButton clickedButton = (HexagonButton) e.getSource(); 
         System.out.println("Button clicked: [" + clickedButton.getRow() + "][" + clickedButton.getCol() + "]"); 
        } 
       }); 
       add(hexButton[row][col]); 
       hexButton[row][col].setBounds(offsetY, offsetX, 105, 95); 
       offsetX += 87; 
      } 
      if(row%2 == 0) { 
       offsetX = -52; 
      } else { 
       offsetX = -10; 
      } 
      offsetY += 76; 
     } 
    } 

    public static void main(String[] args) { 
     HexagonPattern hexPattern = new HexagonPattern(); 
     JFrame frame = new JFrame(); 
     frame.setTitle("Hexagon Pattern"); 
     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
     frame.setLocation(new Point(700, 300)); 
     frame.add(hexPattern); 
     frame.setSize(550, 525); 
     frame.setResizable(false); 
     frame.setVisible(true); 
    } 

    //Following class draws the Buttons 
    class HexagonButton extends JButton { 
     private static final long serialVersionUID = 1L; 
     private static final int SIDES = 6; 
     private static final int SIDE_LENGTH = 50; 
     public static final int LENGTH = 95; 
     public static final int WIDTH = 105; 
     private int row = 0; 
     private int col = 0; 

     public HexagonButton(int row, int col) { 
      setContentAreaFilled(false); 
      setFocusPainted(true); 
      setBorderPainted(false); 
      setPreferredSize(new Dimension(WIDTH, LENGTH)); 
      this.row = row; 
      this.col = col; 
     } 

     @Override 
     public void paintComponent(Graphics g) { 
      super.paintComponent(g); 
      Polygon hex = new Polygon(); 
      for (int i = 0; i < SIDES; i++) { 
       hex.addPoint((int) (50 + SIDE_LENGTH * Math.cos(i * 2 * Math.PI/SIDES)), //calculation for side 
         (int) (50 + SIDE_LENGTH * Math.sin(i * 2 * Math.PI/SIDES))); //calculation for side 
      }  
      g.drawPolygon(hex); 
     } 

     public int getRow() { 
      return row; 
     } 

     public int getCol() { 
      return col; 
     } 
    } 
} 

Testez-le!

Ce programme se compose de 2 classes:

1. HexagonButton, qui utilise des graphiques pour dessiner un hexagone dans une JButton. Il renvoie également les valeurs de ligne et de colonne lorsque getRow ou getCol sont appelés.

2. HexagonPattern, qui est la classe principale. Il rend le motif en les disposant avec setBounds(x, y, width, height). Il utilise un ActionListener pour imprimer les coordonnées de l'hexagone cliqué, en appelant getRow et getCol.

Comme je l'ai dit, ce n'est pas le meilleur programme. Si vous voulez réduire les hexagones, vous devrez changer beaucoup de variables.