angular / angular/components

mat/cdk-split-view component

Aperta
#7,940 3 commenti 25 reazioni 0 assegnatari Vedi su GitHub
area: new feature needs: discussion P5
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### feature request: `mat-split-view`/`cdk-split-view` component
![screen-shot-2017-10-21-at-1 45](https://user-images.githubusercontent.com/12599934/31850330-05f465ec-b605-11e7-8c29-7e2b7b019e9e.jpg)

See [bertrandg/angular-split](https://github.com/bertrandg/angular-split/) for inspiration.

#### What is the expected behavior?

In more complex applications, split views (allowing the user to resize the views) are a great way of handling users with different sized displays each viewing content of differing proportions. By giving the split views angular bindings, the component becomes incredibly flexible

- Ability to dynamically split content vertically, or horizontally, or with multiple, nested levels.
- Ability for user to drag divider to adjust container sizing
- Ability to fix sizing of some containers (preventing user from adjusting the size)
- Ability to animate container resizing
- Built in method for handling / adapting to mobile views vs tablet views vs destop views
- Ability to programmatically adjust container size

#### What is the current behavior?
There is at least one third party library offering some of this functionality ([bertrandg/angular-split](https://github.com/bertrandg/angular-split/)).

#### What is the use-case or motivation for changing an existing behavior?
I think the material team could improve upon this foundation by ensuring `mat-split-view` "plays nice" with other material components, by ensuring it is accessible on multiple devices / screen readers, by ensuring `split-views` can respond to text direction changes, and by providing an elegant way of repositioning content for desktop screens vs mobile screens.

Even for applications that don't want users to be able to dynamically resize views, a well designed `mat-split-view` component could be an easy way for devs to layout content and interact with containers (including "opening" / "closing" views when a button is clicked).

#### Is there anything else we should know?
This is probably a "cdk" component rather then "material" component. Not sure if this proposal should be placed somewhere else.
_Also: I enlarged the mouse-cursor icon for legibility_

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Non viene indicato alcun file, test o punto di ingresso. Inizia esaminando la direzione CDK proposta e l’implementazione angular-split collegata, quindi cerca di concordare un ambito più ristretto; il lavoro sarebbe completato quando esisterà una definizione accettata che copra la suddivisione, il ridimensionamento, l’accessibilità, la direzione e il comportamento responsive richiesti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
accessibility, design, frontend
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.