PyQt: Timers i pilotes rebotant - Historial de revisió

Enric: /* Timers */

2015-01-19T17:07:21Z

Timers

Enric: /* Timers */

2015-01-19T15:52:32Z

Timers

Enric: /* Introducció */

2013-01-30T20:10:44Z

Introducció

Enric: /* Gestió dels rebots */

2013-01-24T18:51:59Z

Gestió dels rebots

Enric: /* Velocitat variable */

2013-01-24T17:33:12Z

Velocitat variable

Enric: /* Connectem teclat amb els sliders */

2013-01-23T20:29:54Z

Connectem teclat amb els sliders

Enric: /* Objecte Pilota */

2013-01-23T17:11:37Z

Objecte Pilota

Enric: /* Objecte Pilota */

2013-01-23T17:10:03Z

Objecte Pilota

Enric: Es crea la pàgina amb «Exercici de pilota rebotant dins d'una pantalla. L'implementem en PyQt (Python amb les llibreries Qt). == Introducció == Cal haver fet abans l'exercici [[PyQt: pintar…».

2013-01-21T18:12:58Z

Es crea la pàgina amb «Exercici de pilota rebotant dins d'una pantalla. L'implementem en PyQt (Python amb les llibreries Qt). == Introducció == Cal haver fet abans l'exercici [[PyQt: pintar…».

Pàgina nova

Exercici de pilota rebotant dins d'una pantalla.

L'implementem en PyQt (Python amb les llibreries Qt).

== Introducció ==
Cal haver fet abans l'exercici [[PyQt: pintar dintre d'un widget]].

Tindrem d'entrada una pantalla com aquesta però enlloc del controlar la posició de la pilota controlarem la velocitat. La pilota es mourà i rebotarà per les parets.

[[Fitxer:Qt-piloteta1.png]]

<br>

== Timers ==
Per poder moure la pilota necessitareu un '''Timer: un temporitzador que regularment faci una crida a una funció''', en el nostre cas per repintar la pantalla. En cada execució pintarem la pilota recalculant les seves noves coordenades i així crearem el moviment.

