{"id":37069,"date":"2023-03-09T09:00:52","date_gmt":"2023-03-09T09:00:52","guid":{"rendered":"https:\/\/www.railscarma.com\/?p=37069"},"modified":"2023-04-03T12:44:21","modified_gmt":"2023-04-03T12:44:21","slug":"creer-une-application-graphique-de-bureau-avec-ruby","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/fr\/blog\/creer-une-application-graphique-de-bureau-avec-ruby\/","title":{"rendered":"Cr\u00e9er une application GUI de bureau avec Ruby"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ruby est un langage de programmation puissant largement utilis\u00e9 dans le d\u00e9veloppement Web, <\/b>scripts et automatisation. Cependant, Ruby peut \u00e9galement \u00eatre utilis\u00e9 pour cr\u00e9er des applications de bureau GUI (Graphical User Interface), ce qui peut \u00eatre utile pour cr\u00e9er des applications autonomes ou pour ajouter une interface utilisateur \u00e0 un syst\u00e8me existant. Application Ruby<\/a>.<\/p>\n

Dans cet article de blog, nous explorerons les bases de la cr\u00e9ation d'une application GUI de bureau avec Ruby. Nous utiliserons la bo\u00eete \u00e0 outils Tk, qui est incluse par d\u00e9faut avec Ruby et fournit un moyen simple de cr\u00e9er des applications GUI.<\/p>\n

Configuration de l'environnement<\/b><\/h2>\n

Avant de commencer, nous devons nous assurer que Ruby est install\u00e9 sur notre syst\u00e8me. Vous pouvez t\u00e9l\u00e9charger et installer Ruby depuis le site officiel. Une fois Ruby install\u00e9, nous pouvons utiliser la commande suivante pour installer la gem Tk\u00a0:<\/p>\n

gem installer tk<\/b>
<\/p>\n

Cela installera la bo\u00eete \u00e0 outils Tk, que nous utiliserons pour cr\u00e9er notre application GUI.<\/p>\n

Cr\u00e9ation d'une interface graphique simple<\/b><\/h2>\n

Commen\u00e7ons par cr\u00e9er une application GUI simple qui affiche un bouton. Nous pouvons utiliser le code suivant pour cr\u00e9er une nouvelle fen\u00eatre et un bouton\u00a0:<\/p>\n

exiger<\/b> <\/span>'merci'<\/b> racine = <\/b>RacineTk<\/b>.nouveau { titre <\/b>"Mon application"<\/b> } bouton = <\/b>Bouton Tk<\/b>.new(racine) <\/b>faire<\/b> texte <\/b>\u00ab\u00a0Cliquez sur moi\u00a0!\u00a0\u00bb<\/b> commande { met <\/b>\u00ab\u00a0Bouton cliqu\u00e9\u00a0!\u00a0\u00bb<\/b> } paquet { padx <\/b>50<\/b>; pady <\/b>50<\/b>; c\u00f4t\u00e9 <\/b>'gauche'<\/b> } <\/b>fin<\/b> <\/span>Merci<\/b>.boucle principale<\/b><\/p>\n

Ce code cr\u00e9e une nouvelle fen\u00eatre \u00e0 l'aide de la classe TkRoot et d\u00e9finit le titre sur \u00ab Mon application \u00bb. Nous cr\u00e9ons ensuite un bouton \u00e0 l'aide de la classe TkButton, d\u00e9finissons le texte sur \u00ab Click Me ! \u00bb et sp\u00e9cifions une commande \u00e0 ex\u00e9cuter lorsque le bouton est cliqu\u00e9. Dans ce cas, nous imprimons simplement un message sur la console. Enfin, nous utilisons la m\u00e9thode pack pour ajouter le bouton \u00e0 la fen\u00eatre.<\/p>\n

La derni\u00e8re ligne du code, Tk.mainloop, d\u00e9marre la boucle d'\u00e9v\u00e9nements principaux Tk, qui attend des \u00e9v\u00e9nements tels que des clics de souris et des pressions sur des boutons et y r\u00e9pond.<\/p>\n

Ajout de widgets \u00e0 l'interface graphique<\/b><\/h2>\n

Nous pouvons ajouter plus de widgets \u00e0 l'interface graphique en cr\u00e9ant des instances suppl\u00e9mentaires de classes Tk. Par exemple, nous pouvons ajouter une \u00e9tiquette, un champ de saisie et une zone de texte \u00e0 la fen\u00eatre en utilisant le code suivant\u00a0:<\/p>\n

exiger<\/b> 'merci'<\/b> racine = <\/b>RacineTk<\/b>.nouveau { titre <\/b>"Mon application"<\/b> } \u00e9tiquette = <\/b>\u00c9tiquetteTk<\/b>.new(racine) <\/b>faire<\/b> texte <\/b>"Entrez votre nom:"<\/b> paquet { padx <\/b>10<\/b>; pady <\/b>10<\/b>; c\u00f4t\u00e9 <\/b>'gauche'<\/b> } <\/b>fin<\/b> entr\u00e9e = <\/b>Entr\u00e9e Tk<\/b>.new(racine) <\/b>faire<\/b> paquet { padx <\/b>10<\/b>; pady <\/b>10<\/b>; c\u00f4t\u00e9 <\/b>'gauche'<\/b> } <\/b>fin<\/b> bouton = <\/b>Bouton Tk<\/b>.new(racine) <\/b>faire<\/b> texte <\/b>"Soumettre"<\/b> commande { met <\/b>\u00ab\u00a0Bonjour, #{entry.value}\u00a0!\u00a0\u00bb<\/b> } paquet { padx <\/b>10<\/b>; pady <\/b>10<\/b>; c\u00f4t\u00e9 <\/b>'gauche'<\/b> } <\/b>fin<\/b> texte = <\/b>TexteTk<\/b>.new(racine) <\/b>faire<\/b> largeur <\/b>40<\/b> hauteur <\/b>10<\/b> paquet { padx <\/b>10<\/b>; pady <\/b>10<\/b>; c\u00f4t\u00e9 <\/b>'gauche'<\/b> } <\/b>fin<\/b> Merci<\/b>.boucle principale<\/b><\/p>\n

Ce code cr\u00e9e une \u00e9tiquette avec le texte \u00ab\u00a0Entrez votre nom\u00a0:\u00a0\u00bb, un champ de saisie permettant \u00e0 l'utilisateur de saisir son nom, un bouton pour soumettre le formulaire et une zone de texte pour afficher la sortie. La m\u00e9thode Entry.value permet de r\u00e9cup\u00e9rer la valeur saisie par l'utilisateur dans le champ de saisie.<\/p>\n

Conclusion<\/b><\/h2>\n

Dans cet article de blog, nous avons appris comment cr\u00e9er une application GUI de bureau avec Ruby \u00e0 l'aide de la bo\u00eete \u00e0 outils Tk<\/b>. Nous avons cr\u00e9\u00e9 une interface graphique simple avec un bouton et ajout\u00e9 d'autres widgets tels que des \u00e9tiquettes, des champs de saisie et des zones de texte. Avec ces outils, vous pouvez cr\u00e9er des applications de bureau puissantes et conviviales dans Ruby.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t

\r\n
Articles Similaires<\/div>\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \"Agentic\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n Building Agentic AI Applications with Ruby on Rails <\/a>\r\n\r\n <\/div>\r\n
\r\n
\r\n \r\n\r\n \"Offliberty\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n Qu'est-ce que Offliberty Ruby Gem et comment fonctionne-t-il ? <\/a>\r\n\r\n <\/div>\r\n
\r\n
\r\n \r\n\r\n \"M\u00e9thode\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n M\u00e9thode Rails link_to : Le guide complet avec des exemples <\/a>\r\n\r\n <\/div>\r\n
\r\n
\r\n \r\n\r\n \"Solutions\r\n\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n Solutions d'int\u00e9gration d'API tierces en Ruby on Rails <\/a>\r\n\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n