panels

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Panels는 드래그 가능하고 도킹 가능하며 탭 가능한 UI 패널을 통해 데스크톱 애플리케이션 인터페이스를 향상시키기 위해 설계된 Flutter 패키지입니다. 강력한 데스크톱 환경에서 영감을 받아 사용자가 콘텐츠를 동적으로 구성할 수 있도록 합니다. 패널을 자유롭게 이동하거나 가장자리에 스냅하거나 탭으로 그룹화할 수 있습니다. 유연한 레이아웃이 필요한 복잡한 워크플로우에 적합하며 성능을 희생하지 않고 직관적인 상호작용을 지원합니다. 기존의 Flutter 프로젝트에 원활하게 통합되며 데스크톱 플랫폼 전반에서 사용성과 반응성에 중점을 둡니다.

사용 사례

데스크톱 애플리케이션 대시보드
다중 패널 데이터 시각화
사용자 정의 가능한 개발자 도구
인터랙티브 디자인 작업 공간
복잡한 문서 편집 인터페이스

주요 기능

드래그 가능한 패널 이동
화면 가장자리에 고정하기
탭 패널 그룹화
반응형 레이아웃 처리
기존 Flutter 앱과의 간편한 통합

적합한 대상

데스크톱 중심의 플러터 앱을 개발하는 개발자
유연한 UI 레이아웃이 필요한 디자이너
다중 창과 유사한 동작이 필요한 응용 프로그램
동적 작업 공간 요구 사항이 있는 도구
Windows, macOS 및 Linux를 대상으로 하는 프로젝트

고려 사항

주로 데스크탑 사용을 위한 것
제한된 모바일 플랫폼 지원
복잡한 배열을 위해서는 주의 깊은 상태 관리가 필요합니다
브랜드 일관성을 유지하기 위해 맞춤 스타일링이 필요할 수 있습니다
매우 높은 UI 복잡성을 가진 애플리케이션에서 가장 잘 사용됩니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Warning: Beta

Panels is a flutter package that aims to provide a set of useful desktop UI panels that can move around, dock and tab like we expect in more robust desktop applications.

Features

[x] Draggable Panels
[x] Resizable Panels
[x] Correct Mosue Cursor
[x] Tabs in Panels
[ ] Make all Panels dockable into each other
[ ] Custom panel themes
- [x] Customizable close button
- [x] Customizable context menu
- [ ] Customizable tabs
- [x] Customizable frame
- [ ] Customizable top bar

Demo

Default Theme

ThemeData.light()	ThemeData.dark()

FrostedPanelsTheme

ThemeData.light()	ThemeData.dark()

Under the hood

There are 10 Mouse Regions and listeners (All sides and corners + The big one in the middle + the draggable) that change the look of the mouse according to their function. Windows can be clicked on in any of these regions to become selected (put on top).

There is an InheritedWidget called Panels which is created by a StatefulWidget called PanelsManager. The children of the panels manager are put into a stack.

Please see the examples directory for an example.

패키지, 저장소 및 앱 카테고리 검색