PyQt: pintar dintre d'un widget - Historial de revisió

Enric: super del constructor erroni

2013-03-01T15:56:16Z

super del constructor erroni

Enric: /* Exercici: control d'una pilota */

2013-01-24T17:32:02Z

Exercici: control d'una pilota

Enric: /* Exercici: control d'una pilota */

2013-01-24T15:22:59Z

Exercici: control d'una pilota

Enric: /* Pintar en els widgets */

2013-01-24T15:05:50Z

Pintar en els widgets

Enric: /* Pintar en els widgets */

2013-01-24T15:02:58Z

Pintar en els widgets

Enric: /* Exercici: control d'una pilota */

2013-01-23T20:18:01Z

Exercici: control d'una pilota

Enric: /* Exercici: control d'una pilota */

2013-01-23T20:14:59Z

Exercici: control d'una pilota

Enric: /* Classe derivada */

2013-01-23T19:09:24Z

Classe derivada

Enric: /* Exercici: control d'una pilota */

2013-01-23T18:19:46Z

Exercici: control d'una pilota

Enric: /* Exercici 1: control d'una pilota */

2013-01-23T18:17:44Z

Exercici 1: control d'una pilota

@@ Línia 13: / Línia 13: @@
          # ULL: cridar el constructor de la classe base és IMPRESCINDIBLE
          # (si sobreescrivim el constructor __init__, si no, no cal)
-         super(QtGui.QWidget,self).__init__()
+         super(Pantalla,self).__init__()
          self.initUI()

@@ Línia 56: / Línia 56: @@
 # Per poder seguir ens convé tenir els valors ''posx'' i ''posy'' com a atributs de l'objecte ''Pantalla'' (i no com a variables locals). Crea, doncs, aquests atributs en ''Pantalla'' i pinta la pilota amb aquests valors interns. Després modificarem aquests valors amb els sliders.
 # Connectem els sliders amb funcions que modifiquin la ''posx'' i la ''posy''. De moment assigna'ls el valor que t'arriba del slider i prou.
-#: IMPORTANT: quan canvieu el valor de posx o posy cal repintar la pantalla (no es fa automàticament). Utilitzeu la funció '''''repaint()''''' del widget per forçar una repintada.
+#* [[PyQt: connectant signals amb slots]]
 #: [[Fitxer:Qt-piloteta1.png]]
 # Calculem la posx i posy d'acord amb els límits dels sliders i de la geometria de la pantalla (que pot variar, per exemple, al maximitzar-la). Es tracta d'una senzilla regla de 3:<pre>x = valor_slider * amplada / total_ticks_slider</pre>

@@ Línia 54: / Línia 54: @@
 # Pintem al widget Pantalla() amb [http://doc.qt.digia.com/qt/qpainter.html QPainter].
 #: Comença per la pilota amb un ''drawEllipse'' com el de l'exemple però també prova ''drawRect'', ''drawArc'' o altres opcions del QPainter (caldrà que miris la documentació).
-# Posem posx, posy i pintem una pilota (o el què volguem)
+# Per poder seguir ens convé tenir els valors ''posx'' i ''posy'' com a atributs de l'objecte ''Pantalla'' (i no com a variables locals). Crea, doncs, aquests atributs en ''Pantalla'' i pinta la pilota amb aquests valors interns. Després modificarem aquests valors amb els sliders.
-# Connectem els sliders amb posx i posy directament (val i pos).
+# Connectem els sliders amb funcions que modifiquin la ''posx'' i la ''posy''. De moment assigna'ls el valor que t'arriba del slider i prou.
 #: IMPORTANT: quan canvieu el valor de posx o posy cal repintar la pantalla (no es fa automàticament). Utilitzeu la funció '''''repaint()''''' del widget per forçar una repintada.
 #: [[Fitxer:Qt-piloteta1.png]]
-# Calculem la posx i posy d'acord amb els límits dels sliders i de la geometria de la pantalla. Es tracta d'una senzilla regla de 3:<pre>x = valor_slider * amplada / total_ticks_slider</pre>
+# Calculem la posx i posy d'acord amb els límits dels sliders i de la geometria de la pantalla (que pot variar, per exemple, al maximitzar-la). Es tracta d'una senzilla regla de 3:<pre>x = valor_slider * amplada / total_ticks_slider</pre>
 #: 100 és el total de ticks del ''slider'', i l'amplada la podeu esbrinar del propi widget amb width()
 # Per canviar el color del background teniu [http://stackoverflow.com/questions/177778/in-qt-how-do-i-set-the-background-color-of-a-widget-like-combobox-or-double-spi aquest link]. A mi m'ha funcionat el del QPalette i no el de QStyleSheet.

@@ Línia 7: / Línia 7: @@
-=== Classe derivada ===
+== Classe derivada ==
 <syntaxhighlight lang="python">
 class Pantalla(QtGui.QWidget):
@@ Línia 45: / Línia 45: @@
 <br>
-=== Exercici: control d'una pilota ===
+== Exercici: control d'una pilota ==
 L'objectiu és pintar una pilota i controlar-la amb els sliders (posició vertical i horitzontal).
@@ Línia 52: / Línia 52: @@
 # Canviem el textedit per una classe nova nostra (Pantalla) heretada de QWidget (detallada més amunt)
 # Afegim paintEvent i el disparem (de moment un print) només al repintar la pantalla (canvi de task)
-# Pintem al widget Pantalla() amb QPainter (qualsevol cosa).
+# Pintem al widget Pantalla() amb [http://doc.qt.digia.com/qt/qpainter.html QPainter].
 # Posem posx, posy i pintem una pilota (o el què volguem)
 # Connectem els sliders amb posx i posy directament (val i pos).

@@ Línia 3: / Línia 3: @@
 * Creem la nostra '''classe derivant-la de QWidget''' (en el nostre exemple la classe Pantalla)
 * Reimplementem el mètode paintEvent que es crida automàticament quan es repinta el Widget.
-* Dintre de paintEvent(self,e) podem pintar el què vulguem mitjançant el QPainter
+* Dintre de paintEvent(self,e) podem pintar el què vulguem mitjançant l'[http://doc.qt.digia.com/qt/qpainter.html objecte QPainter].
 === Classe derivada ===

@@ Línia 22: / Línia 22: @@
      def paintEvent(self,e):
          # podriem liar-nos a pintar aquí mateix, o examinar l'event "e"
-         # anem al lio...
+         # anem al lio... necessitem un objecte QPainter
-         self.pintaPilota()
+        qp = QtGui.QPainter()
-     def pintaPilota(self):
+     def pintaPilota(self, qp):
          # podem optar per un Pen (pinta perifèric)
          color = QtGui.QColor( 0, 0, 0 )
@@ Línia 41: / Línia 40: @@
          radx, rady = 10, 10
          qp.drawEllipse( posx, posy , radx, rady )
 </syntaxhighlight>
 <br>

@@ Línia 50: / Línia 50: @@
 L'objectiu és pintar una pilota i controlar-la amb els sliders (posició vertical i horitzontal).
-# Feu l'anterior exercici dels sliders
+# Feu l'anterior exercici dels sliders (en la [[Python:_GUI#Qt_pas_a_pas...|intro de PyQt]]).
 #: [[Fitxer:Qt-sliders1.png]]
 # Canviem el textedit per una classe nova nostra (Pantalla) heretada de QWidget (detallada més amunt)