次の方法で共有


HeaderedContentControl.Header プロパティ

定義

各コントロールのヘッダーに使用されるデータを取得または設定します。

public:
 property System::Object ^ Header { System::Object ^ get(); void set(System::Object ^ value); };
[System.ComponentModel.Bindable(true)]
[System.Windows.Localizability(System.Windows.LocalizationCategory.Label)]
public object Header { get; set; }
[<System.ComponentModel.Bindable(true)>]
[<System.Windows.Localizability(System.Windows.LocalizationCategory.Label)>]
member this.Header : obj with get, set
Public Property Header As Object

プロパティ値

ヘッダー オブジェクト。 既定値は、null です。

属性

次の例では、HeaderedContentControlから継承される 2 つのTabItem オブジェクトを含むTabControlを作成します。 最初のTabItemは、HeaderContentの両方のコンテンツとしてUIElementオブジェクトを持ちます。HeaderEllipseTextBlockを含むStackPanelに設定され、ContentTextBlockLabelを含むStackPanelに設定されます。 2 番目のTabItemHeaderは文字列に設定され、Contentは 1 つのTextBlockに設定されます。

<TabControl>
  <TabItem>
    <TabItem.Header>
      <StackPanel Orientation="Horizontal">
        <Ellipse Width="10" Height="10" Fill="DarkGray"/>
        <TextBlock>Tab 1</TextBlock>
      </StackPanel>
    </TabItem.Header>
    <StackPanel>
      <TextBlock>Enter some text</TextBlock>
      <TextBox Name="textBox1" Width="50"/>
    </StackPanel>
  </TabItem>
  <TabItem Header="Tab 2">
    <!--Bind TextBlock.Text to the TextBox on the first
    TabItem.-->
    <TextBlock Text="{Binding ElementName=textBox1, Path=Text}"/>
  </TabItem>
</TabControl>

次の図は、前の例で作成した TabControl を示しています。

TabControl Header プロパティの種類が異なる TabControl

次の例では、HeaderedContentControlHeaderContentの外観を指定する 2 つのDataTemplate オブジェクトを作成します。


<Style TargetType="HeaderedContentControl">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type HeaderedContentControl}">
        <StackPanel>
          <Grid>
            <Rectangle Stroke="{TemplateBinding Background}"/>
            <ContentPresenter ContentSource="Header"/>
          </Grid>
          <Grid>
            <Rectangle Fill="{TemplateBinding Background}"/>
            <ContentPresenter ContentSource="Content"/>
          </Grid>
        </StackPanel>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

<DataTemplate x:Key="titleText">
  <TextBlock Text="{Binding}" 
             Foreground="Green" 
             FontSize="16" 
             FontWeight="Normal"
             FontStyle="Italic" 
             TextWrapping="Wrap"/>
</DataTemplate>

<DataTemplate x:Key="contentText">
  <TextBlock Text="{Binding}"
             Foreground="Brown"
             FontSize="12"
             FontWeight="Normal"
             FontFamily="Arial Narrow" 
             TextWrapping="Wrap"/>
</DataTemplate>
<HeaderedContentControl Name="hcontCtrl" Background="Beige" 
                        HeaderTemplate="{StaticResource titleText}" 
                        ContentTemplate="{StaticResource contentText}"
                        Header="This is the header."
                        Content="This is the content."/>

注釈

ContentControlContent プロパティと同様に、Headerには任意の型を指定できます。 HeaderedContentControlでは、同じロジックを使用して、ContentControl.Contentで説明されているHeaderを表示します。

依存関係プロパティ情報

品目 価値
識別子フィールド HeaderProperty
に設定されたメタデータ プロパティ true なし

適用対象