WPF Datagrid ColumHeader MouseOver 关闭按钮答案

【问题标题】：WPF Datagrid ColumHeader MouseOver Close buttonWPF Datagrid ColumHeader MouseOver 关闭按钮
【发布时间】：2012-04-25 19:17:55
【问题描述】：

当我将鼠标悬停在数据网格的列标题上时，它的关闭按钮应该会弹出标题以删除列。

我有下面的 XAML 来捕获标题的鼠标悬停。

<Style TargetType="{x:Type DataGridColumnHeader}">
    <Setter Property="HorizontalContentAlignment" Value="Center" />
    <Setter Property="Height" Value="26" />
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="{DynamicResource ActiveItemButtonPressedBrush}" />
             ?????????? what should I write here to create that button ??????????
        </Trigger>
    </Style.Triggers>
</Style>

由于我是 WPF 新手，请帮助我生成 XAML。

【问题讨论】：

标签： wpf button datagrid mouseover

【解决方案1】：

您需要将 DataGrid 列的 HeaderTemplate 覆盖为一个

....

<DataTemplate>
    <Button>
       <Button.Style>
          <Style TargetType="{x:Type Button}">
              <Setter Property="Template">
                   <Setter.Value>
                       <ControlTemplate TargetType="{x:Type Button}">
                          ... do you contents here
                          ..text block as visible
                          <Button x:Name="btn"..round button as collapsed

                       <ControlTemplate.Triggers>
                          <Trigger Property="Button.IsMouseOver" Value="True">
                               <Setter Property="Background" Value="{DynamicResource ActiveItemButtonPressedBrush}" />
                               <Setter TargetName="btn" Property="Visibility" Value="Visible"/>


    </Trigger>

              </Setter>

【讨论】：