mcpField
S
syncfusion-winforms-excel-like-tabbar-splitter

syncfusion-winforms-excel-like-tabbar-splitter

github.com/syncfusion開発258 回インストール1 週間前に更新
リポジトリ

syncfusion-winforms-excel-like-tabbar-splitter について

Windows Forms 開発者向けに、ワークブック風のタブ画面を作る Syncfusion TabBarSplitterControl を解説するガイドです。ページ管理や動的分割に加え、各ページへのグリッドなどのコントロール配置を扱います。

主な機能

  1. 01複数のタブページ
  2. 02動的な分割機能
  3. 03ページごとのコントロール配置
  4. 04GridControl の統合
  5. 05デザイナーとコードでの設定

活用シーン

  1. 01財務データをワークブック風のシートに整理
  2. 02レポートビューをタブごとに分割
  3. 03複数グリッドのデータ分析画面を構築

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/winforms-ui-components-skills --skill syncfusion-winforms-excel-like-tabbar-splitter

インストール後、Claude Code で/syncfusion-winforms-excel-like-tabbar-splitterを入力して読み込まれたか確認します。

同梱ファイルreferences/getting-started.mdreferences/programmatic-implementation.md

詳細

TabBarSplitterControl の実装

Windows Forms アプリケーションで Syncfusion の TabBarSplitterControl を実装するためのガイドです。このコントロールは、動的なスプリッターを備えたタブページを作成します。GridControl との統合や複数シートのインターフェイスに最適な、ワークブックのような外観を実現できます。

このスキルを使用する場面

次のような場合に TabBarSplitterControl を使用します。

  • Windows Forms で動的なスプリッターを備えたタブインターフェイスを作成する
  • 複数ページを持つワークブックのような UI レイアウトを構築する
  • GridControl をタブページと統合する
  • 複数シートのデータビューを実装する
  • Excel のようなタブインターフェイスを作成する
  • 複数のデータグリッドを個別のページに整理する
  • 数式セルとシート間の相互参照をサポートする
  • コントロールを使ったページベースのナビゲーションが必要なアプリケーションを構築する

コンポーネントの概要

TabBarSplitterControl を使用すると、動的なスプリッターを備えたタブページを作成できます。GridControl と組み合わせると、各タブに個別のグリッドインスタンスを配置できる、ワークブックのような外観を実現できます。

主な機能:

  • 複数の TabBarPage をサポート
  • 動的なスプリッター機能
  • GridControl との統合
  • ワークブックのような外観
  • デザイナーとコードによる作成
  • ページごとのコントロールコレクション
  • ページの管理と整理

アセンブリ: Syncfusion.Shared.Base

名前空間: Syncfusion.Windows.Forms

主なクラス:

  • TabBarSplitterControl - メインのコンテナーコントロール
  • TabBarPage - コントロール内の個々のページ

ドキュメントとナビゲーションガイド

はじめに

📄 参照: references/getting-started.md

  • NuGet パッケージのインストール(TabBarSplitterControl 用の Syncfusion.Shared.Base)
  • 子コントロールの NuGet パッケージ(skills フォルダー内の子コントロールのスキルファイルを参照)
  • アセンブリと名前空間の参照
  • コントロールの基本的な概要と目的
  • TabBarSplitterControl を使用する場面
  • 子コントロールの統合の基本(GridControl、SfDataGrid、または Syncfusion/フレームワークの任意のコントロール)
  • デザイナーの利用に関する注意
コードによる実装

📄 参照: references/programmatic-implementation.md

  • コードで TabBarSplitterControl を作成する
  • TabBarPage を初期化して構成する
  • ページにコントロールをコードで追加する
  • ページのプロパティ(Text、Controls)を設定する
  • 複数ページのシナリオ
  • C# と VB.NET の実装例
  • GridControl の統合パターン
  • 一般的な構成パターン

クイックスタート

インストール

TabBarSplitterControl の NuGet パッケージ:

最新バージョンの Syncfusion.Shared.Base NuGet パッケージをインストールします。

Install-Package Syncfusion.Shared.Base -Version *

または、.NET CLI でインストールします。

dotnet add package Syncfusion.Shared.Base --version *

注: * を使用すると、復元時に最新バージョンがインストールされます。

子コントロールの NuGet パッケージ:

TabBarSplitterControl を子コントロール(GridControl、SfDataGrid、または Syncfusion/フレームワークの任意のコントロール)とともに使用する場合は、それらの子コントロールに必要な NuGet パッケージをインストールします。具体的な NuGet パッケージのインストール手順については、skills フォルダー内にある子コントロールの references/getting-started.md ファイルを参照してください。

例:

  • GridControl の場合:NuGet のインストールについては syncfusion-winforms-grid-control/references/getting-started.md を確認してください
  • SfDataGrid の場合:NuGet のインストールについては syncfusion-winforms-datagrid/references/getting-started.md を確認してください
  • その他のコントロールの場合:NuGet のインストールについては syncfusion-winforms-{control-name}/references/getting-started.md を確認してください
