Logo Mon Club Elec

PyQt Lab’ : Modifier la couleur de fond d’une image lors d’un clic souris

PyQt Lab est un outil puissant qui permet aux utilisateurs de modifier facilement la couleur de fond d’une image lors d’un clic souris. Il offre une variété de fonctionnalités qui permettent aux utilisateurs de modifier leurs images avec précision et rapidité. Dans cet article, nous allons examiner en détail comment utiliser PyQt Lab pour modifier la couleur de fond d’une image lors d’un clic souris. Nous verrons également comment cet outil peut être utilisé pour créer des effets visuels intéressants et améliorer la qualité des images.

PyQt Lab’ : Modifier la couleur de fond d’une image lors d’un clic souris

Par X. HINAULT – Juin 2013

PyQt Lab’ : Modifier la couleur de fond d’une image lors d’un clic souris PyQt Lab’ : Modifier la couleur de fond d’une image lors d’un clic souris PyQt Lab’ : Modifier la couleur de fond d’une image lors d’un clic souris

Ce que l’on va faire ici

  • Dans ce code PyQt, je montre comment intercepter les événements souris à l’aide d’une fonction eventFilter() puis comment analyser l’événement intercepté afin d’effectuer l’action voulue. Ici, on modifie le QImage avant de le recharger dans le QPixmap pour affichage.

Pré-requis

  • python 2.7
  • pyqt4.x

Le fichier d’interface *.py

  • Fichier obtenu automatiquement avec l’utilitaire pyuic4 à partir du fichier *.ui créé avec QtDesigner :
# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file
#
# Created: Thu Jun 13 15:08:27 2013
#      by: PyQt4 UI code generator 4.9.1
#
# WARNING! All changes made in this file will be lost!

from PyQt4 import QtCore, QtGui

try:
    _fromUtf8 = QtCore.QString.fromUtf8
except AttributeError:
    _fromUtf8 = lambda s: s

class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName(_fromUtf8(« Form »))
        Form.resize(333, 258)
        Form.setMouseTracking(True)
        self.labelImage = QtGui.QLabel(Form)
        self.labelImage.setGeometry(QtCore.QRect(5, 10, 320, 240))
        self.labelImage.setStyleSheet(_fromUtf8(« background-color: rgb(255, 255, 255); »))
        self.labelImage.setText(_fromUtf8(«  »))
        self.labelImage.setObjectName(_fromUtf8(« labelImage »))

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        Form.setWindowTitle(QtGui.QApplication.translate(« Form », « Pyqt : Clic souris change couleur fond », None, QtGui.QApplication.UnicodeUTF8))

if __name__ == « __main__ »:
    import sys
    app = QtGui.QApplication(sys.argv)
    Form = QtGui.QWidget()
    ui = Ui_Form()
    ui.setupUi(Form)
    Form.show()
    sys.exit(app.exec_())

 

Le fichier d’application *Main.py

#!/usr/bin/python
# -*- coding: utf-8 -*-

# par X. HINAULT – Mai 2013 – Tous droits réservés
# GPLv3 – www.mon-club-elec.fr

# modules a importer
from PyQt4.QtGui import *
from PyQt4.QtCore import *  # inclut QTimer..
import os,sys

from  tuto_pyqt_dessin_qpixmap_qimage_mouse_clic_couleur import * # fichier obtenu à partir QtDesigner et pyuic4

# +/- variables et objets globaux

