Fügen Sie ein Leerzeichen zwischen den Elementen in WPF - /Silverlight ListBox ohne Raum über der ersten oder unter der letzten

Gibt es ein standard/beste Weg, um Raum Elemente in einer WPF -ListBox, so dass es Raum zwischen den aufeinander folgenden Positionen, aber nicht über dem ersten oder unter dem letzten?

Mir, der offensichtlichste Weg, um die Abstände zu ändern, die ItemTemplate auf den Raum oberhalb, unterhalb oder beide oberhalb und unterhalb der einzelnen Artikel. Dies bedeutet natürlich, dass es Raum oberhalb/unterhalb der ersten und/oder letzten Element, auch, oder ein einzelnes Element.

Ich könnte Trigger verwenden, um zu wählen, verschiedene Vorlagen für Erster, letzter, zwischen-Elemente, aber Frage mich, ob es etwas einfacheres, dass ich bin fehlt-scheint mir, dass die Steuerung Abstand wäre eine häufige Anforderung.

Dank.

HINWEIS: ich arbeite in WPF, aber nehme an, dies ist ähnlich, wenn nicht identisch, die in Silverlight XAML.

InformationsquelleAutor Jay | 2010-03-22
  1. 11

    Was ich tun würde, ist, dass negative Marge auf das ListBox-Steuerelement-Vorlage, und geben Sie die gleiche Marge zu DataTemplate/ItemContainerStyle. die machen den Raum in der ersten und letzten Elemente. Überprüfen Sie die unten XAML. Statt der Einstellung in das DataTemplate, das ich gegeben habe-Marge auf die Schaltfläche(ListBoxItem) selbst.

       <Windows.Resources> 
     <ControlTemplate x:Key="ListBoxControlTemplate1" TargetType="{x:Type ListBox}">
        <Grid Background="{TemplateBinding Background}">
            <ItemsPresenter Margin="0,-5"/>
        </Grid>
       </ControlTemplate>
   </Window.Resources>


  <ListBox HorizontalAlignment="Center" VerticalAlignment="Center" Template="{DynamicResource ListBoxControlTemplate1}" Background="#FFAB0000">
        <Button Content="Button" Width="88" Margin="0,5"/>
        <Button Content="Button" Width="88" Margin="0,5"/>
        <Button Content="Button" Width="88" Margin="0,5"/>
        <Button Content="Button" Width="88" Margin="0,5"/>
        <Button Content="Button" Width="88" Margin="0,5"/>
    </ListBox>
    • Ich mag die Einfachheit dieser Lösung ist, aber eine negative Marge wirkt sich auf das layout, die Steuerung (in meinem Fall, schneiden Sie text-Inhalte). Stattdessen habe ich verwendet, negative oberen und unteren Padding auf die ListBox, um eine gute Wirkung.
    • Die Idee der negativen Polsterung ist ein wenig eingängig, aber es macht für eine wirklich einfache und simple Lösung.
    • Ja, müssen Sie machen es die richtige, die ich nur zeigte eine weniger Mühe, die Idee mit zu gehen. Was auch immer die Oberen und unteren Rand, die Sie wünschen, zu geben, um die child-Elemente, die gleiche, aber negative auf die ListBox.ControlTemplate visual.
    InformationsquelleAutor Jobi Joy
  2. 2

    Könnte man eine StyleSelector und weisen Sie auf die ItemContainerStyleSelector Eigenschaft. In der Stil-Auswahl, wählen Sie einfach einen anderen Stil auf der Grundlage, ob das Element den ersten, letzten oder andere

    • +1 vielen Dank; das ist eine gute Lösung; es ist nur mehr als ich will erforderlich sein, wenn die nur das styling Unterschied ist das umgebende Leerzeichen.
    InformationsquelleAutor Thomas Levesque
Schreibe einen Kommentar