2017-07-04 5 views
0

J'ai un panneau de pile horizontal sur lequel j'ajoute des éléments. Je voudrais ajouter un séparateur en dessous de chaque nom de projet, plutôt que d'être à la droite du nom, et ce séparateur devrait couvrir toute la page. Ces 2 questions ne m'a pas aidé jusqu'à présent How to add a vertical Separator?How can a separator be added between items in an ItemsControlWPF comment placer le séparateur sous chaque élément dans le panneau de la pile horizontale

enter image description here

Le code View est:

<ListView ItemsSource="{Binding Projects}" Margin="49,188,54,0"> 
    <ListView.ItemContainerStyle> 
    <Style TargetType="ListViewItem"> 
     <EventSetter Event="PreviewMouseLeftButtonDown" Handler="EventSetter_OnHandler"/> 
    </Style> 
    </ListView.ItemContainerStyle> 
    <ListView.ItemTemplate> 
    <DataTemplate> 
     <StackPanel Orientation="Horizontal"> 
     <ContentControl Content="{StaticResource Appbar_Suitcase}"/> 
     <Label Content="{Binding Name}"/> 
     <Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}"/> 
     </StackPanel> 
    </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 
+0

Avez-vous essayé sans le 'StackPanel' interne? Juste un 'StackPanel' et en mettant tous les trois éléments à l'intérieur? –

+0

@MightyBadaboom Je viens de l'essayer, question mise à jour aussi. Mais le problème persiste, ce qui signifie que le séparateur est vertical et à droite du nom du projet. – Iason

Répondre

0

faire la première StackPanel verticale et mettre le contrôle du contenu et l'étiquette à l'intérieur un panneau de cheminée horizontal. quelque chose comme ceci:

<StackPanel> 
    <StackPanel Orientation="Horizontal"> 
     <ContentControl Content="{StaticResource Appbar_Suitcase}" /> 
     <Label Content="{Binding Name}"/> 
    </StackPanel> 

    <Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}" /> 
</StackPanel>