Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Panel Modes #6

Open
cimadure opened this issue Dec 1, 2017 · 0 comments
Open

UI Panel Modes #6

cimadure opened this issue Dec 1, 2017 · 0 comments
Assignees

Comments

@cimadure
Copy link
Collaborator

cimadure commented Dec 1, 2017

Il y a deux modes: un mode (dit contraint) où l’application s’efforce de maintenir les panneaux dans la fenêtre, et un mode (défilement) où l’utilisateur devra utiliser du défilement latéral.

  • [Contraint Mode]
    Dans le mode contraint, toute ouverture de panneau entraînera la fermeture du panneau ouvert le ancien (le plus à gauche), de façon à maintenir la contrainte. (Si le nouveau panneau est très large, il peut entraîner la fermeture de plusieurs panneaux précédents.)

-[Non Contraint Mode]
Dans le mode non-contraint, les nouveaux panneaux sont ajoutés à droite; on défile automatiquement au dernier panneau ouvert.

Conditions
On passe d’un mode à l’autre lorsqu’une des actions suivantes fait que les panneaux maximisés soit cessent, soit commencent à entrer dans la largeur de la fenêtre :

Triggers

  1. Un changement de taille de fenêtre
  2. L’utilisateur demande explicitement de minimiser ou de maximiser un panneau existant
  3. Si l’utilisateur élargit la fenêtre au point de basculer en mode contraint, et qu’il y a des panneaux maximisés, on peut les déployer si ce déploiement ne nous fait pas basculer en mode défilement.
  4. Si l’utilisateur réduit la largeur de la fenêtre, on passe en mode défilement. Il devra explicitement replier des panneaux pour revenir en mode contraint, on ne replie pas de panneaux automatiquement. (Chaque panneau a une largeur minimale et maximale)

Animation
L’animation de repli-dépli est complexe: il faut diminuer la hauteur du panneau de navigation, remplacer la liste de choix par le seul choix sélectionné (optionnellement sous forme de menu déroulant); le panneau suivant doit baisser son top pour aller en dessous du ou des panneaux de navigations qui iront le chapeauter; et ensuite (ou en même temps?) glisser horizontalement le(s) panneau(x) de navigation minimisé(s) au-dessus du panneau ### suivant.

Ideas
Alternative: on pourrait se souvenir des panneaux maximisés explicitement, et les panneaux pourraient être auto-repliés pour demeurer en mode contraint lors d’une réduction de fenêtre, à moins d’avoir été maximisés explicitement.

@cimadure cimadure self-assigned this Dec 1, 2017
@cimadure cimadure changed the title Panel Modes UI Panel Modes Dec 2, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant