Article de reference

Widget graphique

gtk3-demo, un programme permettant de démontrer les widgets de GTK+ version 3 Dans une interface utilisateur graphique (IUG), un widget graphique (également appelé élément de co...

gtk3-demo, un programme permettant de démontrer les widgets de GTK+ version 3

Dans une interface utilisateur graphique (IUG), un widget graphique (également appelé élément de contrôle graphique ou contrôle ) est un élément d'interaction , tel qu'un bouton ou une barre de défilement . Les contrôles sont des composants logiciels avec lesquels un utilisateur interagit directement pour lire ou modifier des informations sur une application. Les bibliothèques d'interface utilisateur telles que Windows Presentation Foundation , Qt , GTK et Cocoa contiennent un ensemble de contrôles et la logique nécessaire à leur affichage.

Chaque widget facilite un type spécifique d'interaction utilisateur-ordinateur et apparaît comme une partie visible de l'interface graphique de l'application, conformément au thème et au moteur de rendu. Le thème assure une esthétique unifiée à tous les widgets et crée une impression de cohérence globale. Certains widgets permettent l'interaction avec l'utilisateur, comme les étiquettes, les boutons et les cases à cocher . D'autres servent de conteneurs regroupant les widgets qui leur sont ajoutés, comme les fenêtres , les panneaux et les onglets.

La structuration d'une interface utilisateur à l'aide de kits d'outils de widgets permet aux développeurs de réutiliser du code pour des tâches similaires et offre aux utilisateurs un langage commun d'interaction, assurant ainsi la cohérence de l'ensemble du système d'information.

Les outils de création d'interfaces graphiques facilitent la conception d' interfaces utilisateur graphiques en mode WYSIWYG grâce à un langage de balisage dédié . Ils génèrent automatiquement tout le code source d'un widget à partir de descriptions générales fournies par le développeur, généralement par manipulation directe .

Histoire

Exemple de widgets activés et désactivés ; le cadre en bas est désactivé, ils sont grisés.

Chaque widget affiche une présentation d'informations modifiable par l'utilisateur, comme une fenêtre ou une zone de texte . Sa caractéristique principale est de fournir un point d'interaction unique pour la manipulation directe d'un type de données donné. Autrement dit, les widgets sont des éléments visuels de base qui, combinés au sein d'une application, regroupent toutes les données traitées par celle-ci et les interactions possibles avec ces données.

Les widgets d'interface graphique (GUI) sont des éléments graphiques utilisés pour construire l'interface homme-machine d'un programme. Ils sont implémentés comme des composants logiciels . Les bibliothèques logicielles et les frameworks de widgets, tels que GTK+ ou Qt , les contiennent afin que les programmeurs puissent les utiliser pour créer des interfaces graphiques pour leurs programmes.

Une famille de widgets réutilisables communs a été développée pour contenir des informations générales, s'appuyant sur les recherches du Palo Alto Research Center Inc. pour l'interface utilisateur Xerox Alto . Différentes implémentations de ces widgets génériques sont souvent regroupées dans des kits d'outils de widgets , utilisés par les programmeurs pour créer des interfaces graphiques (GUI). La plupart des systèmes d'exploitation incluent un ensemble de widgets prêts à l'emploi qu'un programmeur peut intégrer à une application, en spécifiant son comportement. Chaque type de widget est généralement défini comme une classe par la programmation orientée objet ( POO ). Par conséquent, de nombreux widgets sont issus de l'héritage de classes.

Dans une application, un widget peut être activé ou désactivé . Un widget activé peut réagir à des événements, comme les frappes au clavier ou les clics de souris. Un widget qui ne peut pas réagir à ces événements est désactivé. L'apparence d'un widget varie généralement selon qu'il est activé ou désactivé ; lorsqu'il est désactivé, il peut apparaître dans une couleur plus claire (« grisé ») ou être masqué. Voir l'image ci-contre pour un exemple.

L'avantage de désactiver les commandes indisponibles plutôt que de les masquer complètement est que l'utilisateur est informé de l'existence de la commande, mais de son indisponibilité temporaire (la modification d'une autre commande pouvant la rendre disponible), au lieu de risquer de le laisser dans l'incertitude quant à son emplacement. Dans les boîtes de dialogue contextuelles, les boutons peuvent apparaître grisés brièvement après leur affichage afin d'éviter les clics accidentels ou les doubles clics involontaires.

Les widgets sont parfois qualifiés de virtuels pour les distinguer de leurs homologues physiques, par exemple les boutons virtuels sur lesquels on peut cliquer avec un pointeur , par opposition aux boutons physiques sur lesquels on peut appuyer avec un doigt (comme ceux d'une souris d'ordinateur ).

Un concept apparenté (mais différent) est celui du widget de bureau : une petite application GUI spécialisée qui fournit des informations visuelles et/ou un accès facile aux fonctions fréquemment utilisées telles que l’horloge, le calendrier, les agrégateurs de nouvelles, la calculatrice et les notes de bureau. Ces widgets sont hébergés par un moteur de widgets .

Liste des widgets génériques courants

Divers widgets affichés dans Ubuntu
Les widgets Qt sont rendus selon trois thèmes différents (conception artistique) : Plastik, Keramik et Windows.
Saisie de texte/valeur

Sortir

Récipient