Discussion :

[rgomes]

Hello,

Je souhaite dessiner une map, un carré constitué de 5 images de cotés (soit 25 images). Je cherche la bonne stratégie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
public class Map extends JFrame{
    public static void main(String[] a) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                new Map();
            }
        });
    }
 
    public Map(){
        setBounds(300, 300, 300, 300);
        setVisible(true);
        getContentPane().add(new Canvas());
        repaint();
    }
}
 
public class Canvas extends Component {
    private static final long serialVersionUID = 1L;
    public Canvas() {
        super();
    }
 
    @Override
    public void paint(Graphics g) {
        int x = 0;
        int y = 0;
        for (int i = 0; i < 25; i++) {            
             Image img1 = Toolkit.getDefaultToolkit().getImage(getClass().getResource("/icons/grass.jpg"));
            g.drawImage(img1, x, y, this);
            if ((i+1) % 5 == 0) {
                y += 32;
                x = 0;
            } else {
                x += 32;
            }           
        }
        g.dispose();
    }
}

J'ai plusieurs interrogations :
- est-ce la bonne stratégie si je veux construire une map à partir d'icone ?
- dois-je à chaque créer une nouvelle instance de l'image
- autre problème : je rentre plusieurs dans la méthode paint !

Merci pour vos avis !

[joel.drigo]

Salut,

Hello,


J'ai plusieurs interrogations :
- est-ce la bonne stratégie si je veux construire une map à partir d'icone ?

boucler sur 0 à 25, ou boucler avec 2 boucles de 0 à 5, sont des méthodes valables pour faire ce genre de chose (après on peut faire un modulo et une division entière pour déterminer le x et le y, plutôt que comme tu fais, mais c'est plus ou moins pareil)
tu peux éventuellement utiliser une TexturePaint pour dessiner des applats constitués d'une répétition du même motif : cela rend plus facile des remplissages quelconques (rectangle, ou disque, ou polygone, ou lettres si tu veux)

- dois-je à chaque créer une nouvelle instance de l'image

non ce n'est pas nécessaire, et je dirais même plus qu'il ne vaut mieux pas le faire : tu la charges dans une constante une fois pour toute, alors que la charger à chaque fois est consommateur de cpu et d'io disque (et/ou de cache disque du moins)

- autre problème : je rentre plusieurs dans la méthode paint !

C'est normal : elle sera invoquée chaque fois que SWING estimera nécessaire de la redessiner. Mais elle ne sera pas invoquée si ce n'est pas nécessaire, à moins que tu forces l'invocation.

EDIT : je pense à un truc supplémentaire, éventuellement tu peux dessiner ton "terrain" dans une nouvelle image conservée en variable membre de ta classe à chaque fois qu'une variation implique de la redessiner, et dans la paint tu dessine l'image d'un bloc. Ca prendra plus de mémoire, mais ça ira plus vite, d'autant plus vite si ton "terrain" ne change pas souvent.

[rgomes]

Merci pour ta reponse claire et rapide.
Si lamethode paint est appelee plusieurs fois alors je ne draw pas 25 images mais x fois 25 ?! Donc il y a un probleme de conception ? Car dans mon component canvas j insere mes 25 images. Ne faut-il pas 1 component pour 1 image ? ImageIo me load entierement l image mais cest tres lent.

[joel.drigo]

Merci pour ta reponse claire et rapide.
Si lamethode paint est appelee plusieurs fois alors je ne draw pas 25 images mais x fois 25 ?! Donc il y a un probleme de conception ?

Non. La méthode paint est toujours appelée lorsque c'est nécessaire (par exemple, si on redimensionne la fenêtre. C'est normal et c'est toujours comme ça.

Car dans mon component canvas j insere mes 25 images. Ne faut-il pas 1 component pour 1 image ?

oui, c'est une solution, si tu voulais par exemple faire un système interactif ou on peut cliquer par exemple sur chaque image indépendamment (ce qu'on peut faire toutefois avec un seul composant). Mais pour dessiner, autant dessiner dans un seul canvas. Avec plusieurs composants tu auras le problème supplémentaire de placement des différents composants et éventuellement des difficultés pour dessiner entre 2 composants. Après, il existe aussi des apis qui gère une surcouche du canvas, qui permet de gérer chaque image dans un composant indépendant (mais pas swing). Tout dépend du but final. Pour remplir une surface avec un motif qui se répète, la classe TexturePaint est une solution simple également.

ImageIo me load entièrement l image mais cest tres lent.

C'est lent certes, mais c'est pas normal si c'est très lent. Maintenant "lent" ou "très lent" sont très relatifs. Les accès disques plus le temps de décodage du fichier sont évidemment particulièrement lent par rapport à d'autres types de traitement, comme le dessin d'image par exemple. C'est pour ça que je te proposais de charger l'image dans une constante (final static ) qui sera chargée au démarrage (à la création de la classe dans laquelle tu vas la déclarer) et tu pourras la redessiner autant de fois que nécessaire, dans n'importe quel composant, et n'importe ou dans le composant (et plusieurs fois dans le même composant) sans reconsommer le temps de chargement et de décodage.