1

TabControl の上部は、TabItem コントロールで構成されます。残りのスペースを再利用して WPF コンテンツを配置する方法はありますか?

別のスタイルで「偽の」TabItemを使用して、自分のものをTabItem.Headerに入れることができると思いますが、もっと良い方法があることを望んでいました.

解決

以下の回答に基づいて、たとえば StackPanel 内の以下のテンプレートで TabPanel をラップし、その後に追加のコンテンツを追加することで、目的の動作を得ました。

<StackPanel Orientation="Horizontal">
   <TabPanel 
    Grid.Row="0"
    Panel.ZIndex="1" 
    Margin="0,0,4,-1" 
    IsItemsHost="True"
    Background="Transparent" />
    <TextBlock>Foo</TextBlock>
</StackPanel>
4

2 に答える 2

3

TabControl と同じスペースを占有する別のグリッドを作成する別の方法を試しました。つまり、どちらも Grid.Row=0 にあります。グリッドの高さを最初のタブの高さにバインドしたので、タブの高さが変わっても他のコントロールは中央に配置されたままになります。ウィンドウに MinWidth を設定して、コントロールがタブに重ならないようにします。

このコードを新しい WPF ウィンドウに貼り付けます...

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Title="MainWindow" Height="306" Width="490" MinWidth="300">
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <TabControl Grid.Row="0" x:Name="tabControl">
        <TabItem x:Name="tabItem" Header="TabItem" Height="50">
            <Grid Background="#FFE5E5E5"/>
        </TabItem>
        <TabItem Header="TabItem">
            <Grid Background="#FFE5E5E5"/>
        </TabItem>
    </TabControl>

    <Grid Grid.Row="0" Height="{Binding ActualHeight, ElementName=tabItem}" 
           VerticalAlignment="Top" Margin="0,2,0,0">
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" 
                    VerticalAlignment="Center" Margin="20,0">
            <TextBlock VerticalAlignment="Center" Margin="10,0" FontSize="16" 
                       Foreground="Red" FontFamily="Calibri">My Text</TextBlock>
            <Button Content="My Button" />
        </StackPanel>
    </Grid>

  </Grid>
</Window>

...そして、あなたはこれを得るでしょう:

tabcontrol タブの隣の空きスペースにコントロールを追加する

于 2016-02-19T08:49:40.250 に答える
2

テンプレートを使用して、好きなように実行できます。これが WPF の機能です。 これは、 TabControlおよび TabItem コントロールのカスタマイズに関する優れた記事です。

< EDIT Adding code for TabControl template from Switch On The Code article>

<Style  TargetType="{x:Type TabControl}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type TabControl}">
        <Grid>
          <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
          </Grid.RowDefinitions>
          <TabPanel 
             Grid.Row="0"
             Panel.ZIndex="1" 
             Margin="0,0,4,-1" 
             IsItemsHost="True"
             Background="Transparent" />
          <Border 
             Grid.Row="1"
             BorderBrush="Black" 
             BorderThickness="1" 
             CornerRadius="0, 12, 12, 12" >
            <Border.Background>
              <LinearGradientBrush>
                <GradientStop Color="LightBlue" Offset="0" />
                <GradientStop Color="White" Offset="1" />
              </LinearGradientBrush>
            </Border.Background>
            <ContentPresenter ContentSource="SelectedContent" />
          </Border>
        </Grid>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

テンプレートにコンテンツを追加するだけで、タブ項目を保持する部分は<TabControl>

于 2010-08-07T07:42:16.493 に答える