Introduction, installation et configuration du GTK+

  1. Introduction
  2. Installation
  3. configuration

1. Introduction

Vous avez l’horreur de travailler toujours avec des consoles, et du coup vous vous demandez si réellement un jour vous serrez en mesure de créer des programmes qui viennent avec des interfaces graphiques.
Oui je le sais, tout programmeur débutant rêve un jour créer sa propre fenêtre. Et vous n’échappez pas à cette règle. Dieu merci que Samomoi soit là pour vous guider à réaliser votre fou rêve : celui de créer des très jolies interfaces graphiques avec le langage C. Oui vous allez commencer à créer vos tous premiers logiciels avec des interfaces graphiques.

Avant d’aller un peu loin, je dois vous dire qu’il est quasi-inutile de suivre ce cours si vous n’avez pas de notions de langage C ou C++ (librairie standard).

Pour créer des interfaces graphiques avec le langage C, nous allons nous servir d’une suite de sous bibliothèques (fonctions) appelées GTK+ (il faut noter que le GTK+ n’est pas la seule bibliothèque permettant de créer des interfaces graphiques).

C’est quoi le GTK+ ?

Le GTK+ est une librairie codée en langage C. il a été conçu spécialement pour la création du célèbre logiciel d’édition d’images appelé GIMP. C’est pour ça qu’il est appelé GTK (The GIMP ToolKit). Aujourd’hui le GTK+ est devenu très célèbre. Il est utilisé dans plusieurs projets célèbres comme les environnements de bureau Gnome, Xfce, Lxde et ROX.

Pourquoi le GTK+ ?

Vous savez très bien que je vous aime et que je cherche à vous proposer ce qui est mieux pour vous. Le choix du GTK+ n’a pas été un choix au hasard.
Le GTK+ est une bibliothèque si puissante, libre, gratuite et ayant une équipe de codeurs très motivés. Il est disponible pour toutes les plateformes (Windows, Linux, Mac OS…) et accepte aussi plusieurs langages de programmations comme le C, C++ , Ada, Fortran , Pascal, Perl, Ruby, OCaml, Java, Python, Vala...
Donc vous voyez qu’au final, vous n’allez payer aucun centime pour l’obtenir. Et aussi vous n’allez pas nous embêter sur le forum en nous demandant comment le cracker (oui je sais que vous aimez beaucoup les cracks, c’est pour ça d’ailleurs que vos ordinateurs sont remplis de chevaux de Troie).

2. Installation

Nous allons installer GTK+ sur l’IDE Code::Blocks.

Mais vous nous avez habitués à utiliser Dev-C++. Pour quoi pas donc sur Dev-C++ ?

Bonne question. Personnellement j’aime wxDev-C++. Et c’est ce que j’utilise le plus souvent. Mais configurer GTK+ en utilisant wxDev-C++, prend un peu du temps. Et si je veux vous le montrer ici, je risque d’avoir un tuto un peu long. Croyez-moi, configurer GTK+ sur wxDev-C++ n’est pas si compliqué et je suis prêt à aider celui qui veut le faire sur le forum.
Nous allons utiliser Code::Blocks tout simplement pour minimiser le temps de configuration.

Allez-y télécharger GTK+ sur le site officiel (www.gtk.org). Choisissez la dernière version stable (à l’heure où j’écris ce tuto, ça se trouve sur cette adresse ). N’oubliez pas de prendre le pack qui regroupe tout (le GTK+ et le Runtime). Sinon vous serez obligé de télécharger le deux packs séparément. Le GTK+ nous permet de créer les interfaces graphiques, et le Runtime nous permet de les exécuter.
Si vous avez des difficultés de les télécharger –Personne ne me dit que vous connaissez l’anglais. Mais si vous détestez l’anglais, vous devez vous réconcilier avec car les documentations de la majorité des bibliothèques sont en anglais. Sans oublier aussi que les langages eux-mêmes sont en anglais–, vous pouvez télécharger directement les deux packs en cliquant sur télécharger GTK+ et Runtime.

Une fois téléchargé le Zip, dezipper-le dans un seul dossier. Envoyer tout le contenu du dossier dans le répertoire MinGW qui se trouve dans le répertoire où est installé Code::Blocks. Bref l’installation est terminée. C’est si simple, n’est ce pas ?

3. Configuration du GTK+

Pour la configuration, lancez Code::Blocks. Maintenant il faut créer un nouveau projet. Dans ce cas il faut aller dans file, new, project
Configuration du GTK+

Sur la fenêtre qui s’ouvre, cliquez GTK+ project.
créer un projet du GTK+

Sur la nouvelle fenêtre, cliquez sur Next.
GTK+

Sur la fenêtre suivant, remplissez les champs comme il faut.
GTK+

Cliquez Next et vous verrez ceci :
GTK+

Vérifiez bien si dans le champ, il y a $(#gtk) et cliquez Next.

Si vous avez installé GTK+ comme je vous les ai demandés, vous verrez ceci :
GTK+
Cliquez sur Finish pour terminer. Voila la configuration est terminée

Dans le cas où vous ne l’avez pas installé comme je le dis, cette fenêtre s’ouvrira :
GTK+
Dans base, mettez le chemin du dossier qui contient les répertoire et fichiers du GTK+
Exemple :
C:\Program Files\CodeBlocks\MinGW

Dans include, mettez le chemin du repertoire include.
Exemple :
C:\Program Files\CodeBlocks\MinGW\include

Dans lib, mettez le chemin du repertoire lib.
Exemple :
C:\Program Files\CodeBlocks\MinGW\lib

Maintenant compilez, executez et admirez le résultat. Une fenêtre "hello world" s’ouvrira.
fenêtre GTK+

Bonne journée et rendez-vous sur un autre tuto!


Une question? Cliquez ici pour la poser.

Retour sur le portail du langage C/C++