1°/ Description de l'application
Le premier onglet est divisé en 2 parties avec une SplitPane. La première partie comprend une ListView contenant les noms des images contenues dans le répertoire et la 2ème partie affiche l'image sélectionnée dans la ListView.
Le deuxième onglet contient un conteneur pour afficher une image et les boutons : "first", "previous", "play", "next" et "last" pour afficher d'autres images contenues dans le répertoire. Enfin, le deuxième onglet contient une ProgressBar pour afficher la progression du diaporama.
2°/Implémentation
L'application doit être conforme au paradigme MVC. Donc, elle se composera de :
- une classe Model qui contiendra les données : tableau de chaines de caractères contenant les noms des images, indice de l'image affichée pour chaque onglet, nombre des images, état de l'application, ... et les getters pour tous les attributs
- une classe View qui sera la vue contenant les 2 onglets pour afficher les images comme décrit ci-dessus
- une classe ControlList pour détecter les évènements de sélection des éléments de la ListView et afficher l'image correspondante à la sélection
- une classe ControlButton pour gérer les boutons "first" (afficher la première image), "previous" (afficher l'image précédente), "play" (afficher toutes les 2 secondes une image selon leur ordre dans le répertoire), "next" (afficher l'image suivante) et "last" (afficher la dernière image). La ProgressBar doit être mise à jour avec tout changement d'images
3°/Remarques
* Pour lire les images dans un répertoire :
File folder=new File(imagesPath);
int cpt=0;
for (final File fileEntry : folder.listFiles()) {
imageNames[cpt]=fileEntry.getName();
cpt++;
}
* Pour ajouter une image à l'interface et modifier ses dimensions :
ImageView imageView1=new ImageView("file:path_to_image/image_name");
imageView1.setFitWidth(300);
imageView1.setFitHeight(300);
* Pour le bouton "play" vous devez utiliser un timer qui affiche toutes les 2 secondes une nouvelle image et met à jour la ProgressBar.
Figure 1 : Premier onglet divisé en deux parties avec la SplitPane. La première partie contient une ListView affichant les noms des images et la deuxième partie affiche l'image sélectionnée dans la ListView.
Figure 2 : Deuxième onglet affichant une image du répertoire et contenant des boutons pour changer l'image affichée.
4°/Supplément
Ajouter un menu qui permet de modifier le répertoire contenant les images à afficher dans les 2 onglets. Utiliser un DirectoryChooser qui va afficher une petite fenêtre à l'utilisateur pour lui permettre de sélectionner un répertoire dans son système de fichiers. Le modèle et la liste doivent être modifiés en fonction du nouveau répertoire sélectionné.
Figure 3 : Sélectionner à l'aide du menu un nouveau répertoire contenant des images