Barre de défilement
Zone affichant un texte entourée d'une barre de défilement verticale et d'une horizontale ; une flèche est à l'extrêmité de chaque barre.

Une barre de défilement, souvent appelée ascenseur, est un composant d'interface graphique rattaché à une zone d'affichage rectangulaire. La barre de défilement permet de faire défiler le contenu de la zone avec la souris lorsque la hauteur ou largeur de la zone est insuffisante pour afficher l'intégralité de son contenu. La barre peut être verticale pour un défilement de haut en bas ou horizontale pour un défilement de gauche à droite. Les barres se trouvent généralement sur le bord des fenêtres et des zones de texte multilignes.

Apparence

Une barre de défilement est constituée d'un rectangle contenant une barre coulissante et des flèches. Les barres de défilement sont disposées sur le côté de la zone d'affichage à faire défiler, généralement à droite ou en dessous. La barre coulissante a généralement une longueur proportionnelle au contenu affiché ; on parle d'« ascenseur proportionnel ». Plusieurs anciennes interfaces graphiques (Mac OS<9, Windows 3.x) représentaient la barre coulissante par un simple carré qui ne donnait aucune indication du pourcentage de contenu affiché.

Les flèches sont disposées soit à chaque bout de la barre de défilement, soit à l'un des bouts, soit sur la barre coulissante elle-même. Le fait de rassembler la paire de flèches sur le même bout permet de passer d'une flèche à l'autre avec un mouvement de souris minimal. Une disposition alternative consiste à avoir une paire de flèches aux extrémités en bas à droite, là où les barres horizontales et verticales se rejoignent, et une seule flèche à l'autre extrémité.

Lorsque toute la hauteur ou toute la largeur du contenu est affichée, la barre de défilement est désactivée. Plusieurs conventions existent pour indiquer cet état.

Scrollbar2disabledvisible.png La barre coulissante occupe toute la longueur de la barre de défilement, et il n'est donc plus possible de la faire coulisser. On remarque sur cet exemple que les flèches sont grisées pour indiquer leur désactivation.
Scrollbar2disabled.png La barre coulissante n'est plus affichée et les flèches sont grisées pour indiquer leur désactivation.
Scrollbar0.png La barre de défilement est intégralement retirée, et la place libérée est donnée à la zone d'affichage. Cette solution a l'avantage d'augmenter la surface d'affichage utile. Toutefois, lorsque la taille du contenu ou de la zone d'affichage varient, l'apparition et la disparition des barres de défilement peuvent être déconcertantes.

Interaction

La plupart des barres disposent de trois modes d'interaction.

  • Le glisser-déposer de la barre coulissante fait défiler en même temps le contenu de la zone d'affichage, pour autant que les capacités de traitement de l'ordinateur le permettent. Durant le glissement, il n'est pas nécessaire de conserver le pointeur sur la barre, toutefois certains systèmes (comme Windows) annulent le défilement si l'on s'éloigne un peu trop de la barre. Le même effet est souvent accessible avec les touches directionnelles du clavier.
  • Le pointer-et-cliquer à côté de la barre coulissante fait défiler l'affichage d'une longueur d'affichage visible. Pour le défilement vertical, le même effet et souvent accessibles avec les touches de défilement Page Up et Page Down du clavier.
  • Le pointer-et-cliquer sur une des flèches de la barre cause un premier mouvement de défilement lorsque le bouton de la souris est pressé, ensuite le défilement est poursuivi tant que le bouton reste enfoncé et qu'il reste du contenu à faire défiler.
Souris à deux boutons et une molette

Molette de souris

Le défilement est une interaction simple et courante. Depuis les années 2000, de nombreuses souris sont équipées d'une molette dont la rotation cause un défilement vertical de la zone pointée.


Wikimedia Foundation. 2010.

Contenu soumis à la licence CC-BY-SA. Source : Article Barre de défilement de Wikipédia en français (auteurs)

Regardez d'autres dictionnaires:

  • Barre De Défilement — Zone affichant un texte entourée d une barre de défilement verticale et d une horizontale ; une flèche est à l extrêmité de chaque barre. Une barre de défilement, souvent appelée ascenseur, est un composant d interface graphique rattaché à… …   Wikipédia en Français

  • Barre de defilement — Barre de défilement Zone affichant un texte entourée d une barre de défilement verticale et d une horizontale ; une flèche est à l extrêmité de chaque barre. Une barre de défilement, souvent appelée ascenseur, est un composant d interface… …   Wikipédia en Français

  • barre de défilement — ● loc. f. ►WIDGET Voir ascenseur, barre, translateur …   Dictionnaire d'informatique francophone

  • Barre De Progression — Une barre de progression (ou barre de chargement) est un composant de base des interfaces graphiques qui permettent d indiquer à l utilisateur l état d avancement d un travail qu est en train d effectuer l ordinateur. Au début la barre est… …   Wikipédia en Français

  • Barre de progression — Une barre de progression sous Ubuntu. Une barre de progression (ou barre de chargement) est un composant de base des interfaces graphiques qui permettent d indiquer à l utilisateur l état d avancement d un travail qu est en train d effectuer l… …   Wikipédia en Français

  • Barre de titre — Exemple d une barre de titre En informatique, une barre de titre est la partie d une fenêtre où est affiché son titre. Pour la plupart des systèmes d exploitation et gestionnaires de fenêtres, elle consiste en une barre horizontale qui est… …   Wikipédia en Français

  • Barre de menu — En informatique, la barre de menu est la partie d une fenêtre où sont affichés les titres des menus de fonctions disponibles dans le logiciel associé à la fenêtre. En cliquant sur le titre du menu, l utilisateur obtient un menu dans lequel il… …   Wikipédia en Français

  • Barre de menus — Menu (informatique) Pour les articles homonymes, voir Menu. Environnement de bureau KDE et son menu. En informatique …   Wikipédia en Français

  • Touches de defilement — Touches de défilement Touches de défilement sur un clavier américain Sur les claviers informatiques, les touches de défilement sont les touches qui permettent de faire défiler les pages affichées à l écran d un ordinateur (page suivante, page… …   Wikipédia en Français

  • Touches de défilement — sur un clavier français Sur les claviers informatiques, les touches de défilement sont les touches qui permettent de faire défiler les pages affichées à l écran d un ordinateur (page suivante ⇟, page précédente ⇞, aller au début ⇱ et aller à la… …   Wikipédia en Français

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”