MaterialDesign Tabablz TabablzControl中的隐藏选项卡

Question

我想将TabItem的可见性属性绑定到我的视图模型中的bool属性（通过转换器，true = visible false = collapsed），但是TabItem上的可见性属性不会隐藏该选项卡。我不想隐藏所有选项卡，而只隐藏单个选项卡。

有人知道如何实现吗？

Answer 1

我想做些类似的事情。我向开发人员询问了有关内容，但是Dragablz（即Tabablz）无法做到这一点。 TabItem本身未在dragablz中使用。

一种解决方法可能是使用materialdesign单选按钮作为选项卡标题而不是dragablz。单选按钮可以折叠。

<StackPanel Orientation="Horizontal" Margin="4">
   <RadioButton x:Name="FirstTab" Style="{StaticResource MaterialDesignTabRadioButton}" Margin="4" Visibility="Collapsed" IsChecked="True" Content="FIRST" />
   <RadioButton Style="{StaticResource MaterialDesignTabRadioButton}" Margin="4" IsChecked="False" Content="SECOND" />
   <RadioButton Style="{StaticResource MaterialDesignTabRadioButton}" Margin="4" IsChecked="False" Content="THIRD" />
</StackPanel>

现在，您只需要在它们下面创建一些网格，即可将其可见性绑定到相应单选按钮的IsChecked属性。这样，您可以仅显示绑定到当前所选单选按钮的网格。

<Grid Visibility="{Binding IsChecked, Source={x:Reference FirstTab}, Converter={StaticResource Bool2VisibilityConverter}}">