CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Composant d'interface graphique — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"3a6a8a6b-7b5c-4d5c-b7da-9d1435e62da2","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Composant_d'interface_graphique","wgTitle":"Composant d'interface graphique","wgCurRevisionId":167140286,"wgRevisionId":167140286,"wgArticleId":1587875,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipédia:ébauche informatique","Portail:Informatique/Articles liés","Portail:Technologies/Articles liés","Environnement graphique"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Composant_d'interface_graphique","wgRelevantArticleId":1587875,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[], "wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":6000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q605117","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={ "ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface", "ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/0/0d/Gtk3-demo_3.11.8.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="907"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Gtk3-demo_3.11.8.png/800px-Gtk3-demo_3.11.8.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="605"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Gtk3-demo_3.11.8.png/640px-Gtk3-demo_3.11.8.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="484"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Composant d'interface graphique — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Composant_d%27interface_graphique"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Composant_d%27interface_graphique&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Composant_d%27interface_graphique"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Composant_d_interface_graphique rootpage-Composant_d_interface_graphique skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Composant+d%27interface+graphique" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Composant+d%27interface+graphique" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Composant+d%27interface+graphique" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Composant+d%27interface+graphique" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sommaire" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sommaire</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">masquer</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Début</div> </a> </li> <li id="toc-Étymologie" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Étymologie"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Étymologie</span> </div> </a> <ul id="toc-Étymologie-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Composants_habituels" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Composants_habituels"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Composants habituels</span> </div> </a> <ul id="toc-Composants_habituels-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Bibliothèques_les_plus_courantes" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Bibliothèques_les_plus_courantes"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Bibliothèques les plus courantes</span> </div> </a> <ul id="toc-Bibliothèques_les_plus_courantes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Notes_et_références" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Notes_et_références"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Notes et références</span> </div> </a> <ul id="toc-Notes_et_références-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Voir_aussi" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Voir_aussi"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Voir aussi</span> </div> </a> <button aria-controls="toc-Voir_aussi-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Voir aussi</span> </button> <ul id="toc-Voir_aussi-sublist" class="vector-toc-list"> <li id="toc-Articles_connexes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Articles_connexes"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1</span> <span>Articles connexes</span> </div> </a> <ul id="toc-Articles_connexes-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sommaire" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Basculer la table des matières" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Basculer la table des matières</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Composant d'interface graphique</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Aller à un article dans une autre langue. Disponible en 30 langues." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-30" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">30 langues</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%B9%D9%86%D8%B5%D8%B1_%D8%AA%D8%AD%D9%83%D9%85_(%D9%88%D8%A7%D8%AC%D9%87%D8%A9_%D8%B1%D8%B3%D9%88%D9%85%D9%8A%D8%A9)" title="عنصر تحكم (واجهة رسومية) – arabe" lang="ar" hreflang="ar" data-title="عنصر تحكم (واجهة رسومية)" data-language-autonym="العربية" data-language-local-name="arabe" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/%D0%9A%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82_%D0%BD%D0%B0_%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D0%BD_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81" title="Компонент на графичен интерфейс – bulgare" lang="bg" hreflang="bg" data-title="Компонент на графичен интерфейс" data-language-autonym="Български" data-language-local-name="bulgare" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Giny" title="Giny – catalan" lang="ca" hreflang="ca" data-title="Giny" data-language-autonym="Català" data-language-local-name="catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Ovl%C3%A1dac%C3%AD_prvek_(GUI)" title="Ovládací prvek (GUI) – tchèque" lang="cs" hreflang="cs" data-title="Ovládací prvek (GUI)" data-language-autonym="Čeština" data-language-local-name="tchèque" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Steuerelement" title="Steuerelement – allemand" lang="de" hreflang="de" data-title="Steuerelement" data-language-autonym="Deutsch" data-language-local-name="allemand" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Graphical_widget" title="Graphical widget – anglais" lang="en" hreflang="en" data-title="Graphical widget" data-language-autonym="English" data-language-local-name="anglais" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/K%C3%A4ytt%C3%B6liittym%C3%A4komponentti" title="Käyttöliittymäkomponentti – finnois" lang="fi" hreflang="fi" data-title="Käyttöliittymäkomponentti" data-language-autonym="Suomi" data-language-local-name="finnois" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%95%D7%99%D7%93%D7%92%27%D7%98" title="וידג'ט – hébreu" lang="he" hreflang="he" data-title="וידג'ט" data-language-autonym="עברית" data-language-local-name="hébreu" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/Mala_aplikacija" title="Mala aplikacija – croate" lang="hr" hreflang="hr" data-title="Mala aplikacija" data-language-autonym="Hrvatski" data-language-local-name="croate" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Vez%C3%A9rl%C5%91elem" title="Vezérlőelem – hongrois" lang="hu" hreflang="hu" data-title="Vezérlőelem" data-language-autonym="Magyar" data-language-local-name="hongrois" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Gawit_grafis" title="Gawit grafis – indonésien" lang="id" hreflang="id" data-title="Gawit grafis" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonésien" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-io mw-list-item"><a href="https://io.wikipedia.org/wiki/Widjeto" title="Widjeto – ido" lang="io" hreflang="io" data-title="Widjeto" data-language-autonym="Ido" data-language-local-name="ido" class="interlanguage-link-target"><span>Ido</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Widget_(informatica)" title="Widget (informatica) – italien" lang="it" hreflang="it" data-title="Widget (informatica)" data-language-autonym="Italiano" data-language-local-name="italien" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88_(GUI)" title="ウィジェット (GUI) – japonais" lang="ja" hreflang="ja" data-title="ウィジェット (GUI)" data-language-autonym="日本語" data-language-local-name="japonais" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/GUI_%EC%9C%84%EC%A0%AF" title="GUI 위젯 – coréen" lang="ko" hreflang="ko" data-title="GUI 위젯" data-language-autonym="한국어" data-language-local-name="coréen" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/%D0%9F%D0%BE%D1%81%D1%80%D0%B5%D0%B4%D0%BD%D0%B8%D1%87%D0%BA%D0%B8_%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82" title="Посреднички елемент – macédonien" lang="mk" hreflang="mk" data-title="Посреднички елемент" data-language-autonym="Македонски" data-language-local-name="macédonien" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Widget" title="Widget – néerlandais" lang="nl" hreflang="nl" data-title="Widget" data-language-autonym="Nederlands" data-language-local-name="néerlandais" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Grafisk_styreelement" title="Grafisk styreelement – norvégien bokmål" lang="nb" hreflang="nb" data-title="Grafisk styreelement" data-language-autonym="Norsk bokmål" data-language-local-name="norvégien bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Wid%C5%BCet" title="Widżet – polonais" lang="pl" hreflang="pl" data-title="Widżet" data-language-autonym="Polski" data-language-local-name="polonais" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Widget" title="Widget – portugais" lang="pt" hreflang="pt" data-title="Widget" data-language-autonym="Português" data-language-local-name="portugais" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Element_de_control" title="Element de control – roumain" lang="ro" hreflang="ro" data-title="Element de control" data-language-autonym="Română" data-language-local-name="roumain" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%AD%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%B0" title="Элемент интерфейса – russe" lang="ru" hreflang="ru" data-title="Элемент интерфейса" data-language-autonym="Русский" data-language-local-name="russe" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Widget" title="Widget – slovaque" lang="sk" hreflang="sk" data-title="Widget" data-language-autonym="Slovenčina" data-language-local-name="slovaque" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Widget" title="Widget – suédois" lang="sv" hreflang="sv" data-title="Widget" data-language-autonym="Svenska" data-language-local-name="suédois" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-sw mw-list-item"><a href="https://sw.wikipedia.org/wiki/Kifaa_michoro" title="Kifaa michoro – swahili" lang="sw" hreflang="sw" data-title="Kifaa michoro" data-language-autonym="Kiswahili" data-language-local-name="swahili" class="interlanguage-link-target"><span>Kiswahili</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/Widget" title="Widget – turc" lang="tr" hreflang="tr" data-title="Widget" data-language-autonym="Türkçe" data-language-local-name="turc" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%92%D1%96%D0%B4%D0%B6%D0%B5%D1%82" title="Віджет – ukrainien" lang="uk" hreflang="uk" data-title="Віджет" data-language-autonym="Українська" data-language-local-name="ukrainien" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/Th%C3%A0nh_t%E1%BB%91_%C4%91i%E1%BB%81u_khi%E1%BB%83n_%C4%91%E1%BB%93_h%E1%BB%8Da" title="Thành tố điều khiển đồ họa – vietnamien" lang="vi" hreflang="vi" data-title="Thành tố điều khiển đồ họa" data-language-autonym="Tiếng Việt" data-language-local-name="vietnamien" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E6%8E%A7%E4%BB%B6" title="控件 – chinois" lang="zh" hreflang="zh" data-title="控件" data-language-autonym="中文" data-language-local-name="chinois" class="interlanguage-link-target"><span>中文</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/%E6%8E%A7%E4%BB%B6" title="控件 – cantonais" lang="yue" hreflang="yue" data-title="控件" data-language-autonym="粵語" data-language-local-name="cantonais" class="interlanguage-link-target"><span>粵語</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q605117#sitelinks-wikipedia" title="Modifier les liens interlangues" class="wbc-editpage">Modifier les liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Composant_d%27interface_graphique" title="Voir le contenu de la page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussion:Composant_d%27interface_graphique" rel="discussion" title="Discussion au sujet de cette page de contenu [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">français</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Composant_d%27interface_graphique"><span>Lire</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Composant_d%27interface_graphique"><span>Lire</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Composant_d%27interface_graphique" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Composant_d%27interface_graphique" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&oldid=167140286" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Citer&page=Composant_d%27interface_graphique&id=167140286&wpFormIdentifier=titleform" title="Informations sur la manière de citer cette page"><span>Citer cette page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FComposant_d%2527interface_graphique"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FComposant_d%2527interface_graphique"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Livre&bookcmd=book_creator&referer=Composant+d%27interface+graphique"><span>Créer un livre</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Composant_d%27interface_graphique&action=show-download-screen"><span>Télécharger comme PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Composant_d%27interface_graphique&printable=yes" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Graphical_control_elements" hreflang="en"><span>Wikimedia Commons</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q605117" title="Lien vers l’élément dans le dépôt de données connecté [g]" accesskey="g"><span>Élément Wikidata</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Un article de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><div class="bandeau-container metadata bandeau-article bandeau-niveau-ebauche"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span class="noviewer" typeof="mw:File"><a href="/wiki/Fichier:Circle-icons-computer.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/35px-Circle-icons-computer.svg.png" decoding="async" width="35" height="35" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/53px-Circle-icons-computer.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/70px-Circle-icons-computer.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p><strong class="bandeau-titre">Cet article est une <a href="/wiki/Aide:%C3%89bauche" title="Aide:Ébauche">ébauche</a> concernant l’<a href="/wiki/Informatique" title="Informatique">informatique</a>.</strong> </p><p>Vous pouvez partager vos connaissances en l’améliorant (<b><a href="/wiki/Aide:Comment_modifier_une_page" title="Aide:Comment modifier une page">comment ?</a></b>) selon les recommandations des <a href="/wiki/Projet:Accueil" title="Projet:Accueil">projets correspondants</a>. </p> </div></div> <figure typeof="mw:File/Thumb"><a href="/wiki/Fichier:Gtk3-demo_3.11.8.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Gtk3-demo_3.11.8.png/300px-Gtk3-demo_3.11.8.png" decoding="async" width="300" height="227" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Gtk3-demo_3.11.8.png/450px-Gtk3-demo_3.11.8.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Gtk3-demo_3.11.8.png/600px-Gtk3-demo_3.11.8.png 2x" data-file-width="832" data-file-height="629" /></a><figcaption>gtk3-demo, un programme destiné à illustrer les composants de <a href="/wiki/GTK%2B" class="mw-redirect" title="GTK+">GTK+</a> version 3</figcaption></figure> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Gui-widgets.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Gui-widgets.png/300px-Gui-widgets.png" decoding="async" width="300" height="242" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Gui-widgets.png/450px-Gui-widgets.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Gui-widgets.png/600px-Gui-widgets.png 2x" data-file-width="644" data-file-height="519" /></a><figcaption>Fenêtre regroupant plusieurs composants (<i><span class="lang-en" lang="en">widgets</span></i>).</figcaption></figure> <p>En <a href="/wiki/Informatique" title="Informatique">informatique</a>, un <b>composant d'interface graphique</b> (aussi appelé <i><b><span class="lang-en" lang="en">widget</span></b></i> en <a href="/wiki/Anglais" title="Anglais">anglais</a> ou encore <i><b><span class="lang-en" lang="en">control</span></b></i>) est un élément de base d'une <a href="/wiki/Interface_graphique" title="Interface graphique">interface graphique</a> avec lequel un <a href="/wiki/Utilisateur_(informatique)" title="Utilisateur (informatique)">utilisateur</a> peut interagir (par exemple une <a href="/wiki/Fen%C3%AAtre_(informatique)" title="Fenêtre (informatique)">fenêtre</a> ou une <a href="/wiki/Zone_de_texte" title="Zone de texte">zone de texte</a>). Ces composants sont généralement regroupés dans des boîtes à outils graphiques (appelées <i><span class="lang-en" lang="en"><a href="/wiki/Toolkit" title="Toolkit">toolkit</a></span></i> en anglais). Une fois assemblés par un programmeur, ces composants forment une <a href="/wiki/Interface_graphique" title="Interface graphique">interface graphique</a> complète. </p><p>L'appellation <i><span class="lang-en" lang="en">control</span></i> est connotée Microsoft. L'appellation <i><span class="lang-en" lang="en">widget</span></i> est utilisée dans tous les autres cas. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Étymologie"><span id=".C3.89tymologie"></span>Étymologie</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit&section=1" title="Modifier la section : Étymologie" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit&section=1" title="Modifier le code source de la section : Étymologie"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><i>Widget</i> est un mot <a href="/wiki/Anglais" title="Anglais">anglais</a> qui est apparu aux <a href="/wiki/%C3%89tats-Unis" title="États-Unis">États-Unis</a> dans les années 1920. De manière générale, il est utilisé pour désigner un objet banal et quelconque, en <a href="/wiki/Fran%C3%A7ais" title="Français">français</a> on peut le traduire par « machin » ou gadget. L'origine du mot est d'ailleurs probablement une déformation de ce dernier<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite_crochet">[</span>1<span class="cite_crochet">]</span></a></sup>. </p><p>Certains pensent que <i>widget</i> est un <a href="/wiki/Mot-valise" title="Mot-valise">mot-valise</a> formé des mots <i>window</i> (<a href="/wiki/Fen%C3%AAtre_(informatique)" title="Fenêtre (informatique)">fenêtre</a>) et <i>gadget</i>, ce qui signifierait donc « gadget de fenêtre »)<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite_crochet">[</span>2<span class="cite_crochet">]</span></a></sup>. Selon l'<a href="/wiki/Office_qu%C3%A9b%C3%A9cois_de_la_langue_fran%C3%A7aise" title="Office québécois de la langue française">Office québécois de la langue française</a>, on peut traduire <i>widget</i> par « métachose » ou bien « machin » ou encore « gadget logiciel »<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite_crochet">[</span>3<span class="cite_crochet">]</span></a></sup>. </p> <div class="mw-heading mw-heading2"><h2 id="Composants_habituels">Composants habituels</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit&section=2" title="Modifier la section : Composants habituels" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit&section=2" title="Modifier le code source de la section : Composants habituels"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li>Les éléments d'affichage simple <ul><li><a href="/wiki/%C3%89tiquette_(interface_graphique)" title="Étiquette (interface graphique)">Étiquette</a> (<i>Label</i>)</li> <li><a href="/wiki/Ic%C3%B4ne_(informatique)" title="Icône (informatique)">Icône</a></li></ul></li> <li>Les boutons <ul><li><a href="/wiki/Bouton_(informatique)" title="Bouton (informatique)">Bouton poussoir</a> (<i>button</i>) <ul><li>Boutons de barre d'outils</li></ul></li> <li><a href="/wiki/Case_%C3%A0_cocher" title="Case à cocher">Case à cocher</a> (<i>Check box</i>)</li> <li><a href="/wiki/Bouton_radio" title="Bouton radio">Bouton radio</a> (<i>Radio button</i>)</li></ul></li> <li><a href="/wiki/Menu_(informatique)" title="Menu (informatique)">Les menus</a> <ul><li><a href="/wiki/Menu_de_commande" class="mw-redirect" title="Menu de commande">Menu de commande</a> (<i>Command menu</i>)</li> <li><a href="/wiki/Menu_contextuel" title="Menu contextuel">Menu contextuel</a> (<i>Context menu</i>)</li> <li><a href="/wiki/Menu_circulaire" title="Menu circulaire">Menu circulaire</a> (<i>Pie menu</i>)</li></ul></li> <li>Les conteneurs <ul><li><a href="/wiki/Barre_d%27outils" title="Barre d'outils">Barre d'outils</a> (<i>Toolbar</i>)</li> <li>Cadre (<i>Frame</i>)</li> <li><a href="/wiki/Onglet_(informatique)" title="Onglet (informatique)">Onglet</a> (<i>Tab</i>)</li> <li><a href="/wiki/Barre_de_d%C3%A9filement" title="Barre de défilement">Barre de défilement</a> (<i>Scrollbar</i>)</li> <li>Volet (<i>Paned</i>)</li> <li><a href="/w/index.php?title=Tiroir_(informatique)&action=edit&redlink=1" class="new" title="Tiroir (informatique) (page inexistante)">Tiroir (informatique)</a> (<i>Drawer</i>) sous <a href="/wiki/Mac_OS_X" class="mw-redirect" title="Mac OS X">Mac OS X</a>, un panel déroulant attaché à une fenêtre</li> <li><a href="/wiki/Cover_Flow" title="Cover Flow">Carrousel 3D</a> (<i>Cover Flow</i>)</li> <li><a href="/wiki/Bubble_Flow" title="Bubble Flow">Bubble Flow</a> (Accordion thread)</li></ul></li> <li>Les listes <ul><li><a href="/wiki/Tri_arborescent" title="Tri arborescent">Liste arborescente</a> (<i>Tree view</i>)</li> <li><a href="/w/index.php?title=Vue_tabulaire&action=edit&redlink=1" class="new" title="Vue tabulaire (page inexistante)">Vue tabulaire</a> Tableau (<i>Grid view</i>)</li> <li><a href="/wiki/Bo%C3%AEte_combin%C3%A9e" title="Boîte combinée">Boîte combinée</a> (<i>Combo box</i>)</li> <li><a href="/wiki/Zone_de_liste" title="Zone de liste">Zone de liste</a> (<i>List box</i>)</li></ul></li> <li>Les champs utilisateur <ul><li><a href="/wiki/Zone_de_texte" title="Zone de texte">Zone de texte</a> (<i>Text box</i> ou <i>Edit Field</i>)</li> <li>Zone de <a href="/wiki/Mot_de_passe" title="Mot de passe">mot de passe</a> (<i>Password Field</i>)</li> <li><a href="/wiki/Zone_de_s%C3%A9lection_num%C3%A9rique" class="mw-redirect" title="Zone de sélection numérique">Zone de sélection numérique</a> (<i>Spin Box</i>)</li> <li><a href="/wiki/Slider_(informatique)" title="Slider (informatique)">Curseur</a> (<i>Slider</i>) À ne pas confondre avec le curseur de souris</li></ul></li> <li>Les aides au retour utilisateur <ul><li><a href="/wiki/Barre_de_progression" title="Barre de progression">Barre de progression</a> (<i>Progress bar</i>)</li> <li><a href="/wiki/Barre_d%27%C3%A9tat" title="Barre d'état">Barre d'état</a> (<i>Status bar</i>)</li> <li><a href="/wiki/Bulle_d%27aide" class="mw-redirect" title="Bulle d'aide">Bulle d'aide</a> (<i>Tooltip</i>)</li></ul></li> <li>Les fenêtres (<i>Window</i>) <ul><li><a href="/wiki/Fen%C3%AAtre_(informatique)" title="Fenêtre (informatique)">Fenêtre simple</a></li> <li><a href="/wiki/Fen%C3%AAtre_modale" title="Fenêtre modale">Fenêtre modale</a> (<i>Modal window</i>)</li> <li><a href="/wiki/Bo%C3%AEte_de_dialogue" title="Boîte de dialogue">Boîte de dialogue</a> (<i>Dialog box</i>)</li> <li><a href="/wiki/Fen%C3%AAtre_flottante" title="Fenêtre flottante">Fenêtre flottante</a> (<i>Utility window</i>)</li></ul></li> <li>Les <a href="/wiki/Hyperlien" title="Hyperlien">liens hypertextes</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="Bibliothèques_les_plus_courantes"><span id="Biblioth.C3.A8ques_les_plus_courantes"></span>Bibliothèques les plus courantes</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit&section=3" title="Modifier la section : Bibliothèques les plus courantes" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit&section=3" title="Modifier le code source de la section : Bibliothèques les plus courantes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li>En mode graphique raster <ul><li><a href="/wiki/Qt" title="Qt">Qt</a>, multiplateforme et interfaçable dans de nombreux langages</li> <li><a href="/wiki/GTK%2B" class="mw-redirect" title="GTK+">GTK+</a>, multiplateforme et interfaçable dans de nombreux langages</li> <li><a href="/wiki/Tk_(informatique)" title="Tk (informatique)">Tk</a>, multiplateforme et interfaçable avec de nombreux langages</li> <li><a href="/wiki/WxWidgets" title="WxWidgets">wxWidgets</a> ou anciennement wxWindows, multiplateforme</li> <li>L'interface de <a href="/wiki/Windows" class="mw-redirect" title="Windows">Windows</a>, appelée <a href="/wiki/Windows_API" title="Windows API">API Windows</a> ou <a href="/wiki/Win32" class="mw-redirect" title="Win32">Win32</a></li> <li><a href="/wiki/Swing_(Java)" title="Swing (Java)">Swing</a> et <a href="/wiki/Standard_Widget_Toolkit" title="Standard Widget Toolkit">SWT</a> pour <a href="/wiki/Java_(langage)" title="Java (langage)">Java</a></li></ul></li></ul> <ul><li>En mode graphique vecteur <ul><li><a href="/wiki/Cocoa_(Apple)" title="Cocoa (Apple)">Cocoa</a> sous <a href="/wiki/MacOS_X" class="mw-redirect" title="MacOS X">MacOS X</a> couramment appelé <a href="/wiki/Aqua_(informatique)" title="Aqua (informatique)">Aqua</a></li> <li><a href="/wiki/Windows_Presentation_Foundation" title="Windows Presentation Foundation">Windows Presentation Foundation</a> sous Windows XP, Vista, 7 et 8</li> <li><a href="/wiki/XUL" class="mw-redirect" title="XUL">XUL</a> avec par exemple <a href="/wiki/Firefox" class="mw-redirect" title="Firefox">Firefox</a></li> <li><a href="/wiki/SVG" class="mw-redirect" title="SVG">SVG</a> avec un player compatible comme SVG player d'Adobe ou Mozilla en interne</li></ul></li></ul> <ul><li>En mode texte <ul><li><a href="/wiki/HTML" class="mw-redirect" title="HTML">HTML</a> essentiellement dans un navigateur compatible texte</li> <li><a href="/wiki/Ncurses" title="Ncurses">Ncurses</a> essentiellement sous <a href="/wiki/Unix" title="Unix">Unix</a></li> <li><a href="/wiki/Turbo_Vision" title="Turbo Vision">Turbo Vision</a> sous <a href="/wiki/DOS" title="DOS">MS-DOS</a> initialement développé par <a href="/wiki/Borland" title="Borland">Borland</a> pour ses langages mais souvent reproduit depuis</li></ul></li></ul> <div class="mw-heading mw-heading2"><h2 id="Notes_et_références"><span id="Notes_et_r.C3.A9f.C3.A9rences"></span>Notes et références</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit&section=4" title="Modifier la section : Notes et références" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit&section=4" title="Modifier le code source de la section : Notes et références"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="references-small decimal" style=""><div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink noprint"><a href="#cite_ref-1">↑</a> </span><span class="reference-text"><span class="ouvrage"><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> « <a rel="nofollow" class="external text" href="https://www.etymonline.com/search?q=widget"><cite style="font-style:normal;" lang="en">widget</cite></a> », sur <span class="italique">etymonline.com</span> <small style="line-height:1em;">(consulté le <time class="nowrap" datetime="2019-09-12" data-sort-value="2019-09-12">12 septembre 2019</time>)</small></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink noprint"><a href="#cite_ref-2">↑</a> </span><span class="reference-text"><span class="ouvrage" id="Rohaut2006"><span class="ouvrage" id="Sébastien_Rohaut2006">Sébastien <span class="nom_auteur">Rohaut</span>, <cite class="italique">Suse Linux 10.1 : De Windows à Linux en passant par la pratique</cite>, Saint-Herblain, ENI Editions, <time class="nowrap" datetime="2006-09" data-sort-value="2006-09">septembre 2006</time>, 472 <abbr class="abbr" title="pages">p.</abbr> <small style="line-height:1em;">(<a href="/wiki/International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> <a href="/wiki/Sp%C3%A9cial:Ouvrages_de_r%C3%A9f%C3%A9rence/978-2-7460-3373-3" title="Spécial:Ouvrages de référence/978-2-7460-3373-3"><span class="nowrap">978-2-7460-3373-3</span></a>, <a rel="nofollow" class="external text" href="https://books.google.com/books?id=mbJW2SkkPZ8C&printsec=frontcover">lire en ligne</a>)</small>, <abbr class="abbr" title="page">p.</abbr> 128<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=Suse+Linux+10.1+%3A+De+Windows+%C3%A0+Linux+en+passant+par+la+pratique&rft.place=Saint-Herblain&rft.pub=ENI+Editions&rft.aulast=Rohaut&rft.aufirst=S%C3%A9bastien&rft.date=2006-09&rft.pages=128&rft.tpages=472&rft.isbn=978-2-7460-3373-3&rfr_id=info%3Asid%2Ffr.wikipedia.org%3AComposant+d%27interface+graphique"></span></span></span></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink noprint"><a href="#cite_ref-3">↑</a> </span><span class="reference-text"><span class="ouvrage">« <a rel="nofollow" class="external text" href="http://www.granddictionnaire.com/ficheOqlf.aspx?Id_Fiche=26501657"><cite style="font-style:normal;">gadget logiciel</cite></a> », sur <span class="italique"><a href="/wiki/Office_qu%C3%A9b%C3%A9cois_de_la_langue_fran%C3%A7aise" title="Office québécois de la langue française">granddictionnaire.com</a></span> <small style="line-height:1em;">(consulté le <time class="nowrap" datetime="2019-09-12" data-sort-value="2019-09-12">12 septembre 2019</time>)</small></span></span> </li> </ol></div> </div> <div class="mw-heading mw-heading2"><h2 id="Voir_aussi">Voir aussi</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit&section=5" title="Modifier la section : Voir aussi" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit&section=5" title="Modifier le code source de la section : Voir aussi"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Articles_connexes">Articles connexes</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Composant_d%27interface_graphique&veaction=edit&section=6" title="Modifier la section : Articles connexes" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Composant_d%27interface_graphique&action=edit&section=6" title="Modifier le code source de la section : Articles connexes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Composants_web" title="Composants web">Composants web</a></li> <li><a href="/wiki/HTML_Application" title="HTML Application">HTML Application</a>, un moyen de lier des widgets à des scripts dans Internet Explorer</li></ul> <div class="navbox-container" style="clear:both;"> <table class="navbox collapsible noprint autocollapse" style=""> <tbody><tr><th class="navbox-title" colspan="2" style=""><div style="float:left; width:6em; text-align:left"><div class="noprint plainlinks nowrap tnavbar" style="padding:0; font-size:xx-small; color:var(--color-emphasized, #000000);"><a href="/wiki/Mod%C3%A8le:Palette_Interface_graphique" title="Modèle:Palette Interface graphique"><abbr class="abbr" title="Voir ce modèle.">v</abbr></a> · <a class="external text" href="https://fr.wikipedia.org/w/index.php?title=Mod%C3%A8le:Palette_Interface_graphique&action=edit"><abbr class="abbr" title="Modifier ce modèle. Merci de prévisualiser avant de sauvegarder.">m</abbr></a></div></div><div style="font-size:110%"><a class="mw-selflink selflink">Composants</a> des <a href="/wiki/Interface_graphique" title="Interface graphique">interfaces graphiques</a></div></th> </tr> <tr> <th class="navbox-group" style="">Commandes</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Bouton_(informatique)" title="Bouton (informatique)">Bouton</a></li> <li><a href="/wiki/Menu_(informatique)" title="Menu (informatique)">Menu</a></li> <li><a href="/wiki/Menu_circulaire" title="Menu circulaire">Menu circulaire</a></li> <li><a href="/wiki/Menu_contextuel" title="Menu contextuel">Menu contextuel</a></li> <li><a href="/wiki/%C3%89cran_d%27accueil" title="Écran d'accueil">Écran d'accueil</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Données</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Bo%C3%AEte_combin%C3%A9e" title="Boîte combinée">Boîte combinée</a></li> <li><a href="/wiki/Bouton_fl%C3%A9ch%C3%A9" title="Bouton fléché">Bouton fléché</a></li> <li><a href="/wiki/Bouton_radio" title="Bouton radio">Bouton radio</a></li> <li><a href="/wiki/Case_%C3%A0_cocher" title="Case à cocher">Case à cocher</a></li> <li><a href="/wiki/Liste_d%C3%A9roulante" title="Liste déroulante">Liste déroulante</a></li> <li><span class="lang-en" lang="en"><a href="/wiki/Slider_(informatique)" title="Slider (informatique)">Slider</a></span> <ul><li><span class="lang-en" lang="en"><a href="/wiki/Progress_slider" title="Progress slider">Progress slider</a></span></li></ul></li> <li><a href="/wiki/Tableau_synoptique" title="Tableau synoptique">Tableau synoptique</a></li> <li><a href="/wiki/Zone_de_texte" title="Zone de texte">Zone de texte</a></li> <li><a href="/wiki/Zone_de_liste" title="Zone de liste">Zone de liste</a></li> <li><a href="/wiki/Champ_de_recherche" title="Champ de recherche">Champ de recherche</a> <ul><li><a href="/wiki/Recherche_d%C3%A9limit%C3%A9e" title="Recherche délimitée">Recherche délimitée</a></li> <li><a href="/wiki/Recherche_incr%C3%A9mentale" title="Recherche incrémentale">Recherche incrémentale</a></li></ul></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Informations</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Barre_de_titre" title="Barre de titre">Barre de titre</a></li> <li><a href="/wiki/Barre_d%27%C3%A9tat" title="Barre d'état">Barre d’état</a></li> <li><a href="/wiki/Barre_de_progression" title="Barre de progression">Barre de progression</a></li> <li><a href="/wiki/Barre_d%27information" title="Barre d'information">Barre d’information</a></li> <li><a href="/wiki/%C3%89tiquette_(interface_graphique)" title="Étiquette (interface graphique)">Étiquette</a></li> <li><a href="/wiki/Ic%C3%B4ne_(informatique)" title="Icône (informatique)">Icône</a></li> <li><a href="/wiki/Infobulle" title="Infobulle">Infobulle/bulle d’aide</a></li> <li><a href="/wiki/Indicateur_d%27activit%C3%A9" title="Indicateur d'activité">Indicateur d’activité</a></li> <li><a href="/wiki/Bulle_de_notification" title="Bulle de notification">Bulle de notification</a></li> <li><a href="/wiki/Zone_de_notification" title="Zone de notification">Zone de notification</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Groupement</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Barre_de_menu" title="Barre de menu">Barre de menu</a></li> <li><a href="/wiki/Menu_lat%C3%A9ral" title="Menu latéral">Menu latéral</a></li> <li><a href="/wiki/Barre_d%27outils" title="Barre d'outils">Barre d’outils</a></li> <li><a href="/wiki/Fen%C3%AAtre_(informatique)" title="Fenêtre (informatique)">Fenêtre</a></li> <li><a href="/wiki/Onglet_(informatique)" title="Onglet (informatique)">Onglet</a></li> <li><a href="/wiki/Ruban_(informatique)" title="Ruban (informatique)">Ruban</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Navigation</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Arborescence" title="Arborescence">Arborescence</a></li> <li><a href="/wiki/Barre_d%27adresse" title="Barre d'adresse">Barre d’adresse</a></li> <li><a href="/wiki/Barre_de_d%C3%A9filement" title="Barre de défilement">Barre de défilement</a></li> <li><a href="/wiki/Zone_de_navigation" title="Zone de navigation">Zone de navigation</a></li> <li><a href="/wiki/Fil_d%27Ariane_(ergonomie)" title="Fil d'Ariane (ergonomie)">Fil d’Ariane</a></li> <li><a href="/wiki/Hyperlien" title="Hyperlien">Hyperlien</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Fenêtres spéciales</th> <td class="navbox-list navbox-even" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/%C3%80_propos_de" title="À propos de">À propos de</a></li> <li><a href="/wiki/Bo%C3%AEte_de_dialogue" title="Boîte de dialogue">Boîte de dialogue</a></li> <li><a href="/wiki/Bo%C3%AEte_de_dialogue_de_fichier" title="Boîte de dialogue de fichier">Boîte de dialogue de fichier</a></li> <li><a href="/wiki/Fen%C3%AAtre_modale" title="Fenêtre modale">Fenêtre modale</a></li> <li><a href="/wiki/Fen%C3%AAtre_flottante" title="Fenêtre flottante">Fenêtre flottante</a></li></ul> </div></td> </tr> <tr> <th class="navbox-group" style="">Autres</th> <td class="navbox-list" style=""><div class="liste-horizontale"> <ul><li><a href="/wiki/Toolkit" title="Toolkit">Boîte à outils</a></li> <li><a href="/wiki/Ic%C3%B4ne_(informatique)" title="Icône (informatique)">Icône</a></li> <li><a href="/wiki/Widget_interactif" title="Widget interactif">Widget interactif</a></li> <li><a href="/wiki/Visualisation_de_donn%C3%A9es" title="Visualisation de données">Graphiques</a></li></ul> </div></td> </tr> </tbody></table> </div> <ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"><a href="/wiki/Portail:Informatique" title="Portail de l’informatique"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/24px-Circle-icons-computer.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/36px-Circle-icons-computer.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/02/Circle-icons-computer.svg/48px-Circle-icons-computer.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:Informatique" title="Portail:Informatique">Portail de l’informatique</a></span> </span></li> </ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Composant_d%27interface_graphique&oldid=167140286">https://fr.wikipedia.org/w/index.php?title=Composant_d%27interface_graphique&oldid=167140286</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégorie</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Environnement_graphique" title="Catégorie:Environnement graphique">Environnement graphique</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Catégories cachées : <ul><li><a href="/wiki/Cat%C3%A9gorie:Wikip%C3%A9dia:%C3%A9bauche_informatique" title="Catégorie:Wikipédia:ébauche informatique">Wikipédia:ébauche informatique</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Informatique/Articles_li%C3%A9s" title="Catégorie:Portail:Informatique/Articles liés">Portail:Informatique/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Technologies/Articles_li%C3%A9s" title="Catégorie:Portail:Technologies/Articles liés">Portail:Technologies/Articles liés</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 6 février 2020 à 18:33.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. En cas de réutilisation des textes de cette page, voyez <a href="/wiki/Sp%C3%A9cial:Citer/Composant_d%27interface_graphique" title="Spécial:Citer/Composant d'interface graphique">comment citer les auteurs et mentionner la licence</a>.<br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Composant_d%27interface_graphique&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-795c86c559-h7sjj","wgBackendResponseTime":218,"wgPageParseReport":{"limitreport":{"cputime":"0.246","walltime":"0.315","ppvisitednodes":{"value":907,"limit":1000000},"postexpandincludesize":{"value":32959,"limit":2097152},"templateargumentsize":{"value":5742,"limit":2097152},"expansiondepth":{"value":13,"limit":100},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":3338,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 245.741 1 -total"," 32.00% 78.632 1 Modèle:Ébauche"," 20.35% 50.002 1 Modèle:Références"," 19.22% 47.243 1 Modèle:Portail"," 16.21% 39.835 8 Modèle:Lang"," 11.24% 27.621 1 Modèle:Palette"," 10.91% 26.799 2 Modèle:Lien_web"," 10.03% 24.660 1 Modèle:Suivi_des_biographies"," 9.08% 22.309 1 Modèle:Palette_Interface_graphique"," 7.85% 19.286 1 Modèle:Méta_palette_de_navigation"]},"scribunto":{"limitreport-timeusage":{"value":"0.118","limit":"10.000"},"limitreport-memusage":{"value":5678169,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-6b7f745dd4-f7wgw","timestamp":"20241125111953","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Composant d'interface graphique","url":"https:\/\/fr.wikipedia.org\/wiki\/Composant_d%27interface_graphique","sameAs":"http:\/\/www.wikidata.org\/entity\/Q605117","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q605117","author":{"@type":"Organization","name":"Contributeurs aux projets Wikimedia"},"publisher":{"@type":"Organization","name":"Fondation Wikimedia, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2007-05-16T19:08:22Z","dateModified":"2020-02-06T17:33:59Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/0d\/Gtk3-demo_3.11.8.png","headline":"\u00e9l\u00e9ment de base d'une interface graphique avec lequel un utilisateur peut interagir"}</script> </body> </html>