syncfusion-winforms-excel-like-tabbar-splitter について
Windows Forms 開発者向けに、ワークブック風のタブ画面を作る Syncfusion TabBarSplitterControl を解説するガイドです。ページ管理や動的分割に加え、各ページへのグリッドなどのコントロール配置を扱います。
主な機能
- 01複数のタブページ
- 02動的な分割機能
- 03ページごとのコントロール配置
- 04GridControl の統合
- 05デザイナーとコードでの設定
活用シーン
- 01財務データをワークブック風のシートに整理
- 02レポートビューをタブごとに分割
- 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 に追加する前に、子コントロールが適切に設定されていることを確認してください
- NuGet パッケージのインストールについては、skills フォルダーにある子コントロールの