angular / angular/components

mat/cdk-split-view component

Đang mở
#7,940 3 bình luận 25 reaction 0 người được giao Xem trên GitHub
area: new feature needs: discussion P5
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

#### 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_

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Không có tệp, bài kiểm thử hoặc điểm vào nào được nêu. Trước tiên, hãy xem xét định hướng CDK được đề xuất và triển khai angular-split được liên kết, sau đó tìm kiếm một phạm vi hẹp hơn đã được thống nhất; công việc chỉ được xem là hoàn tất khi có một định nghĩa được chấp nhận bao quát việc chia, thay đổi kích thước, khả năng truy cập, hướng và hành vi responsive được yêu cầu.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
accessibility, design, frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.