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

Les vues éclatées.




Ce que dit Apple :

Une vue éclatée (split view) regroupe deux ou plusieurs vues ensemble, comme les vues en liste ou en colonnes, et permet à l'utilisateur d'ajuster la taille et la hauteur relative de ces vues. Une vue éclatée contient une barre de séparation (splitter) entre chacune des sous-vues. Par exemple, une vue éclatée de 5 sous-vues aura 4 barres de séparation.

Note : Sous Mac OS X 10. 5 et plus, la barre de séparation standard a une largeur "zéro". En fait, elle a un pixel de large, et, comme avec des barres de séparation de largeur supérieure, le pointeur se modifie quand on passe dessus, en fonction de la direction dans laquelle la barre de séparation peut se déplacer. Il existe une barre de séparation plus large (9 pixels), mais elle est peu utilisée.

La figure 1 montre le pointeur de la barre de séparation entre la liste de sources et la vue du contenu d'iCal quand on passe sur la séparation.

figure

Fig. 1 : Le pointeur change quand il passe sur la barre de séparation.

Utilisation des vues éclatées

Utilisez une vue éclatée quand vous voulez afficher deux ou plusieurs vues avec des contenus différents que l'utilisateur peut re-dimensionner. Une seule vue éclatée ne peut pas afficher une combinaison de sous-vues horizontales et verticales, mais une même fenêtre peut contenir plusieurs vues éclatées dans des orientations différentes. Par exemple, la figure 2 montre comment une fenêtre d'Automator peut se présenter.

figure

Fig. 2 : Une fenêtre peut avoir de multiples vues éclatées.

Les utilisateurs peuvent ajuster les largeurs et hauteurs relatives des sous-vues dans une vue éclatée en déplaçant le curseur de la barre de séparation. La barre de séparation large affiche un petit rond au centre pour indiquer qu'elle peut être déplacée. Pour les barres de séparation de largeur zéro ou large, toute la barre est une zone active. Autrement dit, quand le pointeur passe sur n'importe quelle partie de la barre, il se modifie en l'une des formes disponibles de pointeur de séparation. Pour la barre de séparation de largeur zéro, la zone active inclut deux pixels de part et d'autre de la séparation.

Si l'utilisateur glisse une barre large jusqu'au bord de la vue éclatée, (ou jusqu'à la prochaine varre de séparation) la sous-vue correspondante doit disparaître, mais la barre de séparation demeure. Elle doit rester dans la vue pour rappeler à l'utilisateur qu'il existe une sous-vue cachée, et lui permettre de la récupérer. Cependant, une barre de séparation de largeur zéro ne reste pas visible si l'utilisateur la déplace pour cacher la sous-vue. Vous devez en conséquence définir des tailles minimale et maximale pour les sous-vues, de façon à ce que les utilisateurs ne risquent pas de les perdre. Une autre possibilité, si vous voulez cacher une sous-vue avec une barre de séparation de largeur zéro complètement, est de fournir un bouton qui qui pourra rouvrir la sous-vue.

Spécifications des vues éclatées Taille : les vues éclatées sont disponibles avec une barre de séparation horizontale (les vues l'une au dessus de l'autre) ou verticale les vues l'une à côté de l'autre, et les barres de séparation peuvent être soit de taille zéro, (1 pixel d'épaisseur), soit de taille large (9 pixels).

Implémentation des vues éclatées

Les vues éclatées sont disponibles sous Interface Builder. Spécifiez la largeur en choisissant Thick devider ou Thin devider dans le menu pop-up Style de la vitre des attributs. Dans les interfaces de programmation de l'Application Kit, utilisez la classe NSSplitView. Notez que par défaut, les vues éclatées sont horizontales.


Mes commentaires :

De nombreuses applications proposent des vues éclatées. L'introduction de la barre de séparation de largeur "zéro" (en fait, un pixel) rend l'interface plus nette, économise de la place, mais pose quelques problèmes de reconnaissance du contrôle, qui a conduit Apple à forcer une taille minimale pour les sous-vues (ce qui perd nécessairement plus de place que la barre de séparation large).

Finalement, est-ce une bonne chose ?