Disposem de diverses llibreries:
* [http://docs.python.org/2/library/threading.html#timer-objects Threading lib (pròpia de Python)]: té l'avantatge que ve integrada i que no cal instal·lar res. En el nostre cas té diversos desavantatges:
** No té prou precisió temporal.
** En realitat és un '''''timeout''''' és a dir, que s'executa un cop i prou. Nosaltres volem una crida cada cert interval de temps. És clar que podriem elaborar un timer repetitiu, però serà més senzill utilitzar el Timer de Qt.
* Qt: http://doc.qt.digia.com/4.7/qtimer.html
** El QTimer és repetitiu, seleccionem el temps entre crides amb '''''setInterval()''''' (d'entrada recomanem cada 20 ms).
** Per utilitzar-ho caldrà que connectem la '''SIGNAL ''timeout()''''' del timer al '''SLOT ''repaint()''''' del QWidget (pel nostre cas, Pantalla, si heu seguit l'exemple).
** Controlem el timer amb les funcions '''''start()''''' i '''''stop()'''''
<br>

== Objecte Pilota ==
Farem les coses bé. Crearem un objecte Pilota que contindrà els següents atributs:
* posx
* posy
* velx
* vely
* maxVel (de moment no el fem servir, però indicarà la màxima velocitat de la pilota)
* color
* tamany

I tindrà els següents mètodes:
* pinta ( QPainter )
* actualitza_pos ( amplada, alçada )
* setVelX ( valor )
* setVelY ( valor )

L'objecte Pantalla tindrà un objecte Pilota a dins, que gestionarà el seu propi moviment i rebot dintre de actualitza_pos (li passarem l'amplada i alçada del widget Pantalla per adaptarnos al seu tamany i fer els rebots correctament). Per tant, ara a Pantalla.pinta() tindrem només:
* Crear QPainter qp
* pilota.actualitza_pos(...)
* pilota.pinnta( qp )

Connexions (però casi que millor ho deixeu pel final, de moment avanceu la pilota amb velocitat constant):
* xslider -> setVelX
* yslider -> setVelY
<br>

== Gestió dels rebots ==
Dintre de la funció '''actualitza_pos( ample, alt )''' de la pilota caldrà gestionar els rebots:
* Incrementar posició segons velocitat
* Controlar que la posició de la pilota no ha sobrepassat cap dels 4 límits de les parets. Si ho ha fet, canviem:
** El signe (+ o -) de la velocitat.
** Col·loquem la pilota en el límit per si ens hem passat.
<br>

== Velocitat variable ==
Efectuem les connexions:
* xslider -> setVelX
* yslider -> setVelY

I dintre d'aquests mètodes modifiquem la velocitat de la pilota. Veurem com canvia la trajectòria.

== Connectem teclat amb els sliders ==
Volem modificar la velocitat de la pilota també amb les tecles de cursor.

...TODO...

@@ Línia 32: / Línia 32: @@
          self.timer.timeout.connect( self.repaint ) # connectem la signal timeout al metode de repintat
          #...
-         self.timer.start() # engeguem el time
+         self.timer.start( 200 ) # engeguem el timer (temps en ms)
 #...en algun altre punt del nostre codi...

← Versió més antiga		Revisió del 20:10, 30 gen 2013
Línia 11:		Línia 11:
	[[Fitxer:Qt-piloteta1.png]]		[[Fitxer:Qt-piloteta1.png]]

		+	=== Suggeriments per fer la pràctica ===
		+	Cadascun d'aquests punts els anem aclarint més avall.
		+	# Crear el timer i fer un print cada 100 ms
		+	# Avançar la pilota, sense rebots. Podem deixar la posx i la posy en l'objecte Pantalla, tal i com ho teniem a la pràctica anterior.
		+	# Crear objecte pilota i encapsular a dins els atributs i funcions descrits més avall.
		+	# Gestionar els rebots dintre de l'objecte pilota.
	<br>		<br>

@@ Línia 22: / Línia 22: @@
 Per poder moure la pilota necessitareu un '''Timer: un temporitzador que regularment faci una crida a una funció''', en el nostre cas per repintar la pantalla. En cada execució pintarem la pilota recalculant les seves noves coordenades i així crearem el moviment.
-Disposem de diverses llibreries:
+Utilitzarem l'[http://qt-project.org/doc/qt-4.8/qtimer.html objecte QTimer de Qt]. Caldrà que l'inicialitzem en algun punt del codi (constructor), indicar on cridarà (connectar-lo al repaint), inicialitzar el temps d'intèrval i llançar-ho amb un ''start''.
-* [http://docs.python.org/2/library/threading.html#timer-objects Threading lib (pròpia de Python)]: té l'avantatge que ve integrada i que no cal instal·lar res. En el nostre cas té diversos desavantatges:
-** No té prou precisió temporal.
+<syntaxhighlight lang="python">
-** En realitat és un '''''timeout''''' és a dir, que s'executa un cop i prou. Nosaltres volem una crida cada cert interval de temps. És clar que podriem elaborar un timer repetitiu, però serà més senzill utilitzar el Timer de Qt.
+class Pantalla(QWidget):
-* Qt: http://doc.qt.digia.com/4.7/qtimer.html
+    #...
-** El QTimer és repetitiu, seleccionem el temps entre crides amb '''''setInterval()''''' (d'entrada recomanem cada 20 ms).
+    def __init__(self):
-** Per utilitzar-ho caldrà que connectem la '''SIGNAL ''timeout()''''' del timer al '''SLOT ''repaint()''''' del QWidget (pel nostre cas, Pantalla, si heu seguit l'exemple).
+        #...
-** Controlem el timer amb les funcions '''''start()''''' i '''''stop()'''''
+        self.timer = QTimer() # creem el timer
 <br>

@@ Línia 57: / Línia 57: @@
 == Gestió dels rebots ==
 Dintre de la funció '''actualitza_pos( ample, alt )''' de la pilota caldrà gestionar els rebots:
 * Incrementar posició segons velocitat

@@ Línia 68: / Línia 68: @@
 * xslider -> setVelX
 * yslider -> setVelY
 I dintre d'aquests mètodes modifiquem la velocitat de la pilota. Veurem com canvia la trajectòria.

@@ Línia 71: / Línia 71: @@
 I dintre d'aquests mètodes modifiquem la velocitat de la pilota. Veurem com canvia la trajectòria.
-== Connectem teclat amb els sliders ==
+== Connectem teclat amb els controls ==
 Volem modificar la velocitat de la pilota també amb les tecles de cursor.
-...TODO...
+Ho pots fer amb aquest article: [[PyQt: Events de teclat]]

@@ Línia 27: / Línia 27: @@
 == Objecte Pilota ==
-Farem les coses bé. Crearem un objecte Pilota que contindrà els següents atributs:
+Farem les coses bé. Crearem un objecte Pilota que contindrà els següents atributs.
 [[Fitxer:Pilota-uml.png|float|right]]
@@ Línia 36: / Línia 36: @@
 * vely
 * maxVel (de moment no el fem servir, però indicarà la màxima velocitat de la pilota)
-* color
+* color (QColor, es dona en RGB)
-* tamany
+* tamany (radi de la pilota)
 I tindrà els següents mètodes:
@@ Línia 49: / Línia 49: @@
 * Crear QPainter qp
 * pilota.actualitza_pos(...)
-* pilota.pinnta( qp )
+* pilota.pinta( qp )
 Connexions (però casi que millor ho deixeu pel final, de moment avanceu la pilota amb velocitat constant):