パッケージ、リポジトリ、アプリカテゴリを検索

ducafecatFlutter エコシステムナビ
panels のカバー
パッケージ詳細v0.0.3

panels

Panels は、より強力なデスクトップアプリケーションで期待されるように、移動、ドッキング、タブ化できる有用なデスクトップUIパネルを提供することを目的としたFlutterパッケージです。

pub.dev API ドキュメント ソースコード
30日間ダウンロード
17
いいね数
34
Pub ポイント
60

パッケージをインストール

flutter pub add panels

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Panels は、ドラッグ可能でドッキング可能、タブ化可能な UI パネルを備えたデスクトップアプリケーションのインターフェースを強化することを目的とした Flutter パッケージです。堅牢なデスクトップ環境からインスパイアされ、ユーザーがコンテンツを動的に整理できるようにします。パネルを自由に移動させたり、端にスナップしたり、タブにグループ化したりできます。柔軟なレイアウトが必要な複雑なワークフローに最適で、パフォーマンスを損なうことなく直感的な操作をサポートします。既存の 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.

カテゴリー

レイアウトとオーバーレイ

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。