コンテンツを折りたたまないでGroupBoxの枠を折りたたむ

Question

コンテンツを折りたたむことなく、XAMLのコントロールGroupBoxの枠線を折りたたんで（つまり、VMのプロパティにバインドする）ことはできますか？

境界線を削除したいだけでなく、BorderThicknessを0に、Headerを空の文字列に設定することで実現できます。私はまた、GroupBoxのコンテンツを国境のどこに伸ばしたいのですか？

<DataTemplate DataType="{x:Type config:ElementGroup}"> 
    <DataTemplate.Resources> 
     <Style TargetType="{x:Type GroupBox}"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Path=HideBorder}" Value="True"> 
        <Setter Property="Visibility" Value="Collapsed" /> 
       </DataTrigger> 
      </Style.Triggers> 
      <Setter Property="Foreground" Value="{StaticResource TextColor}" /> 
      <Setter Property="Header" Value="{Binding Path=ItemLabel}" /> 
      <Setter Property="Margin" Value="5,0,5,0" /> 
     </Style> 
    </DataTemplate.Resources> 
    <GroupBox> 
     <ItemsControl ItemsSource="{Binding Path=ElementList}" Visibility="Visible"> 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <UniformGrid Columns="{Binding Path=Columns}" /> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
     </ItemsControl> 
    </GroupBox> 
</DataTemplate> 

Answer 1

、またそのContentを崩壊します。

あなたはこれをしたくない場合は、GroupBoxが折りたたまれますときに表示される別のItemsControl定義することができます。

<DataTemplate DataType="{x:Type config:ElementGroup}"> 
    <DataTemplate.Resources> 
     <Style TargetType="{x:Type GroupBox}"> 
      <Setter Property="Foreground" Value="{StaticResource TextColor}" /> 
      <Setter Property="Header" Value="{Binding Path=ItemLabel}" /> 
      <Setter Property="Margin" Value="5,0,5,0" /> 
     </Style> 
    </DataTemplate.Resources> 
    <Grid> 
     <GroupBox x:Name="gb"> 
      <ItemsControl ItemsSource="{Binding Path=ElementList}" Visibility="Visible"> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <UniformGrid Columns="{Binding Path=Columns}" /> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
      </ItemsControl> 
     </GroupBox> 
     <ItemsControl x:Name="ic" ItemsSource="{Binding Path=ElementList}" Visibility="Collapsed"> 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <UniformGrid Columns="{Binding Path=Columns}" /> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
     </ItemsControl> 
    </Grid> 
    <DataTemplate.Triggers> 
     <DataTrigger Binding="{Binding Path=HideBorder}" Value="True"> 
      <Setter TargetName="gb" Property="Visibility" Value="Collapsed" /> 
      <Setter TargetName="ic" Property="Visibility" Value="Visible" /> 
     </DataTrigger> 
    </DataTemplate.Triggers> 
</DataTemplate> 

Answer 2

これにあなたの GroupBoxスタイルを変更

：

すなわち Hiddenまたは Collapseにその Visibilityプロパティを設定 GroupBoxを、折りたたみ

<Style TargetType="{x:Type GroupBox}"> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding Path=HideBorder}" Value="True"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="GroupBox"> 
          <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" 
             Content="{TemplateBinding Content}" 
             ContentStringFormat="{TemplateBinding ContentStringFormat}" 
             Margin="{TemplateBinding Padding}" 
             SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </DataTrigger> 
     </Style.Triggers> 
     <Setter Property="Foreground" Value="{StaticResource TextColor}" /> 
     <Setter Property="Header" Value="{Binding Path=ItemLabel}" /> 
     <Setter Property="Margin" Value="5,0,5,0" /> 
    </Style>