RASP-PYGAME-GUI-ECRAN - Historique des versions

Admin : /* De l'écran vers le GPIO */

2016-08-11T11:02:13Z

De l'écran vers le GPIO

Admin : /* Exécuter le programme */

2016-08-11T11:02:00Z

Exécuter le programme

Admin : /* La boucle principale */

2016-08-11T11:01:15Z

La boucle principale

Admin : /* Définition de l'interface */

2016-08-11T10:45:12Z

Définition de l'interface

Admin : /* Définition de l'interface */

2016-07-20T10:53:07Z

Définition de l'interface

Admin : /* Code d'initialisation */

2016-07-20T10:52:48Z

Code d'initialisation

Admin : /* De l'écran vers le GPIO */

2016-07-20T10:48:58Z

De l'écran vers le GPIO

Admin : /* De l'écran vers le GPIO */

2016-07-08T13:41:38Z

De l'écran vers le GPIO

Admin : Page créée avec « {{RASP-PYGAME-GUI-NAV}} == De l'écran vers le GPIO == {{traduction}} Let's see how we get input from the touchscreen. We'll use this to light some LEDs on the breadboar... »

2016-07-08T13:41:22Z

Page créée avec « {{RASP-PYGAME-GUI-NAV}} == De l'écran vers le GPIO == {{traduction}} Let's see how we get input from the touchscreen. We'll use this to light some LEDs on the breadboar... »

Nouvelle page

{{RASP-PYGAME-GUI-NAV}}

== De l'écran vers le GPIO ==
{{traduction}}

Let's see how we get input from the touchscreen. We'll use this to light some LEDs on the breadboard.

{{ADF-Image|RASP-PYGAME-GUI-ECRAN-00.jpg}}

With the PiTFT installed with the 4 tactile buttons there aren't many GPIs left on the model B Raspberry Pi. So wire up #17 and #4. The software renders 4 labels on the screen and then looks for mouse events in the four quarters

== Code d'initialisation ==
In this section we're now setting the two GPIOs as outputs so we can control the LEDs. We also now have a couple more environment variables defined for SDL via {{fname|os.putenv}} so we can use the touchscreen.

<syntaxhighlight lang="python">
import pygame
from pygame.locals import *
import os
from time import sleep
import RPi.GPIO as GPIO

#Setup the GPIOs as outputs - only 4 and 17 are available
GPIO.setmode(GPIO.BCM)
GPIO.setup(4, GPIO.OUT)
GPIO.setup(17, GPIO.OUT)

#Colours
WHITE = (255,255,255)

os.putenv('SDL_FBDEV', '/dev/fb1')
os.putenv('SDL_MOUSEDRV', 'TSLIB')
os.putenv('SDL_MOUSEDEV', '/dev/input/touchscreen')

pygame.init()
pygame.mouse.set_visible(False)
lcd = pygame.display.set_mode((320, 240))
lcd.fill((0,0,0))
pygame.display.update()

font_big = pygame.font.Font(None, 50)
</syntaxhighlight>

== Définition de l'interface ==
The {{fname|touch_buttons}} map simply holds the button text and center position (x,y with top left as 0,0) for this text on the display. We then loop through this map and draw each "button".

<syntaxhighlight lang="python">
touch_buttons = {'17 on':(80,60), '4 on':(240,60), '17 off':(80,180), '4 off':(240,180)}

for k,v in touch_buttons.items():
text_surface = font_big.render('%s'%k, True, WHITE)
rect = text_surface.get_rect(center=v)
lcd.blit(text_surface, rect)

pygame.display.update()
</syntaxhighlight>

