TabControl

[C#] タブコントロールでタブを非表示にする方法

2025-01-18更新日: 2025-01-18

C#でタブコントロールのタブを非表示にするには、通常のプロパティでは直接非表示にできませんが、いくつかの方法があります。

一つの方法は、タブを削除してから再度追加する方法です。

タブを削除するには、TabControl.TabPages.Removeメソッドを使用し、再度表示する際にはTabControl.TabPages.Insertメソッドを使います。

また、タブの表示を制御するために、カスタム描画を行う方法もあります。

この場合、DrawModeプロパティをOwnerDrawFixedに設定し、DrawItemイベントをオーバーライドして特定のタブを描画しないようにします。

これにより、特定のタブを非表示にすることが可能です。

目次から探す

タブを非表示にする方法
カスタム描画によるタブの非表示
応用例
まとめ

タブを非表示にする方法

C#のWindowsフォームアプリケーションで、タブコントロールを使用する際に特定のタブを非表示にしたい場合があります。

ここでは、タブを非表示にするいくつかの方法を紹介します。

タブを削除して非表示にする

タブを非表示にする最も簡単な方法は、タブを削除することです。

以下のサンプルコードでは、TabControlから特定のタブを削除しています。

using System;
using System.Windows.Forms;
public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // タブを削除して非表示にする
        tabControl1.TabPages.Remove(tabPage1);
    }
}

この方法では、タブを完全に削除するため、再度表示するにはタブを再追加する必要があります。

タブを再追加して表示する

削除したタブを再度表示するには、TabControlにタブを再追加します。

以下のサンプルコードでは、削除したタブを再追加しています。

using System;
using System.Windows.Forms;
public partial class MyForm : Form
{
    private TabPage tabPage1Backup;
    public MyForm()
    {
        InitializeComponent();
        // タブを削除して非表示にする
        tabPage1Backup = tabPage1;
        tabControl1.TabPages.Remove(tabPage1);
    }
    private void ShowTabPage1()
    {
        // タブを再追加して表示する
        if (!tabControl1.TabPages.Contains(tabPage1Backup))
        {
            tabControl1.TabPages.Add(tabPage1Backup);
        }
    }
}

この方法では、削除したタブを一時的にバックアップし、必要に応じて再追加します。

タブのインデックスを利用した非表示

タブのインデックスを利用して非表示にする方法もあります。

特定のインデックスのタブを非表示にするには、TabPagesコレクションを操作します。

using System;
using System.Drawing;
using System.Windows.Forms;
public partial class MyForm : Form
{
	private TabControl tabControl;
	public MyForm()
	{
		InitializeComponent();

		// タブコントロールのインスタンスを作成
		tabControl = new TabControl();

		// タブページを追加
		tabControl.TabPages.Add("タブ1");
		tabControl.TabPages.Add("タブ2");

		// インデックスを利用してタブを非表示にする
		tabControl.TabPages[0].Hide();

		// 再表示はShowメソッドを利用する
		//tabControl.TabPages[0].Show();

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

}

この方法では、特定のインデックスのタブを非表示にしますが、Hideメソッドはタブを完全に削除するわけではないため、再表示が容易です。

タブのカスタム描画による非表示

タブのカスタム描画を利用して、特定のタブを描画しないことで非表示にすることも可能です。

以下のサンプルコードでは、DrawModeプロパティを設定し、DrawItemイベントを実装しています。

using System;
using System.Drawing;
using System.Windows.Forms;
public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // カスタム描画を有効にする
        tabControl1.DrawMode = TabDrawMode.OwnerDrawFixed;
        tabControl1.DrawItem += new DrawItemEventHandler(tabControl1_DrawItem);
    }
    private void tabControl1_DrawItem(object sender, DrawItemEventArgs e)
    {
        // 特定のタブを描画しない
        if (e.Index != 0) // 0番目のタブを非表示にする
        {
            e.Graphics.DrawString(tabControl1.TabPages[e.Index].Text, e.Font, Brushes.Black, e.Bounds.Left + 3, e.Bounds.Top + 3);
        }
    }
}

この方法では、特定のタブを描画しないことで非表示にしますが、タブの存在自体は維持されます。

カスタム描画によるタブの非表示

タブコントロールのカスタム描画を利用することで、特定のタブを非表示にすることができます。

カスタム描画を行うことで、タブの見た目を自由に変更できるため、特定のタブを描画しないことで非表示にすることが可能です。

DrawModeプロパティの設定

カスタム描画を行うためには、TabControlのDrawModeプロパティをOwnerDrawFixedに設定します。

これにより、タブの描画を自分で制御できるようになります。

using System;
using System.Windows.Forms;
public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        // カスタム描画を有効にする
        tabControl1.DrawMode = TabDrawMode.OwnerDrawFixed;
    }
}

