Chargement d'images

Version imprimable

Voir 40 message(s) de cette discussion en une page

Chargement d'images

Bonsoir,

je début en python et j'aimerais pouvoir faire une sorte de Paint pour m'entrainer ainsi d'abord, je veux charger une image dans une fenêtre.
Mon soucis est que je n'arrive pas à mettre le nom du fichier en variable globale pour y accéder lors de l'affichage.
Merci de votre d'aide.

Code:

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
#-* coding: iso-8859-1 -*-
import sys
from PySide import QtCore
from PySide import QtGui
 
h = 600 
l = 800
nouvelle_valeur=''
name=''
class ImageLoader(QtGui.QMainWindow):
#    
#    def set_name(self,nouvelle_valeur):
#        """ global name Fonction nous permettant de tester la portée des variables
#    définies dans notre corps de fonction.
#    """
#    
#    print "Nouvelle valeur : " + nouvelle_valeur
#    print "fin de la nouvelle valeur"
#    # On essaye d'afficher la variable var, si elle existe
#    try:
#        print("Avant l'affectation, notre variable var vaut {0}.".format(name))
#    except NameError:
#        print("La variable var n'existe pas encore.")   
#        name = nouvelle_valeur
#        print("Après l'affectation, notre variable var vaut{0}.".format(name))
#   
#    def get_name(self):
#        return name
 
#Creation d'un slot personnalise  
    def openDial(self) :
        global name
        print " Ouverture du fichier "
        dialog = QtGui.QFileDialog.getOpenFileName(self, "Open Image", "C:/", "Image Files (*.png *.jpg *.bmp)")
        #get from tuple the name of file
        print dialog[0]  
        name=dialog[0]
#        self.set_name(name)
#        return name
 
#get image and print her
#        if dialog.selectedFiles:
#            fileNames = dialog.selectedFiles()
    def __init__(self, parent=None):
        QtGui.QMainWindow.__init__(self, parent)
        self.resize(l,h)
        self.setFont(QtGui.QFont("Verdana"))
        self.setWindowTitle("Image loader")
        try:
            self.setWindowIcon(QtGui.Icon("icon.jpg"))
        except:pass
 
        fen = QtGui.QDesktopWidget().screenGeometry()
        size = self.geometry()
        self.move((fen.width()-size.width())/2, (fen.height()-size.height())/2)
 
 
        menubar = self.menuBar() 
        file_ = menubar.addMenu("File")
        edit_  = menubar.addMenu("Edit")
 
        #Creation de l'action Fermer.
        #QAction recoit cinq parametres qui sont le titre, le parent, 
        #le raccourci clavier, le message qui apparaitra dans la barre de statut et enfin le slot qui sera appele.
 
        self.menuopen= QtGui.QAction("Open",self,triggered=self.openDial)
        file_.addAction(self.menuopen)
        self.menusave = QtGui.QAction("Save",self,triggered=self.close)
        file_.addAction(self.menusave)
        self.menuquit = QtGui.QAction("Quit", self,triggered=self.close)   
        file_.addAction(self.menuquit)
 
        print "Valeur du name dans le main avt if " + name
        print "fin print"
 
        if name!='':
            label = QtGui.QLabel("", self)
            label.move(600, 400)
            print "Valeur du name dans le main avec if " + name
            print "fin print"
            label.setPixmap(QtGui.QPixmap(name))
 
 
 
 
app = QtGui.QApplication(sys.argv)
imageLoader = ImageLoader()
imageLoader.show()
sys.exit(app.exec_())

Ici, j'ai essayé deux solutions,une avec une variable globale pour récupérer le nom du fichier image à afficher et avec des gets/sets.

02/06/2012, 18h54
VinsS
Salut,
Code:

