エキスパンダー内にアイテムがない場合はヘッダーを非表示にします

Question

エキスパンダーコンテンツ内にアイテムがない場合、すべてのエキスパーダーヘッダーを非表示にすばやく表示する方法があるかどうかはわかります。

マイエキスパンダー：

<Expander IsExpanded="True" Loaded="Expander_Loaded" Visibility="{Binding Items[0],Converter={StaticResource collectionVisibilityHeaderConverter}}"> 
    <Expander.Header> 
     <DockPanel HorizontalAlignment="Stretch" > 
      <TextBlock Text="{Binding Path=Name}" FontSize="18"></TextBlock> 
      <Button Style="{StaticResource ButtonStyle}" x:Name="ShowAllButton" Content=" SHOW ALL " HorizontalAlignment="Right" DockPanel.Dock="Right" Padding="15" Margin="0,0,15,0" Click="ShowAllButton_Click"></Button> 
      <Button Style="{StaticResource ButtonStyle}" x:Name="ShowOnlyButton" Content=" SHOW ONLY " HorizontalAlignment="Right" DockPanel.Dock="Right" Padding="15" Margin="0,0,15,0" Click="ShowOnlyButton_Click"></Button> 
     </DockPanel> 
    </Expander.Header> 
    <Expander.Style> 
     <Style TargetType="{x:Type Expander}"> 
      <Setter Property="Background" Value="#ccf2ff"></Setter> 
      <Setter Property="TextElement.FontFamily" Value="Arial Nova"/> 
     </Style> 
    </Expander.Style> 
    <Expander.Content> 
     <ItemsPresenter /> 
    </Expander.Content> 
</Expander> 

私は今、コンバータを使用していて、基本的にはそれが動作しますが、私はもっと簡単な方法があると思います。

Answer 1

あなたはExpanderStyleでDataTriggerを使用することができます。私の意見では

<Expander IsExpanded="True" Loaded="Expander_Loaded"> 
    <Expander.Header> 
     <DockPanel HorizontalAlignment="Stretch" > 
      <TextBlock Text="{Binding Path=Name}" FontSize="18"></TextBlock> 
      <Button Style="{StaticResource ButtonStyle}" x:Name="ShowAllButton" Content=" SHOW ALL " HorizontalAlignment="Right" DockPanel.Dock="Right" Padding="15" Margin="0,0,15,0" Click="ShowAllButton_Click"></Button> 
      <Button Style="{StaticResource ButtonStyle}" x:Name="ShowOnlyButton" Content=" SHOW ONLY " HorizontalAlignment="Right" DockPanel.Dock="Right" Padding="15" Margin="0,0,15,0" Click="ShowOnlyButton_Click"></Button> 
     </DockPanel> 
    </Expander.Header> 
    <Expander.Style> 
     <Style TargetType="{x:Type Expander}"> 
      <Setter Property="Background" Value="#ccf2ff"></Setter> 
      <Setter Property="TextElement.FontFamily" Value="Arial Nova"/> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Items.Count}" Value="0"> 
        <Setter Property="Visibility" Value="Collapsed" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Expander.Style> 
    <Expander.Content> 
     <ItemsPresenter /> 
    </Expander.Content> 
</Expander>