ListViewItem覆盖默认样式中断gridviews

时间:2013-09-09 14:16:29

标签: c# wpf listview wpf-controls listviewitem

我想知道是否有人遇到过这种情况。基本上我要做的是覆盖默认的listviewitem来自定义所选的背景/前景。我的工作一切都很好,花花公子。问题是,我注意到在listviews上我已经实现了gridviews,列被破坏了。我不确定是什么打破这个。我的覆盖默认样式的方法是使用blend来通过编辑模板副本来获得完整样式。根据需要修改它。应用它。这几乎就是它的样子。有什么想法吗?

<Style TargetType="{x:Type ListViewItem}">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" />
    <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" />
    <Setter Property="Padding" Value="2,0,0,0" />
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="{x:Type ListViewItem}">
        <Border x:Name="Bd"
            Background="{TemplateBinding Background}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}"
            Padding="{TemplateBinding Padding}"
            SnapsToDevicePixels="true">
            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
        </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsSelected" Value="true">
            <Setter TargetName="Bd" Property="BorderBrush" Value="{DynamicResource CustomBorderBrush}" />
            <Setter TargetName="Bd" Property="Background" Value="{DynamicResource CustomBackgroundBrush}" />
            <Setter Property="Foreground" Value="{DynamicResource CustomForegroundBrush}" />
        </Trigger>
    <MultiTrigger>
        <MultiTrigger.Conditions>
            <Condition Property="IsSelected" Value="true" />
            <Condition Property="Selector.IsSelectionActive" Value="false" />
    </MultiTrigger.Conditions>
    <Setter TargetName="Bd" Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
    </MultiTrigger>
    <Trigger Property="IsEnabled" Value="false">
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
</Style>

<ListView Grid.Row="0" Grid.Column="0" Margin="15,15,0,0" Name="lstResources" SelectionChanged="lstResources_SelectionChanged">
        <ListView.View>
            <GridView>
                <GridView.Columns>
                    <GridViewColumn x:Name="column1"  Header="column1" Width="100" CellTemplate="{StaticResource column1template}"/>
                    <GridViewColumn x:Name="column2" Header="column2" Width="100" CellTemplate="{StaticResource column2template}" />
                    <GridViewColumn x:Name="column3" Header="column3" Width="200" CellTemplate="{StaticResource column3template}" WPFUtility:GridViewColumnResize.Width="*"/>
                </GridView.Columns>
            </GridView>
        </ListView.View>
</ListView>

<DataTemplate x:Key="column1template">
        <DockPanel>
            <TextBlock HorizontalAlignment="stretch" TextTrimming="CharacterEllipsis" >
            <TextBlock.Text>
                <Binding Path="mycontent"/>
            </TextBlock.Text>
            </TextBlock>
        </DockPanel>
    </DataTemplate>

1 个答案:

答案 0 :(得分:3)

我在两种情况下都检查了ListViews的控件模板,并得出结论:样式不适用于GridViews,因为它们需要GridViewRowPresenter才能正确布局行数据,而不是ContentPresenter

当然,如果您这样做,您会发现正常的ListViews不使用GridViews不再正确格式化,因为它们需要ContentPresenter

我并不完全确定这方面最好的方法,但偶然发现了这篇博文:http://www.steelyeyedview.com/2010/03/contentpresenter-gridviewrowpresenter.html

我将在此重复的要点,以防它被删除:

他的解决方案是一个整洁的小黑客,似乎工作。它使用两个演示者,默认情况下隐藏ContentPresenterVisibility="Collapsed"),如果ContentPresenter没有内容,则使用触发器使GridViewRowPresenter可见。由于GridViewRowPresenter没有内容,因此无论如何都不会显示任何内容。

调整你的Style以包含他的修正,你会有类似的东西(删除了一些代码用于焦点):

<Style TargetType="{x:Type ListViewItem}">
    <!-- Your Code -->
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListViewItem}">
                <Border x:Name="Bd"
                     Background="{TemplateBinding Background}"
                     BorderBrush="{TemplateBinding BorderBrush}"
                     BorderThickness="{TemplateBinding BorderThickness}"
                     Padding="{TemplateBinding Padding}"
                     SnapsToDevicePixels="true">
                    <Grid>
                        <GridViewRowPresenter x:Name="gridrowPresenter"
                            Content="{TemplateBinding Property=ContentControl.Content}" />
                        <ContentPresenter x:Name="contentPresenter"
                            Content="{TemplateBinding Property=ContentControl.Content}"  Visibility="Collapsed" />
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="GridView.ColumnCollection" Value="{x:Null}">
                        <Setter TargetName="contentPresenter" Property="Visibility" Value="Visible"/>
                    </Trigger>
                    <!-- Your Code -->
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>