class myApp(QWidget, Ui_Form): # la classe reçoit le Qwidget principal ET la classe définie dans test.py obtenu avec pyuic4
        def __init__(self, parent=None):
                QWidget.__init__(self) # initialise le Qwidget principal
                self.setupUi(parent) # Obligatoire

                # — Variables de classe

                # — Paramétrage des widgets de l’interface GUI si nécessaire —

                # — Connexions entre signaux des widgets et fonctions
                # connecte chaque signal utilisé des objets à l’appel de la fonction voulue

                # — Code actif initial  —

                # Dessin avec QPixmap (affichage) et QImage (I/O, accès pixels)

                # création d’un QImage permettant l’accès aux pixels
                self.image=QImage(self.labelImage.size(),QImage.Format_RGB32) # crée image RGB 32 bits même taille que label

                #– opérations de dessin sur le QImage
                self.image.fill(QColor(255,255,255)) # fond blanc

                #– affichage du QImage via QPixmap dans QLabel
                self.pixmap=QPixmap.fromImage(self.image) # initialise  le QPixmap…

                self.updatePixmap()

                #—– initialisation capture évènement souris du Qlabel
                self.labelImage.setMouseTracking(True) # active le suivi position souris
                self.labelImage.installEventFilter(self) # défini un objet dans cette classe pour « filtrer » les évènements en provenance de l’objet label – méthode classe Object

        # — les fonctions appelées, utilisées par les signaux des widgets —

        # — les fonctions appelées, utilisées par les signaux hors widgets —

        # fonction pour gérer filtrage évènements
        #def eventFilter(self, _, event): # fonction pour gérer filtrage évènements
        def eventFilter(self, srcEvent, event): # fonction pour gérer filtrage évènements – reçoit l’objet source de l’évènement
                print (« event « )
                #print srcEvent

                if srcEvent==self.labelImage: # teste si la source de l’évènement est bien le label – utile si plusieurs sources d’évènements activées
                        if event.type() == QEvent.MouseMove: # si évènement « mouvement de la souris »
                                x=event.pos().x() # coordonnée souris au moment évènement dans le widget source de l’évènement =
                                y=event.pos().y()
                                print (« MouseMove : x= »+ str(x) +  » y= «  + str(y)) # affiche coordonnées

                        elif event.type()==QEvent.MouseButtonPress: # si évènement « bouton souris appuyé »
                                if event.button()==Qt.RightButton:
                                        print « Bouton droit : « , # la fonction button de l’évènement QMouseEvent renvoie le QMouseButton
                                        self.image.fill(QColor(255,0,0)) # fond rouge
                                        self.updatePixmap() # met à jour le pixmap
                                # Qt.RightButton est une constante
                                elif event.button()==Qt.LeftButton:
                                        print « Bouton gauche : « , # la fonction button de l’évènement QMouseEvent renvoie le QMouseButton
                                        self.image.fill(Qt.blue) # fond bleu
                                        self.updatePixmap() # met à jour le pixmap

                                print (« x= »+str(event.pos().x())+ » y= »+str(event.pos().y()))

                        elif event.type()==QEvent.MouseButtonDblClick: # si évènement « bouton souris double clic »
                                        print « Double-clic ! »,
                                        self.image.fill(QColor(0,255,0)) # fond vert
                                        self.updatePixmap() # met à jour le pixmap

                        elif event.type()==QEvent.MouseButtonRelease: # si évènement « bouton souris relâché »
                                        self.image.fill(Qt.white) # fond blanc
                                        self.updatePixmap() # met à jour le pixmap

                        # pour la liste des QEvent : voir : http://pyqt.sourceforge.net/Docs/PyQt4/qevent.html
                        # Notamment :
                        #QEvent.MouseButtonDblClick     4       Mouse press again (QMouseEvent).
                        #QEvent.MouseButtonPress                2       Mouse press (QMouseEvent).
                        #QEvent.MouseButtonRelease              3       Mouse release (QMouseEvent).
                        #QEvent.MouseMove                               5       Mouse move (QMouseEvent).
                        #QEvent.MouseTrackingChange             109 The mouse tracking state has changed.

                return False # obligatoire…

        # — fonctions de classes autres—    

        def updatePixmap(self):
                # chargement du QImage dans le QPixmap
                self.pixmap.convertFromImage(self.image) # recharge le QImage dans le QPixmap existant – met à jour le QPixmap

                #– affichage du QPixmap dans QLabel
                self.labelImage.setPixmap(self.pixmap) # met à jour le qpixmap affiché dans le qlabel  

# — Autres Classes utiles —

# — Classe principale (lancement)  —
def main(args):
        a=QApplication(args) # crée l’objet application
        f=QWidget() # crée le QWidget racine
        c=myApp(f) # appelle la classe contenant le code de l’application
        f.show() # affiche la fenêtre QWidget
        r=a.exec_() # lance l’exécution de l’application
        return r

if __name__==« __main__ »: # pour rendre le code exécutable
        main(sys.argv) # appelle la fonction main
 

Utilisation

  • Les 2 fichiers suivants sont à enregistrer dans un même répertoire, l’un en nom.py et l’autre en nomMain.py.
  • Puis lancer l’application depuis Geany ou équivalent, en exécutant le fichier nomMain.py
  • Le fond de l’image est modifié lors des clics souris :
    • rouge sur le clic droit
    • bleu sur le clic gauche
    • blanc sur le double clic
Noter cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Archive Mon Club Elec

Articles populaires

Newsletter

Inscrivez-vous maintenant et bénéficiez d'un soutien continu pour réaliser vos travaux électriques en toute sécurité.