WinFormのタブコントロール(TabControl)のサンプル

コンピュータ

2025.06.28

タブコントロールを使い方を確認してみました。

プロジェクトの作成
ソースコード
実行イメージ

プロジェクトの作成

mkdir TabControlSample01
cd TabControlSample01
dotnet new winforms -f net8.0

ソースコード

ファイル名:Form1.cs

namespace TabControlSample01;

public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();

        this.Size = new Size(300, 300);

        // タブコントロール
        var tabControl = new TabControl()
        {
            Dock = DockStyle.Fill,
        };

        // ページ
        var tabPage1 = new TabPage()
        {
            Text = "ぺージ1",
            Dock = DockStyle.Fill,
        };
        // ページ
        var tabPage2 = new TabPage()
        {
            Text = "ぺージ2",
            Dock = DockStyle.Fill,
        };

        // タブコントロールにページを登録
        tabControl.TabPages.Add(tabPage1);
        tabControl.TabPages.Add(tabPage2);

        // タブコントロールをフォームに登録
        this.Controls.Add(tabControl);

        // ボタン
        var button = new Button()
        {
            Text = "ボタン",
            Location = new Point(30, 30),
        };
        // ボタンを(タブ)ページにレイアウト
        tabPage1.Controls.Add(button);

    }
}

実行イメージ

dotnet run

起動すると初期は「ページ１」が表示されます。

「ページ２」のタブをクリックすると切り替わります。