タブコントロール (TabControl)

TabControlは、適切なタブを選択してアクセスする個別のページにコンテンツを表示します。TabControl は、TabItem オブジェクトのコレクションを管理するコンテナーとして機能します。 各 TabItem は、クリック可能なタブ ヘッダーとそれに関連付けられているコンテンツ ページの両方を表します。

重要な概念

TabControl コントロールと TabItem コントロールが連携して、タブ付きインターフェイスを作成します。

• TabControl: タブの選択、レイアウト、およびプレゼンテーションを管理するコンテナーとして機能します。 タブのクリックなどのユーザー操作を処理し、現在選択されているタブの内容を表示します。
• TabItem: TabControl 内の個々のタブを表します。 各 TabItem には、ヘッダー (表示されるタブ テキストまたはコンテンツ) とコンテンツ (タブを選択したときに表示される内容) が含まれます。
• リレーションシップ: TabControl の Items コレクションには、TabItem オブジェクトが含まれています。 TabItem を選択すると、TabControl はその項目の内容を表示し、アクティブなタブを表示するように表示状態を更新します。

個々のタブの詳細については、「 TabItem」を参照してください。

スタイルとテンプレート

このセクションでは、 TabControl コントロールのスタイルとテンプレートについて説明します。 コントロールに一意の外観を与えるために、既定の ControlTemplate を変更できます。 詳細については、「 スタイルとテンプレートの概要」 および 「コントロールのテンプレートを作成する」を参照してください。

コンテンツ プロパティ

TabControlは、Items プロパティをコンテンツ プロパティとして使用します。 このプロパティには、個々のタブとそれに関連付けられているコンテンツを表す TabItem オブジェクトのコレクションが含まれています。 このコレクションに TabItem オブジェクトを追加すると、TabControl インターフェイスで選択可能なタブとして表示されます。

部品

次の表に、 TabControl コントロールの名前付きパーツを示します。

要素	タイプ	Description
PART_SelectedContentHost	ContentPresenter	現在選択されている TabItemの内容を示すオブジェクト。

ControlTemplateのTabControlを作成する際に、テンプレートにはItemsPresenterがScrollViewer内に含まれている場合がある可能性があります。 ( ItemsPresenter は、 TabControl内の各項目を表示します。 ScrollViewer では、コントロール内のスクロールが有効になります)。 ItemsPresenterがScrollViewerの直接の子でない場合は、ItemsPresenterの名前をItemsPresenterする必要があります。

ビジュアル状態

次の表に、 TabControl コントロールの表示状態を示します。

VisualState 名称	VisualStateGroupの名前	Description
Normal	CommonStates	既定の状態。
Disabled	CommonStates	コントロールが無効になっています。
有効	検証状態	コントロールは Validation クラスを使用し、 Validation.HasError 添付プロパティが false。
無効フォーカス	検証状態	Validation.HasError添付プロパティは、コントロールがフォーカスされていることを示しますtrue。
フォーカスが外れた無効状態	検証状態	Validation.HasError添付プロパティは、コントロールがフォーカスされていないときに適用されますtrue。

こちらも参照ください

• TabControl
• TabItem
• スタイルとテンプレートの概要
• コントロールのテンプレートを作成する
• TabItem