基本的な実装(C#)
using Syncfusion.Windows.Forms;
using Syncfusion.Windows.Forms.Grid;

// Create TabBarSplitterControl
TabBarSplitterControl tabBarSplitter = new TabBarSplitterControl();

// Create TabBarPages
TabBarPage page1 = new TabBarPage();
page1.Text = "Sheet1";

TabBarPage page2 = new TabBarPage();
page2.Text = "Sheet2";

// Add GridControls to pages
page1.Controls.Add(new GridControl());
page2.Controls.Add(new GridControl());

// Add pages to TabBarSplitterControl
tabBarSplitter.Controls.Add(page1);
tabBarSplitter.Controls.Add(page2);

// Add to form
this.Controls.Add(tabBarSplitter);
基本的な実装(VB.NET)
Imports Syncfusion.Windows.Forms
Imports Syncfusion.Windows.Forms.Grid

' Create TabBarPages
Dim page1 As New TabBarPage()
page1.Text = "Sheet1"

Dim page2 As New TabBarPage()
page2.Text = "Sheet2"

' Add GridControls to pages
page1.Controls.Add(New GridControl())
page2.Controls.Add(New GridControl())

' Add pages to TabBarSplitterControl
tabBarSplitterControl1.Controls.Add(page1)
tabBarSplitterControl1.Controls.Add(page2)

一般的なパターン

パターン 1:名前付きの複数ページを作成する
// Initialize TabBarSplitterControl
TabBarSplitterControl tabBarSplitter = new TabBarSplitterControl();

// Create multiple pages with descriptive names
TabBarPage income = new TabBarPage { Text = "Income" };
TabBarPage expenses = new TabBarPage { Text = "Expenses" };
TabBarPage summary = new TabBarPage { Text = "Summary" };

// Add GridControl to each page
income.Controls.Add(new GridControl());
expenses.Controls.Add(new GridControl());
summary.Controls.Add(new GridControl());

// Add all pages to control
tabBarSplitter.Controls.Add(income);
tabBarSplitter.Controls.Add(expenses);
tabBarSplitter.Controls.Add(summary);

// Add to form
this.Controls.Add(tabBarSplitter);
パターン 2:既存の GridControl インスタンスを使用する
// Assume you have pre-configured GridControls
GridControl gridIncome = new GridControl();
GridControl gridExpenses = new GridControl();

// Configure grids (add data, formulas, etc.)
// ... grid configuration code ...

// Create pages
TabBarPage incomePage = new TabBarPage { Text = "Income" };
TabBarPage expensesPage = new TabBarPage { Text = "Expenses" };

// Add existing grids to pages
incomePage.Controls.Add(gridIncome);
expensesPage.Controls.Add(gridExpenses);

// Add pages to TabBarSplitterControl
tabBarSplitter.Controls.Add(incomePage);
tabBarSplitter.Controls.Add(expensesPage);
パターン 3:VB.NET による実装
' Create TabBarPages
Private IncomePage As New Syncfusion.Windows.Forms.TabBarPage()
Private ExpensesPage As New Syncfusion.Windows.Forms.TabBarPage()

' Configure pages
IncomePage.Text = "Income"
IncomePage.Controls.Add(Me.gridControl1)

ExpensesPage.Text = "Expenses"
ExpensesPage.Controls.Add(Me.gridControl2)

' Add to TabBarSplitterControl
tabBarSplitterControl1.Controls.Add(Me.IncomePage)
tabBarSplitterControl1.Controls.Add(Me.ExpensesPage)

主なプロパティとクラス

TabBarSplitterControl

目的: TabBarPage を格納するメインのコンテナーコントロール

主なメンバー:

  • Controls - TabBarPage オブジェクトのコレクション
  • 標準的な WinForms コントロールのプロパティ(Location、Size、Dock など)
TabBarPage

目的: TabBarSplitterControl 内の個別ページ

主なプロパティ:

  • Text - ページのタブラベル
  • Controls - ページ内のコントロールのコレクション(通常は GridControl)
  • WinForms コントロールの標準プロパティ

一般的なユースケース

1. 財務データワークブック

Income、Expenses、Summary 用のシートを個別に作成し、それぞれに GridControl または SfDataGrid を配置します。特定の NuGet 要件については、子コントロールのスキルファイルを参照してください。

2. 複数シートのレポート

異なるレポートビューを別々のタブに整理し、シート間で相互参照を設定します。顧客の要件に応じて適切な子コントロールを使用してください。

3. データ分析インターフェイス

複数のデータグリッドを表示し、異なるページ間のデータを参照する数式を使用します。実装の詳細については、GridControl または SfDataGrid のスキルファイルを確認してください。

4. スプレッドシート形式のアプリケーション

各タブに個別のデータグリッド、または任意の Syncfusion/フレームワークコントロールを配置し、Excel のようなインターフェイスを構築します。

5. 複数のビューを持つダッシュボード

各ページに異なるデータ可視化、グリッドビュー、またはカスタムコントロールを表示するタブ付きインターフェイスを作成します。子コントロールの実装については、それぞれのスキルファイルを参照してください。

デザイナー統合に関する注意

TabBarSplitterControl は Visual Studio デザイナーから追加することもできます。

  • ツールボックスからドラッグしてドロップします
  • TabBarPageCollectionEditor を使用してページを管理します
  • デザイナーモードで編集オプションを利用できます

注意: Claude はデザイナーでの手動操作を実行できません。プログラムで実装する場合は、このスキルで提供されているパターンと例を使用してください。

関連ドキュメント

TabBarSplitterControl のその他のプロパティやメソッドについては、Splitter の概要に関する Syncfusion のドキュメントを参照してください。

次のステップ

  • TabBarSplitterControl のインストールとセットアップについて:references/getting-started.md をお読みください
  • TabBarSplitterControl のコード実装について:references/programmatic-implementation.md をお読みください
  • 子コントロール(GridControl、SfDataGrid、または任意のコントロール)の統合について:
    • NuGet パッケージのインストールについては、skills フォルダーにある子コントロールの references/getting-started.md ファイルを参照してください
    • 適切な設定については、子コントロールの参照ファイルを確認してください
    • TabBarPages に追加する前に、子コントロールが適切に設定されていることを確認してください

コメント