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...
Worldlex WikiFrancaisLecture gratuite
gtk3-demo, un programme permettant de démontrer les widgets de GTK+ version 3
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.
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.
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 UbuntuLes widgets Qt sont rendus selon trois thèmes différents (conception artistique) : Plastik, Keramik et Windows.Saisie de texte/valeur
Zone de texte – (champ de saisie) – un élément de contrôle graphique destiné à permettre à l'utilisateur de saisir du texte
Sortir
Étiquette – texte utilisé pour décrire un autre widget
Infobulle – fenêtre d'information qui apparaît lorsque la souris survole un autre contrôle
Barre d'état – un élément de contrôle graphique qui constitue une zone d'information généralement située en bas de la fenêtre
Barre de progression – un élément de contrôle graphique utilisé pour visualiser la progression d'une opération informatique prolongée, telle qu'un téléchargement, un transfert de fichier ou une installation.
Barre d'informations – un élément de contrôle graphique utilisé par de nombreux programmes pour afficher des informations non essentielles à l'utilisateur
Récipient
Fenêtre – un élément de contrôle graphique constitué d'une zone visuelle contenant certains éléments d'interface utilisateur graphique du programme auquel elle appartient.
Accordéon – une liste d'éléments empilés verticalement, tels que des étiquettes ou des vignettes, où chaque élément peut être « développé » pour révéler le contenu associé.
Fenêtre modale – un élément de contrôle graphique subordonné à la fenêtre principale d'une application, qui crée un mode dans lequel la fenêtre principale ne peut pas être utilisée.
Boîte de dialogue – une petite fenêtre qui communique des informations à l'utilisateur et l'invite à répondre.
Fenêtre Palette – également appelée « fenêtre utilitaire » – un élément de contrôle graphique qui flotte au-dessus de toutes les fenêtres classiques et offre un accès direct aux outils, commandes et informations de l'application en cours.
Fenêtre Inspecteur – type de fenêtre de dialogue affichant la liste des attributs actuels d'un objet sélectionné et permettant de modifier ces paramètres à la volée.
Cadre – un type de boîte dans laquelle un ensemble d'éléments de contrôle graphique peut être regroupé afin de montrer visuellement les relations.
Canvas – élément de dessin générique pour représenter des informations graphiques
Cover Flow – un élément animé en trois dimensions permettant de feuilleter visuellement des instantanés de documents, des signets de sites web, des pochettes d'albums ou des photographies.