Comment ajouter un bouton de fermeture à l'en-tête d'un panneau de contenu

Question

Comment ajouter un bouton de fermeture à l'en-tête d'un panneau de contenu? S'il vous plaît expliquer avec un exemple.

Answer 1

<DataTemplate x:Key="tabItemHeaderWithClose"> 
    <DockPanel x:Name="pnl"> 
     <Button x:Name="closeBtn" DockPanel.Dock="Right" 
       Visibility="Collapsed" 
       Margin="3,3,0,3" Width="14" VerticalAlignment="Top" 
       Command="{x:Static DockManager:ContentPaneCommands.Close}" 
       CommandTarget="{Binding Path=Pane,RelativeSource={RelativeSource AncestorType={x:Type DockManager:PaneTabItem}}}" 
       Style="{DynamicResource {x:Static DockManager:TabGroupPane.DocumentCloseButtonStyleKey}}" /> 
     <TextBlock Text="{Binding}" /> 
    </DockPanel> 
    <DataTemplate.Triggers> 
     <Trigger Property="DockManager:XamDockManager.PaneLocation" 
       Value="Document"> 
      <Setter TargetName="closeBtn" Property="Visibility" Value="Visible"/> 
     </Trigger> 
    </DataTemplate.Triggers> 
</DataTemplate> 

Answer 2

XAML:

<ContentControl Name="contentControl1" > 
     <StackPanel> 
      <StackPanel Name="headerPanel" VerticalAlignment="Top" > 
       <Grid> 
        <Label>Header text</Label> 
        <Button Name="closeButton" Height="20" Width="20" HorizontalAlignment="Right" Click="closeButton_Click">X</Button> 
       </Grid> 
      </StackPanel> 
      <StackPanel Name="contentPanel" VerticalAlignment="Stretch" > 
       <Label>Hello</Label> 
      </StackPanel> 
     </StackPanel> 
    </ContentControl> 

C#:

private void closeButton_Click(object sender, RoutedEventArgs e) 
    { 
     contentControl1.Visibility = Visibility.Hidden; 
    }