== La boucle principale ==
Here we introduce [http://www.pygame.org/docs/ref/event.html pygame events]. Whenever there's some user interaction an event is generated on a queue for our program to read. It's the responsibility of our program to read this queue quickly enough to avoid events getting thrown away. Of course, we want to do this anyway to have a reasonably responsive program.

We're only really interested in the {{fname|MOUSEBUTTONUP}} event, this will be added to the queue when you lift your finger off the display. We then simply get the current mouse position (this is also availble in the event itself) and determine which quadrant of the screen was selected.

<syntaxhighlight lang="python">
while True:
# Scan touchscreen events
for event in pygame.event.get():
if(event.type is MOUSEBUTTONDOWN):
pos = pygame.mouse.get_pos()
print pos
elif(event.type is MOUSEBUTTONUP):
pos = pygame.mouse.get_pos()
print pos
#Find which quarter of the screen we're in
x,y = pos
if y < 120:
if x < 160:
GPIO.output(17, False)
else:
GPIO.output(4, False)
else:
if x < 160:
GPIO.output(17, True)
else:
GPIO.output(4, True)
sleep(0.1)
</syntaxhighlight>

This is certainly not a perfect UI experience: you could touch the screen on one button, drag to another and then lift off - which button did you hit? The complexities of event handling for simple things like clicking on buttons is one of the reasons why UI frameworks exist. We'll start using one in the next section.

== Exécuter le programme ==
Again, you can run this from the pygamelcd project:

<syntaxhighlight lang="bash">
sudo python test3.py
</syntaxhighlight>

{{RASP-PYGAME-GUI-TRAILER}}

← Version précédente		Version du 11 août 2016 à 11:02
Ligne 2 :		Ligne 2 :

	== De l'écran vers le GPIO ==		== De l'écran vers le GPIO ==
−	~~{{traduction}}~~
−
	Voyons maintenant comment obtenir une entrée depuis l'écran tactile. Nous allons utiliser cette information pour allumer quelques LEDs sur le breadboard.		Voyons maintenant comment obtenir une entrée depuis l'écran tactile. Nous allons utiliser cette information pour allumer quelques LEDs sur le breadboard.

@@ Ligne 101 : / Ligne 101 : @@
 == Exécuter le programme ==
-Again, you can run this from the pygamelcd project:
+Une fois encore, vous pouvez exécuter ce programme depuis le projet {{fname|pygamelcd}}:
 <syntaxhighlight lang="bash">

@@ Ligne 61 : / Ligne 61 : @@
 == La boucle principale ==
-Here we introduce [http://www.pygame.org/docs/ref/event.html pygame events]. Whenever there's some user interaction an event is generated on a queue for our program to read. It's the responsibility of our program to read this queue quickly enough to avoid events getting thrown away. Of course, we want to do this anyway to have a reasonably responsive program.
+Nous allons faire une petit introduction a [http://www.pygame.org/docs/ref/event.html événements pygames (''pygame events'')].
-We're only really interested in the {{fname|MOUSEBUTTONUP}} event, this will be added to the queue when you lift your finger off the display. We then simply get the current mouse position (this is also availble in the event itself) and determine which quadrant of the screen was selected.
+Lorsqu'il y a une interaction utilisateur alors un événement (''event'') est généré sur une queue jusqu'à ce que notre programme le lise. Notre programme reste responsable de la lecture de cette queue et il doit le faire suffisamment rapidement pour éviter que des événements ne soit perdu (littéralement "jeté" de la queue).
 <syntaxhighlight lang="python">
 while True:
-     # Scan touchscreen events
+     # Scanner les evenement du touchscreen (ecran tactile)
      for event in pygame.event.get():
-         if(event.type is MOUSEBUTTONDOWN):
+         if(event.type is MOUSEBUTTONDOWN): # Enfoncer bouton souris
              pos = pygame.mouse.get_pos()
              print pos
-         elif(event.type is MOUSEBUTTONUP):
+         elif(event.type is MOUSEBUTTONUP): # Relacher bouton souris
              pos = pygame.mouse.get_pos()
              print pos
-             #Find which quarter of the screen we're in
+             # Trouver dans quel quart de l'ecran nous nous trouvons
              x,y = pos
              if y < 120:
@@ Ligne 90 : / Ligne 94 : @@
 </syntaxhighlight>
-This is certainly not a perfect UI experience: you could touch the screen on one button, drag to another and then lift off - which button did you hit? The complexities of event handling for simple things like clicking on buttons is one of the reasons why UI frameworks exist. We'll start using one in the next section.
+Ce n'est probablement pas une expérience Interface Utilisateur parfaite... mais vous pouvez toucher l'écran sur un bouton, trainer le doigt sur un autre bouton puis lever le doigt. A votre avis, quel sera le bouton activé?
 == Exécuter le programme ==

@@ Ligne 43 : / Ligne 43 : @@
 == Définition de l'interface ==
-{{traduction}}
+La structure {{fname|touch_buttons}} fait correspondre (''map'' en anglais) le texte des bouton et la position du centre (x,y avec le coin supérieur gauche à 0,0) de ce texte sur l'afficheur. Nous bouclons ensuite dans cette structure pour dessiner chacun de ces "boutons".
 <syntaxhighlight lang="python">
 touch_buttons = {'17 on':(80,60), '4 on':(240,60), '17 off':(80,180), '4 off':(240,180)}
 for k,v in touch_buttons.items():
      text_surface = font_big.render('%s'%k, True, WHITE)
      rect = text_surface.get_rect(center=v)
      lcd.blit(text_surface, rect)
-−
 pygame.display.update()
 </syntaxhighlight>

← Version précédente		Version du 20 juillet 2016 à 10:53
Ligne 43 :		Ligne 43 :

	== Définition de l'interface ==		== Définition de l'interface ==
		+	{{traduction}}
		+
	The {{fname\|touch_buttons}} map simply holds the button text and center position (x,y with top left as 0,0) for this text on the display. We then loop through this map and draw each "button".		The {{fname\|touch_buttons}} map simply holds the button text and center position (x,y with top left as 0,0) for this text on the display. We then loop through this map and draw each "button".

@@ Ligne 11 : / Ligne 11 : @@
 == Code d'initialisation ==
-In this section we're now setting the two GPIOs as outputs so we can control the LEDs. We also now have a couple more environment variables defined for SDL via {{fname|os.putenv}} so we can use the touchscreen.
+Dans cette partie du programme, nous allons configurer le 2 GPIOs en sortie de manière à pouvoir controler les LEDs. Nous devons également définir des varaibles d'environnement supplémentaires pour que la SDL prenne l'écran tactile en charge. La fonction {{fname|os.putenv}} sera utilisée pour définir les variables d'environnement.
 <syntaxhighlight lang="python">
@@ Ligne 20 : / Ligne 20 : @@
 import RPi.GPIO as GPIO
-#Setup the GPIOs as outputs - only 4 and 17 are available
+#Définir les GPIO comme sortie - Seul 4 et 17 restent disponibles
 GPIO.setmode(GPIO.BCM)
 GPIO.setup(4, GPIO.OUT)
 GPIO.setup(17, GPIO.OUT)
-#Colours
+# Définir la couleur blanche
 WHITE = (255,255,255)
@@ Ligne 35 : / Ligne 35 : @@
 pygame.mouse.set_visible(False)
 lcd = pygame.display.set_mode((320, 240))
 lcd.fill((0,0,0))
 pygame.display.update()

@@ Ligne 4 : / Ligne 4 : @@
 {{traduction}}
-Let's see how we get input from the touchscreen. We'll use this to light some LEDs on the breadboard.
+Voyons maintenant comment obtenir une entrée depuis l'écran tactile. Nous allons utiliser cette information pour allumer quelques LEDs sur le breadboard.
 {{ADFImage|RASP-PYGAME-GUI-ECRAN-00.jpg}}
-With the PiTFT installed with the 4 tactile buttons there aren't many GPIs left on the model B Raspberry Pi. So wire up #17 and #4. The software renders 4 labels on the screen and then looks for mouse events in the four quarters
+Avec les 4 boutons ttactiles du PiTFT, il ne reste pas beaucoup de GPIO disponible sur un Raspberry-Pi. Raccordons donc #17 et #4. Le logiciel fait le rendu de 4 libellés (des ''labels'' en anglais) sur l'écran puis surveille les événements souris (''mouse events'') dans les 4 quartiers de l'écran.
 == Code d'initialisation ==