WPF GridViewHeader 样式问题

标签 wpf gridview

我正在尝试设置我的第一个 WPF ListView/GridView,但在设置列标题样式时遇到问题。我目前有 3 个问题。这是 GridView 现在的 View :

alt text http://img195.imageshack.us/img195/3245/wpfgridview.png

  1. 我想删除分隔列标题的白色小垂直边框。

  2. 我想删除 MouseOver 效果。此屏幕截图将鼠标悬停在第三列上,背景变为白色。

  3. 如何在不搞砸的情况下覆盖单列上的水平对齐方式?

代码如下所示:

<Style x:Key="GrayHeader" TargetType="{x:Type GridViewColumnHeader}">
   <Setter Property="Background">
      <Setter.Value>
         <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Offset="0.0" Color="#373638" />
            <GradientStop Offset="1.0" Color="#57595B" />
         </LinearGradientBrush>
      </Setter.Value>
   </Setter>
   <Setter Property="Foreground" Value="White" />
   <Setter Property="Padding" Value="5, 5" />
   <Setter Property="BorderThickness" Value="0" />
   <Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>

<ListView ItemsSource="{Binding Source={StaticResource 
                                        EmployeeInfoDataSource}}" 
          Margin="0,20,0,20">
   <ListView.ItemContainerStyle>
      <Style TargetType="{x:Type ListViewItem}"  >
         <Setter Property="Height" Value="24" />
         <Setter Property="Background" Value="#7BB3DC" />
         <Setter Property="Foreground" Value="#000000" />
         <Setter Property="FontSize" Value="12" />
         <Setter Property="HorizontalContentAlignment" Value="Stretch" />
         <Setter Property="BorderThickness" Value="1" />
         <Setter Property="BorderBrush" Value="Gray" />
      </Style>
   </ListView.ItemContainerStyle>

   <ListView.View>
      <GridView AllowsColumnReorder="false" 
                ColumnHeaderToolTip="Employee Information"
                ColumnHeaderContainerStyle="{StaticResource GrayHeader}"
                >
         <GridViewColumn Width="200" Header="First Name">
            <GridViewColumn.CellTemplate>
               <DataTemplate>
                  <TextBlock Text="{Binding Path=FirstName}"/>
               </DataTemplate>
            </GridViewColumn.CellTemplate>
         </GridViewColumn>

         <GridViewColumn Width="300" Header="LastName">
            <GridViewColumn.CellTemplate>
               <DataTemplate>
                  <TextBlock Text="{Binding LastName}" 
                             HorizontalAlignment="Right"/>
               </DataTemplate>
            </GridViewColumn.CellTemplate>
         </GridViewColumn>

         <GridViewColumn DisplayMemberBinding="{Binding Path=EmployeeNumber}" 
                         Width="200" Header="Employee Number"/>
      </GridView>
   </ListView.View>
</ListView>

感谢您的任何想法!

编辑:

澄清我的第三个问题。这是代码:

<GridViewColumn Width="300">
    <GridViewColumnHeader HorizontalAlignment="Right">
       Last Name
    </GridViewColumnHeader>

这就产生了这个。它可以工作,但现在实际文本的左侧有多余的空白。

alt text http://img193.imageshack.us/img193/3783/wpfgridviewcolumnheader.png

最佳答案

我解决了我的问题。问题在于列标题的作用就像一个按钮,因此必须应用一个新模板。将其更改为 TextBlock 消除了所有这些问题。

<Style x:Key="GridHeaderCenter" TargetType="{x:Type GridViewColumnHeader}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
                            <TextBlock Text="{TemplateBinding Content}" Padding="5" Width="{TemplateBinding Width}" TextAlignment="Center">
                                <TextBlock.Background>
                                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                        <GradientStop Offset="0.0" Color="#373638" />
                                        <GradientStop Offset="1.0" Color="#77797B" />
                                    </LinearGradientBrush>
                                </TextBlock.Background>
                            </TextBlock>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="OverridesDefaultStyle" Value="True" />
                <Setter Property="Background" Value="Green" />
                <Setter Property="Foreground" Value="White" />
                <Setter Property="FontSize" Value="12" />
                <Setter Property="Background">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                            <GradientStop Offset="0.0" Color="#373638" />
                            <GradientStop Offset="1.0" Color="#77797B" />
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Style>

<GridViewColumn Width="100" HeaderContainerStyle="{ StaticResource GridHeaderCenter}" Header="Transfer">

关于WPF GridViewHeader 样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1172534/

相关文章:

c# - 如何在应用程序中禁用 Aero Snap?

c# - 如何在 xaml 中绑定(bind) tabitem 的 isselected 属性

c# - 在后台线程 WPF 中创建 UI?

c# - 组合 WPF View 和 MVVM View 模型

gridview - yii2 gridview 未使用 hasMany 关系显示所有左连接值

jquery - 将 gridview 呈现为 <div> 而不是表格

wpf - 为什么数据绑定(bind)上下文菜单项不隐藏?

javascript - asp.net 数据输入静态网格

php - 如何在 yii2 GridView 中将两列相乘

java - fragment 中的自定义 GridView 适配器