Discussion :

[bilzzbenzbilz]

Bonjour à tous,
J'ai réalisé un systeme d'indexation et de recherche d'images par le contenu et je veux créer l'interface graphique.
Je veux faire une interface similaire à celle du moteur de recherche ltu.
Voici l'adresse : http://corbis.demo.ltutech.com/en/demos/corbis/.
Voici l'image capturée :

Je veux savoir comment faire en java pour créer ces 9 carrés pour que je puisse aficher dedans des images ".jpg" ?

Est ce qu'il existe un moyen de faire des actions avec ces 9 carré après avoir affiché des images ?
Merci pour votre aide.

[m_piou]

Bonsoir,

tu as plusieurs solutions.
Tout dépend de ton niveau au niveau Interface graphique en java.

Tu pense faire du Swing/Awt ou plutot du Swt ?

Ne connaissant que le premier des deux, je ne suis pas très objectif.

Mais si tu fais du swing, je vois principalement deux solutions :

- Définir un conteneur général (un JPanel) avec un layout (GridLayout dans ton cas) qui contient neuf cases. Chaque case sera par exemple un autre JPanel avec une image dans chacun. A chaque changement de page, tu mets à jour chaque panel pour afficher les nouvelles images.
Cette solution sera pratique au niveau alignement des composants, dessin des bordures et capture d'évenement sur chaque image.

- Utiliser une JTable de 3 par 3. Chaque cellule correspondra à une image. La table est associé à un modèle qui contient tes données (les images). Tu met à jour la table en fonction de la page sélectionnée. L'implémentation du survol de chaque cellule, du dessin des bordures et du curseur se feront simplement gràce à l'api de la JTable (ou en utilisant les renderers de la table.)

Bref, tout dépend de ton niveau.

Je ne pense qu'à ces deux solutions pour le moment au niveau Swing.

En esperant t'avoir aidé.

Cdlt

[bilzzbenzbilz]

Bonjour piou et merci pour votre aide.
Voici mon code :

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
 
import java.awt.Graphics;
import java.awt.*;
import javax.swing.*;
 
 
 
public class Interface 
 
{
 
	JFrame f;
 
	JPanel pan;
	Panneau pan1;
	Panneau pan2;
	Panneau pan3;
	Panneau pan4;
	Panneau pan5;
	Panneau pan6;
	Panneau pan7;
	Panneau pan8;
	Panneau pan9;
 
 
 
	class Panneau extends JPanel 
 
	{ 
		private Image photo = null;
 
 
		public Panneau(String st) 
	     { 
			photo = getToolkit().getImage(st) ; 
	     } 
	public void paintComponent(Graphics g) 
 
	{ 
		    super.paintComponent(g);
		    if(photo != null)
	    	g.drawImage (photo, 10, 10,30,30, this);
 
	} 
	public void maj(String st)
 
	{
		this.photo = getToolkit().getImage(st) ;     	
 
	}
	} 
 
	public Interface()
 
	{
		f=new JFrame("Application");
 
		pan=new JPanel();
		pan.setLayout(new GridLayout(3,0,0,0));
		pan1=new Panneau("ca.GIF");
		pan2=new Panneau("china.GIF");
		pan3=new Panneau("ca.GIF");
		pan4=new Panneau("china.GIF");
		pan5=new Panneau("ca.GIF");
		pan6=new Panneau("china.GIF");
		pan7=new Panneau("china.GIF");
		pan8=new Panneau("china.GIF");
		pan9=new Panneau("ca.GIF");
 
 
		pan.add(pan1);
		pan.add(pan2);
		pan.add(pan3);
		pan.add(pan4);
		pan.add(pan5);
		pan.add(pan6);
		pan.add(pan7);
		pan.add(pan8);
		pan.add(pan9);
 
		f.add(pan);
 
		f.setSize(800, 800);
		f.setLocationRelativeTo(null); 
		f.setVisible(true);
		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
 
	}
 
	public static void main(String [] arg)
 
	{
		Interface inter_app=new Interface();
 
 
	}	
 
 
 
}

Le problème c'est que les images sont éloignées l'une de l'autre, comment faire pour personaliser la distance entre eux. MERci .

[slim_java]

comment les images sont 'ils éloignées? donner nous une visualisation .
tu doit en plus faire drawImage(....,0,0,...) a la position 0 ,0 de ton panneau ,peut être sa résoudra le problème

[sinok]

Utilise une JList avec un renderer custo dans une JList ayant sa layoutOrientation en HORIZONTAL_WRAP.

Un truc dans ce genre là:

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
package swing.tests;
 
import java.awt.Color;
import java.awt.Component;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
 
import javax.swing.BorderFactory;
import javax.swing.DefaultListCellRenderer;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JList;
import javax.swing.SwingConstants;
import javax.swing.border.LineBorder;
 
public class TestRenderer extends DefaultListCellRenderer {
 
    /**
     * 
     */
    private static final long serialVersionUID = 5134289471936146644L;
 
    @Override
    public Component getListCellRendererComponent(JList arg0, Object arg1,
            int arg2, boolean arg3, boolean arg4) {
 
        // TODO Auto-generated method stub
        // JLabel l = (JLabel) super.getListCellRendererComponent(arg0, arg1,
        // arg2, arg3, arg4);
        this.setText(null);
        this.setBackground(Color.white);        
        this.setIcon((ImageIcon) arg1);
        this.setHorizontalTextPosition(SwingConstants.CENTER);
        this.setBorder(BorderFactory.createCompoundBorder( BorderFactory.createEmptyBorder(5,5,5,5),new LineBorder(Color.blue.brighter().brighter().brighter())));
        return this;
    }
 
    public static void main(String[] args) {
 
        List<ImageIcon> icons = new ArrayList<ImageIcon>();
        File f;
 
        f = new File("thumbs");
        File[] ic = f.listFiles();
        System.out.println(f.getPath());
        System.out.println(f.getAbsolutePath());
        System.out.println(f.listFiles().length);
        for (File tmp : ic) {
            icons.add(new ImageIcon(TestRenderer.class.getResource("/thumbs/"
                    + tmp.getName())));
        }
        JList l = new JList(icons.toArray());
        l.setCellRenderer(new TestRenderer());
        l.setLayoutOrientation(JList.HORIZONTAL_WRAP);
        JFrame frm = new JFrame();
        frm.add(l);
        frm.pack();
        frm.setLocationRelativeTo(null);
        frm.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        frm.setVisible(true);
 
    }
}