Comment dois-je espacer les éléments enfants d'un StackPanel?

Utilisation de la Marge ou du Rembourrage, appliquée à la portée à l'intérieur du conteneur:

<StackPanel>
    <StackPanel.Resources>
        <Style TargetType="{x:Type TextBox}">
            <Setter Property="Margin" Value="0,10,0,0"/>
        </Style>
    </StackPanel.Resources> 
    <TextBox Text="Apple"/>
    <TextBox Text="Banana"/>
    <TextBox Text="Cherry"/>
</StackPanel>

EDIT: Dans le cas où vous souhaitez ré-utiliser la marge entre les deux récipients, vous pouvez convertir la valeur de la marge à une ressource à l'extérieur de son champ d'application, f.e.

<Window.Resources>
    <Thickness x:Key="tbMargin">0,10,0,0</Thickness>
</Window.Resources>

et reportez-vous ensuite à cette valeur dans l'intérieur de la portée

<StackPanel.Resources>
    <Style TargetType="{x:Type TextBox}">
        <Setter Property="Margin" Value="{StaticResource tbMargin}"/>
    </Style>
</StackPanel.Resources>

J'ai amélioré sur Elad Katz réponse.

• Ajouter LastItemMargin propriété MarginSetter pour traiter spécifiquement le dernier élément
• Ajouter un Espacement de la propriété attachée Verticale et Horizontale avec des propriétés qui ajoute de l'espace entre les éléments verticaux et horizontaux des listes et élimine toute fuite de la marge à la fin de la liste

Code Source dans les gist.

Exemple:

<StackPanel Orientation="Horizontal" foo:Spacing.Horizontal="5">
  <Button>Button 1</Button>
  <Button>Button 2</Button>
</StackPanel>

<StackPanel Orientation="Vertical" foo:Spacing.Vertical="5">
  <Button>Button 1</Button>
  <Button>Button 2</Button>
</StackPanel>

<!-- Same as vertical example above -->
<StackPanel Orientation="Vertical" foo:MarginSetter.Margin="0 0 0 5" foo:MarginSetter.LastItemMargin="0">
  <Button>Button 1</Button>
  <Button>Button 2</Button>
</StackPanel>

+1 pour Sergey réponse. Et si vous souhaitez appliquer qu'à tous vos StackPanels vous pouvez faire ceci:

<Style TargetType="{x:Type StackPanel}">
    <Style.Resources>
        <Style TargetType="{x:Type TextBox}">
            <Setter Property="Margin" Value="{StaticResource tbMargin}"/>
        </Style>
    </Style.Resources>
</Style>

Mais méfiez-vous: si vous définissez un style de ce genre dans votre Application.xaml (ou un autre dictionnaire qui est fusionné dans l'Application.Ressources), il peut remplacer le style par défaut de la commande. Pour la plupart des lookless contrôles comme le stackpanel il n'est pas un problème, mais pour les zones de texte, etc vous pouvez tomber sur ce problème, qui, heureusement, a quelques solutions de contournement.

De la grille.ColumnSpacing, De la grille.RowSpacing, StackPanel.L'espacement sont maintenant sur UWP aperçu, toutes les permettra de mieux réaliser ce qui est demandé ici.

Ces propriétés sont actuellement uniquement disponible avec Windows 10 à l'Automne Créateurs de mise à Jour d'Initié SDK, mais doit se rendre à la finale de bits!

Mon approche hérite StackPanel.

Utilisation:

<Controls:ItemSpacer Grid.Row="2" Orientation="Horizontal" Height="30" CellPadding="15,0">
    <Label>Test 1</Label>
    <Label>Test 2</Label>
    <Label>Test 3</Label>
</Controls:ItemSpacer>

Tout ce qui est nécessaire est la suivante: classe

using System.Windows;
using System.Windows.Controls;
using System;

namespace Controls
{
    public class ItemSpacer : StackPanel
    {
        public static DependencyProperty CellPaddingProperty = DependencyProperty.Register("CellPadding", typeof(Thickness), typeof(ItemSpacer), new FrameworkPropertyMetadata(default(Thickness), FrameworkPropertyMetadataOptions.BindsTwoWayByDefault, OnCellPaddingChanged));
        public Thickness CellPadding
        {
            get
            {
                return (Thickness)GetValue(CellPaddingProperty);
            }
            set
            {
                SetValue(CellPaddingProperty, value);
            }
        }
        private static void OnCellPaddingChanged(DependencyObject Object, DependencyPropertyChangedEventArgs e)
        {
            ((ItemSpacer)Object).SetPadding();
        }

        private void SetPadding()
        {
            foreach (UIElement Element in Children)
            {
                (Element as FrameworkElement).Margin = this.CellPadding;
            }
        }

        public ItemSpacer()
        {
            this.LayoutUpdated += PART_Host_LayoutUpdated;
        }

        private void PART_Host_LayoutUpdated(object sender, System.EventArgs e)
        {
            this.SetPadding();
        }
    }
}