搜尋套件、儲存庫與 APP 分類

panels 封面
套件詳情v0.0.3

panels

Panels 是一個 Flutter 套件,旨在提供一組有用的桌面 UI 面板,這些面板可像我們在更強大的桌面應用程式中所期望的那樣移動、停靠和分頁。

近 30 天下載
17
喜歡數
34
Pub 分數
60

安裝套件

flutter pub add panels

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Panels 是一個 Flutter 套件,專為增強桌面應用程式介面而設計,提供可拖曳、可停靠及可標籤化的 UI 面板。受到強大桌面環境的啟發,它讓使用者能動態組織內容——自由移動面板、將其吸附至邊緣,或將其分組成標籤頁。非常適合需要靈活佈局的複雜工作流程,該套件在不犧牲效能的情況下支援直覺式互動。它可無縫整合至現有的 Flutter 專案中,並著重於跨桌面平台的易用性與回應性。

適用情境

  • 桌面應用程式儀表板
  • 多面板數據可視化
  • 可自訂的開發者工具
  • 互動式設計工作區
  • 複雜的文件編輯介面

主要特色

  • 可拖動面板移動
  • 停靠到螢幕邊緣
  • 標籤面板分組
  • 響應式版面處理
  • 與現有 Flutter 應用的輕鬆整合

適合對象

  • 開發桌面首選的 Flutter 應用程式開發者
  • 需要靈活 UI 範本的設計師
  • 需要多視窗行為的應用程式
  • 動態工作區需求的工具
  • 針對 Windows、macOS 和 Linux 的專案

使用建議

  • 主要針對桌面使用
  • 有限的移動平台支援
  • 複雜排列需要仔細的狀態管理
  • 可能需要自訂樣式以維持品牌一致性
  • 最適合用於具有顯著UI複雜性的應用程式

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Warning: Beta

Panels

Pub Version (including pre-releases)

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

ezgif com-gif-maker

Default Theme

ThemeData.light() ThemeData.dark()
image image

FrostedPanelsTheme

ThemeData.light() ThemeData.dark()
image image

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).

ezgif com-gif-maker (1)

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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。