Version imprimable
Bonjour à tous, suite à ma discussion (cf.lien
http://www.developpez.net/forums/d12...e/#post6726180 )
J'aimerais pouvoir implémenter une gomme qui effacerait les "imperfections " d'une QImage, je vais me pencher plus sérieusement sur la questions.
Merci d'avance pour votre aide ^^.
Après réflexion, je pense qu'une solution serait d'avoir un "Pen" qui soit de la même couleur que le fond de l'image ou la couleur sélectionnée et qui effacerai
les imperfections.
Ce qui me manque, c'est qu'il faut surcharger paintEvent j'imagine ? Il est possible que d'avoir une seule méthode paintEvent ?
Rajouter une sorte de "pen" je sais qu'on peut mettre une image dans le brush, j'aimerais récupérer la couleur du pixel que je sélectionne pour la mettre dedans, je ne sais pas si c'est possible ?
Merci de vos conseils.:PCode:
2
3
4
5
6
7
Pas besoin de surcharger à nouveau paintEvent, définit une variable du genre 'mode' pour savoir si on doit sélectionner ou bien gommer, puis utilise cette variable dans le mouseEnterEvent et mouseMoveEvent pour dessiner la couleur de ton choix à l'emplacement désiré (contenu dans l'évènement).
Selon toi , je devrais donc utiliser cette variable avec une sorte de if en gros si jamais le mode gomme est on, j'active la fonction avec la couleur choisie sinon je sélectionne.
ça me parait pas mal, je vais travailler ça.
J'ai réussi sur un de mes test à dessiner mes traits comme je voulais. Cependant dans mon projet réel , j'ai du mal à permettre l'activation du dessin.
De plus, j'aimerais un cercle plein et j'ai du mal à voir comment le faire en python :s
Voici mon code :
Merci encore et bon week end^^
Code:
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
102
103
104
105
106
107
108
109
110
111
112
Ne dessine pas la ligne dans le paintEvent, créé un QPainter sur ta QImage interne et dessine dessus.
Selon le mode, tu récupère les coordonnées d'origine lors d'un mousePressEvent et tu dessine ta ligne lors du mouseReleaseEvent.
EDIT: pour voir ta ligne se dessiner (pour savoir où relâcher la souris comme dans tout logiciel de dessin), dessine la aussi avec le QPainter du paintEvent juste après le drawImage.
Pour le cercle, voir la méthode drawArc de QPainter.
Je teste ça et je poste demain la réponse une fois que j'ai bien bosser .
Bonne soirée.
Je suis pas certains d'avoir compris ce que tu voulais par dessiner sur la QImage interne, est- ce que cela voulait dire exécuter l'action dans la MainWindows ?
Sinon pour le drawArc, je ne sais pas si c'est la meilleure solution en tout cas je me souviens avoir fais à peu près la même chose en java et j'utilisais une line enfin une freehandLine pour pouvoir dessiner plutôt gommer ou je voulais.
En tout cas, voila ce que j'ai fais pour essayer de le mettre en appli :
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
Je mettrai plus la ligne 64 à la place de la ligne 110 en termes de logique, puisque le widget affichant l'image est l'ImageView et non la MainWindow.
Pour la QImage interne, je parlai évidemment de __image dans l'ImageView puisque le QPainter peut s'initialiser sur celle-ci au lieu d'un widget.
Enfin, pour drawArc, cela permet de dessiner des arcs de cercle, donc des cercles entiers avec les bonnes valeurs pour les angles.
Oui, c'est vrai.
C'est afficher par ImageView je vais modifier cela en espérant que ça marche ^^.
Pour l'arc, je vais faire des essais une fois que j'arriverais à dessiner les lignes déjà.
Bon dimanche.
J'ai remplacé la ligne 68 mais j'ai un problème de redéfinition du painter, peut-être redéfinir le mode, je n'ai pas l'impression qu'il prenne vraiment la condition.
Merci de l'aide ^^.
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
Je n'ai pas trop compris ta phrase mais il me semble en regardant ton code que tu ne change pas le __mode de ton ImageView, uniquement le __mode de ta MainWindow, ce qui pourrait expliquer un problème de changement de mode.
J'ai modifié l'accès à la variable, il suffira de cliquer sur une checkbox pour changer de mode ensuite je ne vois pas comment accéder au mode dans l'image view pour lancer le paintEvent :roll:
Merci ^^.
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
Le fait d'avoir un double '__' devant une variable la rend 'privée' (c'est plus dur mais pas impossible d'y accéder de l’extérieur). Soit tu enlève ces '__' soit tu créé une méthode d'accès dans la classe ImageView du genre setMode(mode) qui te permet de le changer.
J'ai rajouté une propriété pour définir les getter/setters malgré tout il ne reconnait pas le mode malheureusement ;s
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
Dans le setMode du ImageView, essaie d'ajouter un self.update() juste après le self._mode = _newMode
J'ai rajouté le update() qui devrait rafraichir la vue malgré tout il ne reconnait toujours pas l'attribut mode.
Je ne sais pas si j'utilise bien la property pour avoir les bon get/set activés car j'aimerais avoir une réactivité lors du changement de mode .
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
Ligne 66 remplace _setMode directement par une attribution de valeur à mode.
Ligne 105 enlève les self. (property fonctionne directement au niveau de la classe).
Si je fais cela j'ai une erreur,Citation:
Envoyé par ashren
mode = property(_getMode,_setMode)
NameError: global name '_getMode' is not defined
Et j'ai pas l'impression qu'il me trace bien le trait quand je veux aussi :s
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166class MainWindow(QMainWindow): def __init__(self): super(MainWindow, self).__init__() self.image = ImageView(QImage()) self.resize(500, 300) self.setWindowTitle("Image loader") statusbar = QStatusBar(self) self.setStatusBar(statusbar) """ Adding of actions for the tool bar """ iconToolBar = self.addToolBar("iconBar") #About _actionAbout = QAction(self) _actionAbout.triggered.connect(self._actionAbout) _actionAbout.setIcon(QIcon("Pics\info-icon.jpg")) _actionAbout.setStatusTip("Pop up the About dialog.") iconToolBar.addAction(_actionAbout) #Rubber _actionRubber = QAction(self) _actionRubber.setIcon(QIcon("Pics\eraser2.png")) _actionRubber.setStatusTip("Enable or Disable eraser tool") iconToolBar.addAction(_actionRubber) """ Add of scroll bars to see properly the images """ self.area = QScrollArea(self) self.area.setWidget(self.image) self.area.setWidgetResizable(True) self.setCentralWidget(self.area) """ Add of the Menu which contains all the features like of Open/Save/.. and the edit options """ menu = QMenuBar() self.setMenuBar(menu) _file = menu.addMenu('File') _edit = menu.addMenu("Edit") # Menu Open _action = QAction('Open', _file,shortcut=QKeySequence.Open) _action.triggered.connect(self.__actionOpen) _file.addAction(_action) # Menu Save _action = QAction('Save', _file,shortcut=QKeySequence.Save) _action.triggered.connect(self.__actionSave) _file.addAction(_action) # Menu Close _action = QAction('Close', _file,shortcut=QKeySequence.Close) _action.triggered.connect(self.__actionClose) _file.addAction(_action) #Menu Edit #Check Box rub self._ckbox = QCheckBox("Rubber On") statusbar.addWidget(self._ckbox) if self._ckbox.isChecked(): self._mode = "rub" else : self._mode = "select" #Init of the boolean to know whether we select or rub self.image._setMode("rub") def __actionOpen(self): _file = QFileDialog.getOpenFileName(self, "Open Image", "", "Image Files (*.png *.jpg *.bmp)") if _file: self.image.setWorkingImage(QImage(_file[0])) else: print "Invalid Image" def __actionSave(self): _file = QFileDialog.getSaveFileName(parent=None, caption="Save image as") _result = self.image.workingImage().save(_file[0], "BMP", -1) # Test to know if it's working if _result: print "Saved successfully" else : print "Saving failed" def __actionClose(self): self.close() def _actionAbout(self): '''Popup a box with about message.''' QMessageBox.about(self, "About PySide, Platform and the like", """<b> About this program </b> <p>Copyright 2012 Maugin Guillaume. All rights reserved in accordance with GPL v2 or later <p>This application can be used for displaying OS and platform details. <p>Python %s - PySide version %s - Qt version %s on %s""" ) class ImageView(QWidget): def __init__(self, image, parent=None): super(ImageView, self).__init__(parent=parent) self.__image = image self._mode ="rub" #self._getMode() #Init of the property for mode mode = property(self._getMode,self._setMode) #Get of the mode self._mode = image.mode #Init of selection self.__band = QRubberBand(QRubberBand.Rectangle, self) self.__origin = None #Init of rubber #the rub is a rectangle that should be the size of one pixel and the color and full # of the one selected def _getMode(self): return self._mode def _setMode(self,_newMode): self._mode= _newMode self.update() def setWorkingImage(self, img): self.__image = img self.setMinimumSize(img.size()) self.update() def workingImage(self): return self.__image def mousePressEvent(self, e): self.__origin = e.pos() if self._mode =="select": #__ private variable self.__band.setGeometry(QRect(self.__origin, QSize())) self.__band.show() if self._mode =="rub": if e.button() == Qt.LeftButton : self.x1 = e.x() self.y1 = e.y() def mouseReleaseEvent(self, e): self.__band.hide() if self._mode =="select": print "La selection est :", QRect.intersect(self.__band.geometry(), self.rect()) if self._mode =="rub": if e.button() == Qt.LeftButton : self.x2 = e.x() self.y2 = e.y() painter = QPainter(self) painter.drawLine(self.x1,self.y1,self.x2,self.y2) def mouseMoveEvent(self, e): self.__band.setGeometry(QRect(self.__origin, e.pos()).normalized()) def paintEvent(self, e): painter = QPainter(self) painter.drawImage(self.rect(), self.__image) # Important ou non ? painter.drawLine(self.x1,self.y1,self.x2,self.y2) if __name__ == '__main__': app = QApplication([]) win = MainWindow() win.show() app.exec_()
La property devait être définie à la fin de la classe et non dans le __init__.
J'ai modifié légèrement ton code (regarder les changements avec un diff viewer quelconque) :
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
Merci encore pour l'aide, j'avais oublié que le property ne marcherai pas dans la méthode __init__.:ccool:
Enfin malheureusement le trait ne reste pas, j'ai l'impression qu'il ne reste pas dans la vue :s
Chez moi, le code que j'ai envoyé laisse un trait lorsque j'utilise le bouton gauche de la souris pour le tracer (avec le droit il me fait un truc étrange)
Oui, c'est normal j'ai mis une condition pour que cela soit uniquement le gauche
l.157 leftButton
pour vérifier qu'on clique bien à gauche.
Malgré tout, le trait disparait, c'est étonnant :s.
C'est plutôt étrange que ça ne marche pas chez toi.
Mon setup:
Code:
2
3
4
5
J'ai exactement la même config en plus lol
Je viens de réessayer, même en enregistrant les lignes apparaissent. Quel comportement as-tu exactement ?
Je pense que cela n'a pas d'importance car je vais étudier comment dessiner avec un arc (cercle ) et puis avoir la même couleur que celle que je veux pour pouvoir gommer.
En faites, à chaque fois que je trace un nouveau trait l'ancien disparait .
Si je clique sur mon bouton rubber enfin si je le décoche, le trait reste et quand je reclique il disparait.
Je pense qu'il ne faut pas rester sur un échec mais bon.
Pour l'arc de cercle (pour faire un cercle complet), la documentation devrait amplement suffire (au pire il y a toujours celle de Qt4 directement).
EDIT: les traits restent même en jouant avec la case à cocher :(
Je suis d'accord, cela m'énerve aussi.
Malgré tout, l'objectif finale pour moi est la gomme, le trait c'était juste pour l'entrainement.
Je vais étudier encore la doc, la difficulté sera de sélectionner la couleur que je veux, j'imagine.
Merci encore,bonne soirée.:ccool:
EDIT :
Voici l'erreur que j'ai en console
QPainter::begin: Paint device returned engine == 0, type: 3
En faite, me revoici, j'ai réussi à dessiner mon cercle malgré tout il ne reste pas afficher :(.
Et je me demande si il faudrait pas mieux une freeHandline pour pouvoir balader ma gomme où je veux à méditer ^^.
Code:
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
Dans paintEvent et mouseReleaseEvent remplacer le drawArc par ceci
en respectant l'indentation d'origine bien sur.Code:
2
3
4
Voici des exemples de ce que j'ai déjà réalisé, ce que j'aimerais pouvoir faire et à peu près similaire en effet j'aimerais avoir une ligne qui se déplace ou un cercle sinon et qui est "drag" pour pouvoir gommer .
J'espère cela pourra aider pour la suite^^.:lol:
Freehand line, déplaçable à la main
Code:
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
Rubber tool implémentant la gomme donc
EDIT : pour l'erreur d'affichage, j'ai trouvé ma réponse enfin je croisCode:
2
3
4
5
6
7
8
9
10
11
12
13
"Tu peux dessiner sur une image (QPixmap, QImage, QPicture, ...), mais pas sur un widget, en dehors de la fonction QWidget::paintEvent.
Essaye plutôt QGraphicsScene/QGraphicsView "
J'essayai de dessiner sur le widget malgré tout je pense qu'il faudrait peut être que j'utilise scene et view car j'ai quand un comportement étrange après plusieurs dessins, les ronds se font n'importe où.
Pour effacer avec un cercle, drawPie au lieu de drawArc permet d'avoir un cercle plein avec la couleur de son choix.
Le 'free hand tool', avec drawPath je pense.
Si tu veux beaucoup de 'tools' différents, il serait judicieux de revoir l'architecture du code. En effet, si ton projet est voué à se complexifier, il vaut mieux prévoir le coup en créant une spécification technique (rien de trop compliqué) puis faire un diagramme de classes type UML. Cela permet entre autres de résoudre les problèmes logiques et structurels avant de toucher une seule ligne de code et de s'embourber dans des tonnes de patchs, hacks et j'en passe.
Lorsqu'une difficulté technique survient, faire un bout de code de test hors contexte afin de valider le fonctionnement, puis l'intégrer proprement d'abord dans le modèle UML et ensuite dans le code.
L'exemple de logique que j'ai donné précédemment pour l'ImageView fait partie de cette réflexion.
Enfin, kolourpaint http://kolourpaint.org/download.html est certes une application KDE mais je pense que son code source pourrait t'aider à mieux comprendre comment fonctionne ce genre de logiciels (flow de l'application, méthodologie, etc).
Si tu as des questions, n'hésite pas.
EDIT pour l'edit de ton post précédent: Ce qui est étrange c'est que le code que j'ai modifié puis posté fonctionne correctement chez moi, et le dessin est effectué dans le paintEvent en ce qui concerne le widget.
Bien évidemment, mon application est vouée à ce complexifier et je ne passerais pas à coté de l'étape de spécification qui est fondamentale.
Je voulais voir si cela valait le coup de continuer sur cette voie et je commence à mieux comprendre le Python donc je vais m'accrocher.
Je vais commencer à créer mon UML pour mieux appréhender le futur ^^.
Bonne chance dans ce cas, et n'oublie pas de vérifier l'orthographe de tes posts (c'est toujours plus agréable à lire).
Ci-joint, mon premier diagramme à voir si cela est cohérent avec ce qui te semble juste.
Étant débutant surtout en python, j'ai du mal à faire le lien entre l'UML et ce langage.
PS : parfois, j'écris trop vite, ceci explique les fautes, je veillerai à faire attention à ses fautes :)
Je n'ai pas trop compris à quoi la QGraphicsScene sert, par contre avant de faire ton UML il serait utile de lister les spécifications de ton application (que doit-elle être capable de faire, comment doit-elle réagir dans ce cas ci ou celui-la, voir même faire une maquette des différentes actions et écrans).
PS: pour faire des maquettes de manière informatique tu as par exemple Balsamiq http://builds.balsamiq.com/b/mockups-web-demo/. Sinon une feuille et un crayon papier font aussi bien l'affaire.
Je vais m'y mettre aussi sérieusement.
Le graphicScene permettra d'ajouter les éléments graphiques et puis à l'intérieur de la view, il y aura l'image , la gomme, etc...
Je comprend mieux ce que tu as en tête, pense simplement que les évènements souris/clavier devront être gérés par la QGraphicsScene et non l'ImageView.