隐藏 TabControl 标头

Question

编程方式是什么（即不使用这个问题中的样式，而是使用code) 隐藏 TabControl 标头？我会很高兴得到一个片段。

Answer 1

实际上，隐藏标签栏非常简单。您只需将每个 TabItem 的 Visibility 设置为 Collapsed 即可。您仍然可以看到选项卡内容，...只是看不到选项卡标题本身。

Answer 2

Style s = new Style();
s.Setters.Add(new Setter(UIElement.VisibilityProperty, Visibility.Collapsed));
tabControl.ItemContainerStyle = s;

Answer 3

简单的XAML风格

<TabControl>
    <TabControl.ItemContainerStyle>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Visibility" Value="Collapsed"/>
        </Style>
    </TabControl.ItemContainerStyle>
    ...
</TabControl>

Answer 4

嗯，有几种方法可以做到这一点。

最丑陋的方法：使用 VisualTreeHelper 查找 TabPanel（或用于托管项目的任何其他面板），并将其 Visibility 属性设置为 Visibility.Collapsed。为什么丑？如果您不够小心，很容易在此处创建一些烦人的错误，或者通过“无害”样式更新来破坏此方法...

我更喜欢使用 Xaml 和代码隐藏的组合。您可以将 TabItem 的可见性绑定到视图模型属性，或将 TabPanel 的可见性绑定到视图模型属性。在这两种情况下，您都必须覆盖样式（ItemContainer 的样式或整个 TabControl 的样式）。在这两种情况下，您都有视图模型。现在，要切换选项卡标题的可见性，您只需更新视图模型中的属性即可。以下是 TabItem 的示例：

XAML

<Window x:Class="WpfApplication5.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication5"
        Title="Tab Settings"
        Height="300"
        Width="300">
  <Window.Resources>
    <local:TabControlViewModel x:Key="tabVM" />
    <BooleanToVisibilityConverter x:Key="booleanToVisibilityConverter" />
  </Window.Resources>
  <Grid>
    <TabControl DataContext="{StaticResource tabVM}">
      <TabControl.ItemContainerStyle>
        <Style TargetType="{x:Type TabItem}">
          <Setter Property="Visibility"
                  Value="{Binding TabHeaderVisible, Converter={StaticResource booleanToVisibilityConverter}}" />
        </Style>
      </TabControl.ItemContainerStyle>
      <TabItem Header="Tab 1">
        <StackPanel>
          <TextBlock Text="Content" />
          <Button Content="Toggle Header"
                  Click="ToggleHeaderClick" />
        </StackPanel>
      </TabItem>
      <TabItem Header="Tab 2 Header">
        <TextBlock Text="Tab 2 Content" />
      </TabItem>
    </TabControl>
  </Grid>
</Window>

C#

using System.ComponentModel;
using System.Windows;
using System.Windows.Input;

namespace WpfApplication5
{
  public partial class Window1 : Window
  {
    public Window1()
    {
      InitializeComponent();
    }

    private void ToggleHeaderClick(object sender, RoutedEventArgs e)
    {
      var tabControlVM =
        ((FrameworkElement)sender).DataContext as TabControlViewModel;
      if (tabControlVM != null)
      {
        tabControlVM.TabHeaderVisible = !tabControlVM.TabHeaderVisible;
      }
    }
  }

  public class TabControlViewModel : INotifyPropertyChanged
  {
    private bool _tabHeaderVisible = true;

    public ICommand ToggleHeader
    {
      get; private set;
    }

    public bool TabHeaderVisible
    {
      get { return _tabHeaderVisible; }
      set
      {
        _tabHeaderVisible = value;
        OnPropertyChanged("TabHeaderVisible");
      }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void OnPropertyChanged(string name)
    {
      var changed = PropertyChanged;
      if (changed != null)
      {
        changed(this, new PropertyChangedEventArgs(name));
      }
    }
  }
}

Answer 5

我在一些代码中尝试过这个，我手动填充选项卡项目...

tabItemToAdd.Visibility = Visibility.Collapsed;

...但是后来发生了一件奇怪的事情，第二次我清除选项卡控件的项目，再次创建选项卡项目并使用这种方法在将其添加到选项卡控件之前，整个选项卡项及其内容都消失了，而不仅仅是选项卡标题。因此，我在相当于 此解决方案：

tabItemToAdd.Template = new ControlTemplate();

Answer 6

如果您使用 C# 并为 TabItem 设置 x:Name，您还可以像这样操作 Visibility：

tabItemName.Visibility = Visibility.Collapsed;

Answer 7

private void TabItemControl_MouseEnter(object sender, MouseEventArgs e)
{
    if (this.TabItemControl.IsSelected == false)
    {
        this.TabItemControl.Opacity = 100;
    }
}

private void TabItemControl_MouseLeave(object sender, MouseEventArgs e)
{
    if (this.TabItemControl.IsSelected == false)
    {
        this.TabItemControl.Opacity = 0;
    }
}

private void TabAllControl_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (this.TabItemControl.IsSelected == false)
    {
        this.TabItemControl.Opacity = 0;
    }
}