Comment mettre des lignes verticales pour listviewitem dans WPF

Je suis en train de mettre des lignes verticales entre les colonnes dans ListViewItem. J'ai Essayé les solutions apportées. Mais sa ne fonctionne pas. Quelqu'un peut-il m'aider dans la résolution de ce. J'ai créé un style séparée pour ListViewItem. Ai-je besoin d'ajouter une propriété à l'styles?

Le code, c'est comme cela

<ListView x:Key="ListView1" ItemContainerStyle="{DynamicResource ListViewItemStyle1}">
<ListView.View>
    <GridView>
        <GridViewColumn Header="{TemplateBinding GridView.ColumnCollection}">
            <GridViewColumn.CellTemplate>
                <DataTemplate>
                    <Border BorderBrush="#FF000000" BorderThickness="1,0,0,0" Margin="-6,-2,-6,-2">
                        <StackPanel Margin="6,2,6,2">
                            <TextBlock Text="{TemplateBinding Content}"/>
                        </StackPanel>
                     </Border>
                </DataTemplate>
            </GridViewColumn.CellTemplate>
        </GridViewColumn>
    </GridView>
</ListView.View>
</ListView>

littéralement, cela devrait fonctionner, mais sa ne fonctionne pas. Je ne suis pas en mesure d'ajouter des lignes verticales à l'aide de code ci-dessus..

Pouvez-vous voir "Contenu" dans votre TextBlock?

OriginalL'auteur Preeth | 2011-04-13

  1. 11

    Voici un court échantillon avec une ListView et deux colonnes. L'astuce consiste à définir un DataTemplate avec une bordure, un allongement de la frontière pour remplir la cellule (voir ItemContainerStyle, Style ListViewItem, H/V-ContentAligment=Étirement) et spectacle (dans ce cas) le droit et le bas de la ligne (par BorderThickness="0,0,1,1"). Pour votre cas d'utilisation BorderThickness="0,0,1,0"

        <ListView ItemsSource="{Binding}">
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
                <Setter Property="VerticalContentAlignment" Value="Stretch"></Setter>
            </Style>
        </ListView.ItemContainerStyle>
        <ListView.Resources>
            <DataTemplate x:Key="NameTemplate">
                <Border BorderThickness="0,0,1,1" BorderBrush="LightGray" Margin="-6,0,-6,0">
                    <TextBlock Grid.Column="1" Grid.Row="0" Text="{Binding Name}" VerticalAlignment="Center" TextTrimming="CharacterEllipsis"></TextBlock>
                </Border>
            </DataTemplate>
            <DataTemplate x:Key="ActualValueTemplate">
                <Border BorderThickness="0,0,1,1" BorderBrush="LightGray" Margin="-6,0,-6,0">
                    <TextBlock Name="ActualValueTextBlock" Margin="2,1,1,1" Text="{Binding TextMeasuredValue}" VerticalAlignment="Center"></TextBlock>
                </Border>
            </DataTemplate>
        </ListView.Resources>
        <ListView.View>
            <GridView>
                <GridView.Columns>
                    <GridViewColumn Header="Name" CellTemplate="{StaticResource NameTemplate}"></GridViewColumn>
                    <GridViewColumn Header="Actual Value" CellTemplate="{StaticResource ActualValueTemplate}"></GridViewColumn>
                </GridView.Columns>
            </GridView>
        </ListView.View>
    </ListView>

    Edit:

    J'ai utilisé votre code source avec quelques modifications mineures:

    <ListView ItemContainerStyle="{DynamicResource ListViewItemStyle1}">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="My Header">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <Border BorderBrush="#FF000000" BorderThickness="1,0,1,0" Margin="-6,-2,-6,-2">
                            <StackPanel Margin="6,2,6,2">
                                <TextBlock Text="{TemplateBinding Content}"/>
                            </StackPanel>
                        </Border>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
        </GridView>
    </ListView.View>
    <ListViewItem>Hello</ListViewItem>
    <ListViewItem>Stack</ListViewItem>
    <ListViewItem>Overflow</ListViewItem>
</ListView>

    Et le résultat se présente comme suit:

    Comment mettre des lignes verticales pour listviewitem dans WPF

    J'ai ajouté des lignes verticales sur la droite pour mieux visibillity et la frontière n'est pas strechted aux limites de la cellule - ok, donc c'est un peu laid. Mais comme vous pouvez le voir, il est de travail.

    merci pour les précieuses répondre. J'ai essayé d'utiliser l'exemple de code ci-dessus,mais verical lignes n'apparaissent pas..
    Surtout mon exemple montre des Lignes verticales et horizontales. Il est dépouillé de un projet. J'ai même essayé (pièces) de votre code. Je peux voir une ligne noire verticale sur la gauche.

    OriginalL'auteur Markus

  2. 5

    Essayer à la couleur de l'arrière-plan de votre frontière pour le rendre visible

    Exemple: 

    <Border BorderBrush="#FF000000" Background="Red" BorderThickness="1,0,1,0" Margin="-6,-2,-6,-2">

    Si vous verrez un rectangle rouge derrière votre contenu, plutôt que de jouer avec les valeurs de la Marge et BorderThickness pour plus de débogage.

    OriginalL'auteur Roger