我正在尝试设置我的第一个 WPF ListView/GridView,但在设置列标题样式时遇到问题。我目前有 3 个问题。这是 GridView 现在的 View :
alt text http://img195.imageshack.us/img195/3245/wpfgridview.png
我想删除分隔列标题的白色小垂直边框。
我想删除 MouseOver 效果。此屏幕截图将鼠标悬停在第三列上,背景变为白色。
如何在不搞砸的情况下覆盖单列上的水平对齐方式?
代码如下所示:
<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/