Navigation dans l'image

Question

Comment naviguer dans l'image à l'aide des touches fléchées du clavier en C#.

Ma 1re forme contient listView. La liste contient 10 images en format miniature. L'image provient d'un dossier particulier. Lorsque je double-clique sur l'image dans la liste, elle s'ouvre dans une nouvelle fenêtre en tant que grande image. Je veux naviguer dans l'image dans la nouvelle fenêtre selon l'ordre de listview.

Si je clique sur l'image de manière aléatoire, je souhaite naviguer dans l'image de l'image sélectionnée.

C'est comme un gestionnaire d'image Microsoft.

Donnez-moi une idée.

Answer 1

Méthode M-V-VM.

ViewModel contient deux propriétés (ok, pas exactement MVVM mais peu importe):

ObservableCollection<ImageSource> Images 
ImageSource SelectedImage 

ListView dans la première page est liée aux images. La propriété SelectedItem de ListView est liée à SelectedImage.

La seconde fenêtre est également liée au même ViewModel. L'image volumineuse affichée est liée à la propriété SelectedImage.

Lorsque des images sont ajoutées à des images, elles sont affichées dans ListView. Lorsque le SelectedItem dans le ListView change, SelectedImage change dans le ViewModel, ce qui change l'image dans la deuxième fenêtre.

Il y a une idée de comment cela fonctionnerait. Un peu plus de todo afin de réellement accomplir ceci, cependant.

Answer 2

Ne devrait pas être trop dur. WPF, je suppose?

1. Chargez le listview avec vos images miniatures, chaque accès à l'aide d'un index.
2. Les images elles-mêmes ont un événement de clic qui remplace le cadre actuel par un autre.
3. Il a l'image en taille réelle le long de avec les boutons «Suivant» et «Précédent».
4. Le bouton Suivant remplace l'image actuelle (index X) par une image dont l'index est X + 1. Précédent fait la même avec X-1.

Ne pas oublier la vérification des limites. Si l'index devient négatif, définissez X sur l'index le plus élevé de la liste et si X dépasse le plus haut, mettez-le à zéro.

Voici quelques exemples d'applications de Microsoft qui ont le code réel pour vous aider à démarrer:

Photo Store Demo

WPF Photo Viewer Demo