1. Mode Graphique
    1. 1- Principes fondamentaux
      1. Processus de conception
      2. Caractéristiques d'un grand logiciel
        1. Haute performance
        2. Facilité d'utilisation
        3. Aspect attractif
        4. Fiabilité
        5. Adaptabilité
        6. Interoperabilité
        7. Mobilité
      3. Principes de conception
        1. Principes (1)
        2. Principes (2)
        3. Principes (3)
      4. Pensez aux utilisateurs
        1. Compatibilité internationale
        2. Accessibilité aux handicapés
        3. Etendre l'interface
      5. Priorités
    2. 2- L'expérience du Mac
      1. L'environnement
        1. L'environnement (1)
        2. L'environnement (2)
      2. Les technologies
        1. Les technologies (1)
        2. Les technologies (2)
        3. Les technologies (3)
        4. Les technologies (4)
      3. Installation et mises à jour
        1. Packaging, installation
        2. Les assistants
    3. 3- L'interface Aqua
      1. Entrées utilisateur
        1. La souris
        2. le clavier
          1. Fonction des touches
          2. Raccourcis-clavier
          3. Navigation au clavier
        3. Sélection
        4. Edition de texte
      2. Glisser-déposer
        1. Glisser-Déposer (1)
        2. Glisser-Déposer (2)
      3. Le texte
        1. Les fontes
        2. Le style
      4. Les icônes
        1. Genres et familles d'icônes
        2. Création des icônes
        3. Icônes des barres d'outils
        4. Images propres au système
      5. Les pointeurs
      6. Les menus
        1. Comportement des menus
        2. Conception des menus
        3. La barre de menus
          1. Les menus (1)
          2. Les menus (2)
          3. Les menus (3)
        4. Menus contextuels et du Dock
      7. Les fenêtres
        1. Type et apparence
        2. Eléments
          1. Barre de titre
          2. Barre d'outils
          3. Barre de recherche
          4. Barre latérale
          5. Barre inférieure
          6. Les Tiroirs
        3. Comportement des fenêtres
          1. Comportement (1)
          2. Comportement (2)
          3. Superposition
          4. Défilement
        4. Les panneaux
          1. Les panneaux
          2. Panneaux transparents
          3. Autres panneaux
      8. Les dialogues
        1. Types de dialogues
        2. Aspect et comportement
      9. Fenêtres de dialogues
        1. Recherche, Préférences, Ouverture
        2. Enregistrement
        3. Choix, Impression
      10. Les contrôles
        1. Contrôles du cadre
          1. Contrôles en capsule
          2. Contrôles hérités
        2. Les boutons
          1. Boutons poussoirs
          2. Boutons en icônes
          3. Boutons de recherche
          4. Boutons de gradient, et d'aide
          5. Boutons à champfrein
          6. Boutons ronds
        3. Contrôles de sélection
          1. Boutons radio
          2. Cases à cocher
          3. Contrôles segmentés
          4. Boutons et menus pop-Up
          5. Menus Action
          6. Boîtes de combinaison
          7. Contrôles de chemin
          8. Puits, sélection de date
          9. Menus pop-down
          10. Glissières
          11. Contrôles pas-à-pas et placards
        4. Indicateurs
          1. Indicateurs de progression
          2. De niveau, de capacité
          3. D'estimation, de pertinence
        5. Contrôles de texte
          1. Champs d'entrée
          2. Champs à jeton
          3. Champs de recherche
          4. Listes de défilement
        6. Contrôles de visualisation
          1. Triangles d'affichage
          2. Boutons d'affichage
          3. Vues en liste
          4. Vues en colonnes
          5. Vues éclatées
          6. Vues à onglets
        7. Contrôles de groupage
          1. Séparateurs
          2. Boîtes de groupage
        8. Règles de disposition
          1. Dans le corps de la fenêtre
            1. Fenêtre de préférences
            2. Fenêtre à onglets
            3. Alerte, Dialogue
          2. Contrôles réduits et mini
            1. Contrôles réduits
            2. Mini contrôles
          3. Groupement des contrôles
          4. Positionnement dans la barre inférieure
      11. Glossaire
        1. Entrées en anglais
          1. 1- A à C
          2. 2- D à H
          3. 3- I à R
          4. 4- S à Z
        2. Entrées en français
          1. 1- A à C
          2. 2- C à G
          3. 3- I à P
          4. 4- P à Z
        3. `
    4. 4- Les leçons de Lion
      1. L'environnement de Mac OS X
      2. Principes fondamentaux
      3. L'expérience utilisateur
        1. Règles de conduite (1)
        2. Règles de conduite (2)
        3. Règles de conduite (3)
        4. Règles de conduite (4)
        5. Règles de conduite (5)
        6. Règles de conduite (6)
      4. Les technologies d'Apple
        1. Les technologies (1)
      5. -->
  2. Mode Commande

Positionnement de texte et de contrôles dans une barre inférieure.




Ce que dit Apple :

Une barre inférieure est un élément du cadre de la fenêtre qui vient sous le corps de celle-ci. On y met des contrôles fréquemment utilisés, mais moins que ceux de la barre d'outils. La barre inférieure est aussi en étroite relation avec le contenu de la vue qui est immédiatement au dessus d'elle.

Pour créer une barre inférieure avec Interface Builder, glissez un objet Window depuis la bibliothèque (n'utilisez pas l'objet Textured Window, et ne changez pas l'aspect de la fenêtre en Textured). Depuis le menu pop-up Content Border dans la vitre de taille de l'inspacteur, choisissez :
• Large Bottom Border, si vous envisagez d'utiliser des contrôles de taille normale dans la barre inférieure.
• Small Bottom Border, si vous voulez utiliser des contrôles réduits dans la barre inférieure.

Si vous faites cela, Interface Builder crée une ligne horizontale sombre qui sépare la barre inférieure du corps de la fenêtre, et fournit un gradient de gris convenable à la barre inférieure. Vous pouvez observer des exemple de ce rendu dans les applications de Mac OS X comme le Finder ou iCal.

Les règles de disposition pour la barre inférieure reposent sur l'équilibre visuel et un espacement consistant. Pour les deux tailles de barre inférieure, elles recommandent quelques pixels de moins au dessus des contrôles qu'en dessous.

1- Pour des contrôles de taille normale, utilisez les consigne suivantes :
• laissez 4 pixels entre la ligne noire de séparation et le haut des contrôles (cela n'inclut ni la ligne noire, ni la bordure des contrôles).
• laissez un espace suffisant (8 pixels sur la figure 1) entre des contrôles isolés et des ensembles de contrôles.
• laissez une marge entre la bordure gauche de la barre inférieure et le contrôle le plus à gauche ; en principe, le même espace (8 pixels) que celui que vous laissez entre les contrôles.

figure

Fig. 1 : Disposition de contrôles standards dans une barre inférieure

Une autre façon de faire est d'utiliser les rectangles de positionnement d'Interface Builder (<Layout<Show Layout Rectangles), de sélectionner l'étiquette de texte, et de presser Opt en déplaçant le pointeur sur l'étiquette. L'espace entre la base du rectangle de l'étiquette et la base de la barre inférieure doit être de 6 pixels.

Si la fenêtre contient une liste de sources et qu'il y a des contrôles qui s'y rattachent alignez ces contrôle à gauche avec la ligne de séparation de la liste de sources.

2- Si vous voulez utiliser des contrôles réduits dans la barre inférieure, voici les règles à appliquer :
• laissez 2 pixels entre la ligne noire de séparation et le haut des contrôles (cela n'inclut ni la ligne noire, ni la bordure des contrôles).
• mettez le contrôle le plus à gauche à 8 pixels de la bordure gauche de la barre inférieure.
• laissez 8 pixels entre les contrôles.
• placez la ligne de base du texte 14 pixels en dessous de la ligne noire de séparation. Pour le texte, utilisez la fonte réduite.

figure

Fig. 2 : Spécifications d'une barre inférieure avec des contrôles réduits.

Une autre façon de faire est d'utiliser les rectangles de positionnement d'Interface Builder (<Layout<Show Layout Rectangles), de sélectionner l'étiquette de texte, et de presser Opt en déplaçant le pointeur sur l'étiquette. L'espace entre la base du rectangle de l'étiquette et la base de la barre inférieure doit être de 1 pixel.

Si la fenêtre contient une liste de sources et qu'il y a des contrôles qui s'y rattachent alignez ces contrôle à gauche avec la ligne de séparation de la liste de sources.


Mes commentaires :

Comparez les commentaires traduits de la figure 1 et de la figure 2. Ils sont plus nets et plus foncés sur la figure 2, parce que j'ai fait une copie d'écran de cette figure après son annotation au lieu de l'enregistrer comme la figure 1. Une démonstration évidente de la bogue signalée précédemment à la fin du commentaire.

Voilà qui termine la troisième partie des AHIG. Dans le texte d'Apple, il y a trois compléments :

• un tableau récapitulatif des raccourcis-clavier . Comme il est très long, je me contente de vous y renvoyer.

• un glossaire, très long lui aussi, que j'aurai peut-être le courage (et le temps) de traduire un jour.

• Et un historique du document qui montre les modifications apportées à l'interface utilisateur depuis janvier 2000.

Si vous êtes arrivé jusqu'ici, et que vous lisez ces lignes, je vous serais obligé de me faire savoir ce que vous pensez de ce long épisode, et je vous en remercie.