1 2 3 4 5 6 7 8 9 10 reply = unicode(QtGui.QFileDialog.getOpenFileName(self, ...... if reply: self.name = reply else: self.name = None ... label.setPixmap(QtGui.QPixmap(self.name))
Tout est là:
http://pyqt.developpez.com/tutoriels/#imagerie
et plus encore ...

Edit: Je n'y avais pas fait attention en première lecture mais ton action de menu ne fait qu'appeller la boite de dialogue. Rien de plus. Il faut donc mettre ton changement d'image dans une fonction et l'appeller avec le résultat de la boite de dialogue.

Malheureusement, j'ai simplifié mon code par rapport aux exemples proposés et préférerais le faire moi-même.
Du coup, il ne reconnait pas la variable name.

l.56
label.setPixmap(QtGui.QPixmap(self.name))
AttributeError: 'ImageLoader' object has no attribute 'name'

Code:

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
 
#-* coding: iso-8859-1 -*-
import sys
from PySide import QtCore
from PySide import QtGui
 
h = 600 
l = 800
name=''
class ImageLoader(QtGui.QMainWindow):
    global name
#Creation d'un slot personnalise  
    def openDial(self) :
 
        print " Ouverture du fichier "
        reply = unicode(QtGui.QFileDialog.getOpenFileName(self, "Open Image", "C:/", "Image Files (*.png *.jpg *.bmp)"))
        if reply:
            self.name = reply
        else:
            self.name = None
 
 
#get image and print her
#        if dialog.selectedFiles:
#            fileNames = dialog.selectedFiles()
    def __init__(self, parent=None):
        QtGui.QMainWindow.__init__(self, parent)
        self.resize(l,h)
        self.setFont(QtGui.QFont("Verdana"))
        self.setWindowTitle("Image loader")
        try:
            self.setWindowIcon(QtGui.Icon("icon.jpg"))
        except:pass
 
        fen = QtGui.QDesktopWidget().screenGeometry()
        size = self.geometry()
        self.move((fen.width()-size.width())/2, (fen.height()-size.height())/2)
 
 
        menubar = self.menuBar() 
        file_ = menubar.addMenu("File")
        edit_  = menubar.addMenu("Edit")
 
        #Creation de l'action Fermer.
        #QAction recoit cinq parametres qui sont le titre, le parent, 
        #le raccourci clavier, le message qui apparaitra dans la barre de statut et enfin le slot qui sera appele.
 
        self.menuopen= QtGui.QAction("Open",self,triggered=self.openDial)
        file_.addAction(self.menuopen)
        self.menusave = QtGui.QAction("Save",self,triggered=self.close)
        file_.addAction(self.menusave)
        self.menuquit = QtGui.QAction("Quit", self,triggered=self.close)   
        file_.addAction(self.menuquit)
 
        label = QtGui.QLabel("", self)
        label.move(600, 400)
        label.setPixmap(QtGui.QPixmap(self.name))
 
 
app = QtGui.QApplication(sys.argv)
imageLoader = ImageLoader()
imageLoader.show()
sys.exit(app.exec_())

02/06/2012, 23h42
VinsS

Ben, évidemment puisque le chemin de l'image n'existe que suite à l'exécution de la fonction openDial.

Donc, tu dois placer

Code:

label.setPixmap(QtGui.QPixmap(self.name))

dans une fonction séparée qui sera appellée à la suite de openDial.

__init__() serait mieux placée directement après la définition de la classe et ensuite les autres fonctions.

Et dans le mouvement tu peux enlever cette horreur de

Code:

global name

qui n'a rien à faire dans de la POO.

Tout à fait d'accord, je vais essayer et surtout enlever le global qui me parait également horrible en POO.
C'était une solution désespérée.
Toujours besoin d'aide finalement, ca me semble une bonne solution malgré tout j'affiche rien comme image.

Code:

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
 
#-* coding: iso-8859-1 -*-
import sys
from PySide import QtCore
from PySide import QtGui
 
h = 600 
l = 800
name=''
class ImageLoader(QtGui.QMainWindow):
 
#Creation d'un slot personnalise  
    def openDial(self) :
 
        print " Ouverture du fichier "
        reply = QtGui.QFileDialog.getOpenFileName(self, "Open Image", "C:/", "Image Files (*.png *.jpg *.bmp)")
        if reply:
            self.name = reply[0]
            self.loadPic()
        else:
            self.name = None
 
    def loadPic(self):
        print "Boucle affichage"
        label = QtGui.QLabel("", self)
        label.move(600, 400)
        print "Nom image à afficher " + self.name
        label.setPixmap(QtGui.QPixmap(self.name))
 
#get image and print her
#        if dialog.selectedFiles:
#            fileNames = dialog.selectedFiles()
    def __init__(self, parent=None):
        QtGui.QMainWindow.__init__(self, parent)
        self.resize(l,h)
        self.setFont(QtGui.QFont("Verdana"))
        self.setWindowTitle("Image loader")
        try:
            self.setWindowIcon(QtGui.Icon("icon.jpg"))
        except:pass
 
        fen = QtGui.QDesktopWidget().screenGeometry()
        size = self.geometry()
        self.move((fen.width()-size.width())/2, (fen.height()-size.height())/2)
 
 
        menubar = self.menuBar() 
        file_ = menubar.addMenu("File")
        edit_  = menubar.addMenu("Edit")
 
        #Creation de l'action Fermer.
        #QAction recoit cinq parametres qui sont le titre, le parent, 
        #le raccourci clavier, le message qui apparaitra dans la barre de statut et enfin le slot qui sera appele.
 
        self.menuopen= QtGui.QAction("Open",self,triggered=self.openDial)
        file_.addAction(self.menuopen)
        self.menusave = QtGui.QAction("Save",self,triggered=self.close)
        file_.addAction(self.menusave)
        self.menuquit = QtGui.QAction("Quit", self,triggered=self.close)   
        file_.addAction(self.menuquit)
 
 
 
 
app = QtGui.QApplication(sys.argv)
imageLoader = ImageLoader()
imageLoader.show()
sys.exit(app.exec_())

J'ai changé la reply pour avoir juste le chemin absolu pour mon image dans la console, ça donne :
Ouverture du fichier
Boucle affichage
Nom image à afficher C:/Desert.jpg
Mais aucun image à l'horizon. Merci encore, ce langage est puissant mais pas si simple que cela je trouve, je persévère quand même.
Bon dimanche.

C'est normal que tu ne voies pas ton image, tu as positionné ton label au bord de la fenêtre.

D'autre part pourquoi tiens-tu tant à faire:

Code:

self.name = reply[0]

reply[0] te retourne le premier caractère du chemin du fichier soit 'C' dans ton cas.

Quand quelque chose ne fonctionne pas, il faut éviter les modifications empiriques qui finissent par rendre le code illisible. Surtout quand il s'agit déjà d'un code venu d'ailleurs comme en témoignent les lignes de commentaires hors contexte.

Repartons d'une base simple:
Code:

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 #-* coding: utf-8 -*- import sys from PyQt4 import QtCore, QtGui class ImageLoader(QtGui.QMainWindow): def __init__(self, parent=None): QtGui.QMainWindow.__init__(self, parent) self.resize(600, 500) self.setWindowTitle("Image loader") self.centralwidget = QtGui.QWidget() self.layout = QtGui.QGridLayout(self.centralwidget) self.label = QtGui.QLabel(self.centralwidget) self.layout.addWidget(self.label, 0, 0, 1, 1) menubar = self.menuBar() file_ = menubar.addMenu("File") self.menuopen= QtGui.QAction("Open",self,triggered=self.open_dial) file_.addAction(self.menuopen) self.menuquit = QtGui.QAction("Quit", self,triggered=self.close) file_.addAction(self.menuquit) self.setCentralWidget(self.centralwidget) def open_dial(self) : reply = QtGui.QFileDialog.getOpenFileName(self, "Open Image", "", "Image Files (*.png *.jpg *.bmp)") if reply: self.name = reply self.load_pic() else: self.name = None def load_pic(self): self.label.setPixmap(QtGui.QPixmap(self.name)) app = QtGui.QApplication(sys.argv) imageLoader = ImageLoader() imageLoader.show() sys.exit(app.exec_())
Tu remarqueras l'usage d'un widget central et d'un grid layout qui te permettrons d'éviter les problèmes de positionnement des widgets, c'est Qt qui s'en chargera pour toi.

Voilà pour commencer.

P.S. Faudra redimmensionner ton image aussi.

03/06/2012, 21h05
Jiyuu

Un petit tour sur la FAQ t'aurait bien aidé pour l'affichage de l'image ^^

http://pyqt.developpez.com/faq/?page...-debuter-image

De plus je te confirme qu'il n'est pas utile d'utiliser global à partir du moment où tu déclares ta variable en dehors de toute classe ou fonction dans ton code.
04/06/2012, 11h24
electrolover49

Merci encore vraiment pour votre aide. J'en aurais surement encore besoin peut-être, je vais continuer d'apprendre ( ça fait deux semaines que je connais le Python^^)
Et si j'ai des questions, elles seront plus pertinentes je l'espère .
En faite, j'en ai encore une :P, j'ai vu que pour travailler sur une image, il valait mieux utiliser Qimage que QPixmap ?
Mon objectif serait de pouvoir modifier l'image dans ce sens QImage est-il plus judicieux à utiliser ?
Bonne journée.
04/06/2012, 13h10
VinsS

Citation:

...j'ai vu que pour travailler sur une image, il valait mieux utiliser Qimage que QPixmap ?
Mon objectif serait de pouvoir modifier l'image dans ce sens QImage est-il plus judicieux à utiliser ?

C'est précisément l'information que tu trouveras dans le lien que je t'ai donné dans mon post #2.
04/06/2012, 18h59
electrolover49
Encore quelques questions pour ce soir , je pense ^^ :
- Est-il possible de passer simplement de QPixmap à Qimage ?
  Car la méthode load n'a pas l'air compatible avec les label.
- Deuxièmement, j'aurais souhaité utiliser pyside plutôt que PyQt par rapport à la licence malgré tout avec la librairie PySide j'ai une erreur XPM is not supported quand j'essaie.
Merci. Bonne soirée.
04/06/2012, 21h56
ashren

Bonsoir,

normalement la méthode toImage() de QPixmap devrait faire l'affaire.

Pour PySide, normalement l'API est interchangeable mis à part 2/3 subtilités comme pour les signaux et les slots. Pour l'erreur XPM, ça fonctionne avec PyQt4 ?

La documentation (PyQt4, PySide ou même Qt4) permet cependant de répondre à bon nombre de questions basiques telles que celle-ci.

Bonne soirée.
05/06/2012, 09h19
Jiyuu

Deux semaines que tu fais du Python et tu t'attaques déjà à l'imagerie ??? Chapeau bas... enfin j'espère que tu as pris le temps de bien étudier ce que Python sait faire ^^.

Pour le passage de PyQt à PySide, je te confirme que normalement tu ne devrais pas rencontrer de soucis... même les subtilités dont Ashren parlent tendent à disparaître.

Pour revenir à ton souci, quelle version de PySide utilises-tu ? J'ai été absent quelques mois du monde de la programmation et je ne sais pas les différents bogues qui ont pu être corrigés, mais à lire ceci, tu ne devrais pas avoir de problème.

Sinon, pour passer de QPixmap à QImage, ceci t'aide-t-il ?

Bonne continuation.
05/06/2012, 14h13
electrolover49

Problème pour l'association au Qlabel

Après avoir bien lu les différents tutoriels, je reste coincé pour l'affichage de l'image avec le QLabel en effet il me faut une Qimage pour pouvoir travailler sur les pixels malheureusement je ne vois pas comment ouvrir l'image.

J'ai essayé avec setPicture mais malheureusement je n'arrive pas à trouver une méthode qui permettrait d'ouvrir correctement ma Qimage pour la traiter.

Merci encore, ce langage est passionnant et j'essaye de m' accrocher lol.

Redimensionnement quasi-réussi

En me servant du tutoriel pour visionner les images, j'ai réussi à redimensionner l'image ce qui est encore perfectible.
Malgré tout, je ne vois toujours pas comment changer ceci :
self.scene.addPixmap(self.pixmap)
en addImage pour afficher une QImage .:?

Merci de votre aide.
Ci-dessous la nouvelle version :

Code:

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
 
#-* coding: utf-8 -*-
 
from PyQt4 import QtGui,QtCore
import sys
import os
 
class ImageLoader(QtGui.QMainWindow):
    def __init__(self, parent=None):
        QtGui.QMainWindow.__init__(self, parent)
        self.resize(600, 500)
        self.setWindowTitle("Image loader")
        self.centralwidget = QtGui.QWidget()
        self.layout = QtGui.QGridLayout(self.centralwidget)
        self.label = QtGui.QLabel(self.centralwidget)
        self.layout.addWidget(self.label, 0, 0, 1, 1)
 
        # QGraphicsView can allow to resize the window
        self.vue = QtGui.QGraphicsView(self.centralwidget) 
        self.layout.addWidget(self.vue) 
 
        """
            Creation of menuBar with all the option available to work on our image
        """
        menubar = self.menuBar() 
        file_ = menubar.addMenu("File")
        self.menuopen= QtGui.QAction("Open",self,triggered=self.open_dial)
        file_.addAction(self.menuopen)
        self.menuquit = QtGui.QAction("Quit", self,triggered=self.close)   
        file_.addAction(self.menuquit)
 
        self.setCentralWidget(self.centralwidget)
 
    def open_dial(self) :
        reply = QtGui.QFileDialog.getOpenFileName(self, "Open Image", "", "Image Files (*.png *.jpg *.bmp)")
        if reply:
            self.name = reply
            self.load_pic()
        else:
            self.name = None
            print "Invalid Image"
    def load_pic(self):
        self.img = QtGui.QImage(self.name)
        w_vue, h_vue = self.vue.width(), self.vue.height() 
        self.pixmap = QtGui.QPixmap.fromImage(self.img.scaled(w_vue, h_vue,
                                    QtCore.Qt.KeepAspectRatio, 
                                    QtCore.Qt.SmoothTransformation))
        w_pix, h_pix = self.img.width(), self.img.height()
        self.scene = QtGui.QGraphicsScene()
        self.scene.setSceneRect(0, 0, w_pix, h_pix)
        self.scene.addPixmap(self.pixmap)
        self.vue.setScene(self.scene)
 
 
 
 
app = QtGui.QApplication(sys.argv)
imageLoader = ImageLoader()
imageLoader.show()
sys.exit(app.exec_())

05/06/2012, 15h23
VinsS

Tout d'abord si tu utilises un QGraphicsView au lieu d'un QLabel alors enlève le QLabel de ton code et place correctement la vue dans son layout.

Code:

self.layout.addWidget(self.vue, 0, 0, 1, 1)

Ensuite tu n'as aucun besoin de vouloir la QImage à l'écran si ton intention est de travailler dessus.

La QImage est ouverte en mémoire à taille réèlle sous le nom de self.img, tu pourras donc accéder à ses pixels, alors que la pixmap ne sert qu'à sa représentation à l'écran et, ce qui fait toute la différence, à une autre taille. Généralement réduite.

Ce qui signifie que l'on réalise une transformation sur la QImage et on visualise ensuite cette transformation à l'écran en recréant une nouvelle pixmap. Ceci pour chaque transformation de l'originale, aussi petite soit-elle.

Il faut garder à l'esprit que l'image à l'écran n'est que la représentation d'une image qui est, elle, le véritable objet traité.
05/06/2012, 15h31
electrolover49

Réponse

Bien évidemment, j'ai enlevé le widget inutile, je te l'accorde.

Je te remercie pour ces précisions ainsi si j'ai bien compris, souhaitant travailler sur les pixels de l'image, je prendrais donc la self.img qui est une QImage et l'affichage de cette image sous Qpixmap est donc indépendant ?

Je peux aisément réaliser une sélection sur l'objet QPixmap, n'est-ce pas ?

Tu as aussi la possibilité de ré-implémenter un widget et dessiner la QImage associée grâce à un QPainter et sa méthode drawImage (voir le tuto zetcode pour le widget http://zetcode.com/tutorials/pyqt4/customwidgets/).

EDIT: un petit exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 from PySide.QtGui import QApplication, QWidget, QPainter, QImage class ImageView(QWidget): def __init__(self, image, parent=None): super(ImageView, self).__init__(parent=parent) self.__image = image def paintEvent(self, e): painter = QPainter(self) painter.drawImage(self.rect(), self.__image) if __name__ == '__main__': app = QApplication([]) img = QImage("image.png") win = ImageView(img) win.show() app.exec_()

05/06/2012, 18h52
electrolover49

plus d'informations :)

Est - ce plus avantageux de faire ceci plutôt que l'affichage avec le QPixmap qui sera toujours modifiable si j'ai bien compris?
05/06/2012, 19h02
ashren

Le seul avantage de ma solution est le fait que si on modifie __image, le résultat est affiché au prochain refresh du widget sans passer par une conversion dans le code, ce qui simplifie légèrement le code.

Pour ma part c'est juste ma façon de voir le problème et le choix final est en fonction de ce que tu arrive à comprendre le mieux (même si ce n'est pas forcément la méthode la plus rapide / évolutive).
05/06/2012, 20h11
electrolover49

Cela me parait une bonne solution. Facilement compréhensible, par la suite, je souhaiterais sélectionner une zone est-ce possible facilement ?

Voir 40 message(s) de cette discussion en une page