この設定を行うことで、DrawItemイベントが発生し、タブの描画をカスタマイズすることができます。

DrawItemイベントの実装

DrawItemイベントを実装することで、タブの描画をカスタマイズします。

このイベントハンドラ内で、特定のタブを描画しないように設定します。

using System;
using System.Drawing;
using System.Windows.Forms;
public partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        tabControl1.DrawMode = TabDrawMode.OwnerDrawFixed;
        tabControl1.DrawItem += new DrawItemEventHandler(tabControl1_DrawItem);
    }
    private void tabControl1_DrawItem(object sender, DrawItemEventArgs e)
    {
        // 特定のタブを描画しない
        if (e.Index != 0) // 0番目のタブを非表示にする
        {
            e.Graphics.DrawString(tabControl1.TabPages[e.Index].Text, e.Font, Brushes.Black, e.Bounds.Left + 3, e.Bounds.Top + 3);
        }
    }
}

このコードでは、e.Indexを使用して特定のタブを判別し、描画するかどうかを決定しています。

特定のタブを描画しない方法

特定のタブを描画しないためには、DrawItemイベント内でそのタブの描画処理をスキップします。

これにより、タブが表示されなくなります。

e.Indexを使用して、非表示にしたいタブのインデックスを判別します。
非表示にしたいタブのインデックスの場合、描画処理を行わないようにします。

この方法を用いることで、タブの存在は維持しつつ、ユーザーには見えないようにすることができます。

タブの非表示をカスタム描画で実現することで、柔軟なUIの制御が可能になります。

応用例

タブコントロールの非表示機能を応用することで、より柔軟なユーザーインターフェースを実現できます。

ここでは、タブの動的な表示・非表示やユーザーの権限に応じた制御、データバインディングとの組み合わせについて説明します。

タブの動的な表示・非表示

アプリケーションの状態やユーザーの操作に応じて、タブを動的に表示・非表示にすることができます。

以下のサンプルコードでは、ボタンのクリックイベントを利用してタブを動的に制御しています。

using System;
using System.Windows.Forms;
public partial class MyForm : Form
{
    private TabPage tabPage1Backup;
    public MyForm()
    {
        InitializeComponent();
        tabPage1Backup = tabPage1;
    }
    private void buttonToggleTab_Click(object sender, EventArgs e)
    {
        // タブの動的な表示・非表示
        if (tabControl1.TabPages.Contains(tabPage1Backup))
        {
            tabControl1.TabPages.Remove(tabPage1Backup);
        }
        else
        {
            tabControl1.TabPages.Add(tabPage1Backup);
        }
    }
}

このコードでは、ボタンをクリックするたびにタブが表示・非表示を切り替えます。

動的な制御により、ユーザーの操作に応じたインターフェースを提供できます。

ユーザーの権限に応じたタブの制御

ユーザーの権限に応じて、表示するタブを制御することも可能です。

以下の例では、ユーザーの権限レベルに基づいてタブを表示または非表示にしています。

using System;
using System.Windows.Forms;
public partial class MyForm : Form
{
    private TabPage adminTabPage;
    public MyForm()
    {
        InitializeComponent();
        adminTabPage = tabPageAdmin;
        ControlTabsBasedOnUserRole("User"); // ユーザーの権限に応じたタブの制御
    }
    private void ControlTabsBasedOnUserRole(string role)
    {
        if (role == "Admin")
        {
            if (!tabControl1.TabPages.Contains(adminTabPage))
            {
                tabControl1.TabPages.Add(adminTabPage);
            }
        }
        else
        {
            tabControl1.TabPages.Remove(adminTabPage);
        }
    }
}

このコードでは、ControlTabsBasedOnUserRoleメソッドを使用して、ユーザーの権限に応じてタブを制御しています。

管理者権限を持つユーザーには特定のタブが表示されます。

タブの非表示とデータバインディング

タブの非表示機能は、データバインディングと組み合わせることで、データの状態に応じたUIの制御が可能です。

以下の例では、データの状態に基づいてタブを表示または非表示にしています。

using System;
using System.Windows.Forms;
public partial class MyForm : Form
{
    private TabPage dataTabPage;
    public MyForm()
    {
        InitializeComponent();
        dataTabPage = tabPageData;
        UpdateTabVisibilityBasedOnData(null); // 初期データに基づくタブの制御
    }
    private void UpdateTabVisibilityBasedOnData(object data)
    {
        // データの状態に基づいてタブを表示または非表示にする
        if (data != null)
        {
            if (!tabControl1.TabPages.Contains(dataTabPage))
            {
                tabControl1.TabPages.Add(dataTabPage);
            }
        }
        else
        {
            tabControl1.TabPages.Remove(dataTabPage);
        }
    }
}