Icône dans la cellule JTable provoquant une erreur de lecture

Question

J'essaie d'utiliser un moteur de rendu personnalisé pour définir l'arrière-plan des cellules individuelles sur une image donnée. Dans ce cas, je donne un carré en bois d'échiquier.

est ici à quoi il ressemble avant:

est ici à quoi il ressemble après:

EDIT: Avec un peu d'expérimentation, il semble que chaque carré est donné l'icône en bois. Les pièces peuvent encore être déplacées, ce qui entraîne: (mettre dans les commentaires parce que je ne peux pas poster plus de 2 liens)

Dans mon code, j'ai simplement remplacé le setBackground(darkSquare) par setIcon(wood).

@SuppressWarnings("serial") 
public class BoardCellRenderer extends DefaultTableCellRenderer { 

    private ArrayList<Coordinate> possibleMoves = new ArrayList<Coordinate>(); 
    private ImageIcon wood = new ImageIcon("resources/images/light_square.png"); 

    @Override 
    public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) { 

     super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column); 

     setHorizontalAlignment(SwingConstants.CENTER); 

     Color darkSquare = new Color(125, 125, 125); 

     //pattern for the chessboard look 
     if(row % 2 == 0 && column % 2 == 1) 
      setBackground(darkSquare); 
      //setIcon(wood); 
     else if(row % 2 == 1 && column % 2 == 0) 
      setBackground(darkSquare); 
      //setIcon(wood); 
     else 
      setBackground(Color.WHITE); 

     for(Coordinate move : possibleMoves) 
      if(column == move.getX() && row == move.getY()){ 
       setBackground(new Color(255, 51, 51, 50)); 
       System.out.println("Highlighting (" + row + ", " + column + ")"); 
      } 

     if(hasFocus){ 
      setBorder(new MatteBorder(2, 2, 2, 2, Color.RED)); 
      System.out.println("hasFocus [array]: " + row + ", " + column); 
      System.out.println("hasFocus [coordinate]: " + column + ", " + row); 
     } 
     if(isSelected) 
      setBorder(new MatteBorder(2, 2, 2, 2, Color.BLUE)); 


     return this; 
    } 

    public void setPossibleMoves(ArrayList<Coordinate> possibleMoves){ 
     this.possibleMoves = possibleMoves; 
    } 
} 

Answer 1

il semble que chaque carré est donnée sur l'icône du bois.

Le moteur de rendu se souvient de son dernier état.

Alors peut-être quelque chose comme:

// set the default values 

setBackground(Color.WHITE); 
setIcon(null); 

if(row % 2 == 0 && column % 2 == 1) 
    //setBackground(darkSquare); 
    setIcon(wood); 
else if(row % 2 == 1 && column % 2 == 0) 
    //setBackground(darkSquare); 
    setIcon(wood); 

Bien sûr, vous aurez toujours un problème lorsque vous souhaitez afficher une pièce d'échecs sur le dessus du bois que vous voulez rendre deux icônes, une pour l'arrière-plan et un pour la pièce d'échecs.

Je ne suis pas sûr si un JTable est le meilleur composant à utiliser pour cela. Il pourrait être plus facile d'utiliser un JPanel avec une grille de JPanel/JLabel pour représenter le carré de bois. Ensuite, vous ajoutez un JLabel avec une icône de la pièce d'échecs au carré. Cette publication d'un simple Chess Board pourrait vous donner quelques idées.

Edit:

Serait-ce la raison pour laquelle la cellule ressemble à c'est l'impression ...?

Probablement. La valeur par défaut pour un JLabel est d'afficher l'icône suivie du texte.

Vous pouvez modifier ce comportement en utilisant:

setHorizontalTextPosition(JLabel.CENTER); 
setVerticalTextPosition(JLabel.CENTER); 

dans le constructeur de votre moteur de rendu. Ensuite, le texte sera centré sur l'icône.