En plus de créer des interfaces graphiques via des serveurs Web tels que Node.JS ou Python et TKinter, nous avons également la possibilité d’exécuter des interfaces graphiques créées par Visul Studio sur le Raspberry Pi. Ceux-ci sont créés via Windows, puis rendus exécutables sur le Raspberry Pi. Il n’en faut pas beaucoup!
Dans ce tutoriel, nous avons créé une petite interface graphique de test et préparé tout pour que nous puissions également ouvrir l’interface utilisateur écrite en C # sur le Raspberry Pi.
Pièces accessoires
En plus d’un PC Windows (Win7, Win 8, Windows 10) tu as besoin d’un Tarte aux Raspberry PI avec interface utilisateur. Raspbian (non Version Lite) avec bureau installé est recommandé.
Si vous êtes nouveau dans la création de Visual Studio, C #, .NET et GUI, nous vous recommandons une petite mais guide utile. De plus, Visual Studio doit être sur notre ordinateur.
Installer Visual Studio
Tout d’abord, nous devons installer Visual Studio. Ceci est disponible gratuitement dans le Edition communautaire. Téléchargez-le sur votre PC Windows et installez au moins l’environnement de développement de bureau .NET, qui fait environ 5 Go. Cela prend un certain temps et vous devez redémarrer l’ordinateur.
Après l’installation, ouvrez Visual Studio et choisissez Fichier -> Nouveau -> Projet -> Visual C # -> Application Windows Forms (.NET Framework). Avec lui, nous pouvons démarrer un nouveau projet. Saisissez le nom et l’emplacement ci-dessous.
Créez votre propre interface graphique Raspberry Pi
Une fois le projet créé, le Concepteur de fiches s’ouvre. Ici, vous pouvez concevoir l’interface graphique. Sur le côté gauche, il y a une boîte à outils, dans laquelle tous les éléments tels que les boutons, etc. sont présents. Ici, vous pouvez simplement retirer et placer des éléments. Dans mon cas, je choisis une zone de texte, un bouton et une étiquette:
Vous pouvez définir plus de détails et créer une interface graphique agréable très rapidement. Dans notre exemple, il ne devrait être question que du fait que le texte est lu et affiché sur l’étiquette dès que le bouton est enfoncé.
Double-cliquez sur le bouton ouvre la fonction Click, dans laquelle nous écrivons notre code:
private void button1_Click(object sender, EventArgs e)
{
this.label1.Text = "Hello, " + this.textBox1.Text + "!";
}
Rien de spécial – le nom entré dans la zone de texte est lu et simplement écrit dans l’étiquette. Bien sûr, vous pouvez étendre votre interface graphique autant que vous le souhaitez! Vous pouvez trouver plus informations ici.
Ensuite, nous enregistrons le projet et le compilons. Cliquez sur le bouton « Démarrer » en haut de la barre des tâches. Votre programme va s’ouvrir et vous pouvez déjà le tester.
Ouvrez maintenant le répertoire où se trouve votre projet et placez-vous dans le dossier «bin / Debug», qui contient le fichier «WindowsFormsApp1.exe» compilé. Ceux-ci seront copiés sur le Raspberry Pi à l’étape suivante.
Testez l’interface graphique sur le Raspberry Pi
Avant que l’interface graphique créée ne s’exécute, nous devons installer certains packages sur le Raspberry Pi. Pour cela, nous utilisons le Projet mono. Ouvrez le terminal sur le Raspberry Pi (via SSH) et entrez les informations suivantes (si vous n’utilisez pas Raspbian Strech, vous devrez ajuster la commande en conséquence):
sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF echo "deb http://download.mono-project.com/repo/debian raspbianstretch main" | sudo tee /etc/apt/sources.list.d/mono-official.list sudo apt-get update sudo apt-get install mono-devel --yes --allow-unauthenticated
Si tout s’est bien passé, nous allons maintenant copier le fichier .exe sur le Raspberry Pi. C’est plus simple via FTP. Connectez-vous avec un client FTP (comme FileZilla) et transférez le fichier dans un répertoire (pour moi, c’est / home / pi / CustomGUI /).
Ouvrez maintenant l’environnement de bureau. Soit en vous connectant avec un écran / écran tactile, soit en utilisant le Remote Desktop Protocol (RDC), par exemple.
Là, vous ouvrez également le terminal et entrez la commande suivante (ajustez le nom et le chemin si nécessaire):
mono /home/pi/CustomGUI/WindowsFormsApp1.exe
Cela ouvrira l’interface graphique:
Si vous souhaitez un fichier cliquable, vous pouvez également le créer:
sudo nano startGUI.sh
Insérez ce qui suit:
#!/bin/bash mono /home/pi/CustomGUI/WindowsFormsApp1.exe
Après enregistrement, nous accordons enfin les droits nécessaires:
sudo chmod +x start.sh
Vous pouvez maintenant démarrer ce fichier en double-cliquant.