StackPanelの場合：
<StackPanel>
<TextBox Height="30">Apple</TextBox>
<TextBox Height="80">Banana</TextBox>
<TextBox Height="120">Cherry</TextBox>
</StackPanel>子要素自体のサイズが異なっていても、それらの間に等しいサイズのギャップができるように、子要素を間隔を空けるための最良の方法は何ですか？個々の子のそれぞれにプロパティを設定せずに行うことはできますか？
回答:
コンテナ内のスコープに適用されるマージンまたはパディングを使用します。
<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>編集：2つのコンテナー間のマージンを再利用する場合は、マージンの値を外部スコープのリソースに変換できます。
<Window.Resources>
<Thickness x:Key="tbMargin">0,10,0,0</Thickness>
</Window.Resources>次に、この値を内部スコープで参照します
<StackPanel.Resources>
<Style TargetType="{x:Type TextBox}">
<Setter Property="Margin" Value="{StaticResource tbMargin}"/>
</Style>
</StackPanel.Resources>Button。
Labelあなたがこれでこれをしたいなら、Padding代わりに使う必要がありますMargin
別の素晴らしいアプローチをここで見ることができます：http : //blogs.microsoft.co.il/blogs/eladkatz/archive/2011/05/29/what-is-the-easiest-way-to-set-spacing-between- items-in-stackpanel.aspx リンクが壊れています-> これはウェブアーカイブですこのリンクのです。
次のような構文が機能するように、アタッチされた動作を作成する方法を示します。
<StackPanel local:MarginSetter.Margin="5">
<TextBox Text="hello" />
<Button Content="hello" />
<Button Content="hello" />
</StackPanel>これは、たとえ同じタイプでなくても、マージンをパネルの複数の子に設定する最も簡単で最速の方法です。（つまり、ボタン、テキストボックス、コンボボックスなど）
if (fe.ReadLocalValue(FrameworkElement.MarginProperty) == DependencyProperty.UnsetValue)実際に子のマージンを設定する前に、いくつかの要素のマージンを手動で指定できるように追加しました。
私はElad Katzの答えを改善しました。
例：
<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>ItemsControl変化するコレクションへのバインドなどで動的に追加/削除される場合は機能しません。親のLoadイベントが発生した瞬間からアイテムは静的であると想定しています。
本当にやりたいことは、すべての子要素をラップすることです。この場合は、アイテムコントロールを使用し、スタイルを設定したいすべてのプロパティに対して何百万ものプロパティが存在するという恐ろしい添付プロパティに頼らないでください。
<ItemsControl>
<!-- target the wrapper parent of the child with a style -->
<ItemsControl.ItemContainerStyle>
<Style TargetType="Control">
<Setter Property="Margin" Value="0 0 5 0"></Setter>
</Style>
</ItemsControl.ItemContainerStyle>
<!-- use a stack panel as the main container -->
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<!-- put in your children -->
<ItemsControl.Items>
<Label>Auto Zoom Reset?</Label>
<CheckBox x:Name="AutoResetZoom"/>
<Button x:Name="ProceedButton" Click="ProceedButton_OnClick">Next</Button>
<ComboBox SelectedItem="{Binding LogLevel }" ItemsSource="{Binding LogLevels}" />
</ItemsControl.Items>
</ItemsControl>
Margin="0 0 -5 0"）のマージンから間隔の量を引くと、リストの最後の項目の後の間隔も打ち消されます。
セルゲイの答えの+1。そして、それをすべてのStackPanelに適用したい場合は、これを行うことができます：
<Style TargetType="{x:Type StackPanel}">
<Style.Resources>
<Style TargetType="{x:Type TextBox}">
<Setter Property="Margin" Value="{StaticResource tbMargin}"/>
</Style>
</Style.Resources>
</Style>ただし、注意してください。App.xaml（またはApplication.Resourcesにマージされる別のディクショナリ）でこのようなスタイルを定義すると、コントロールのデフォルトスタイルをオーバーライドできます。スタックパネルのようなほとんど見た目が悪いコントロールの場合は問題ありませんが、テキストボックスなどの場合、幸運にもいくつかの回避策があるこの問題に遭遇する可能性があります。
Sergeyの提案に従って、Thicknessオブジェクトだけでなく、Style全体（Marginを含むさまざまなプロパティセッター）を定義して再利用できます。
<Style x:Key="MyStyle" TargetType="SomeItemType">
<Setter Property="Margin" Value="0,5,0,5" />
...
</Style>...
<StackPanel>
<StackPanel.Resources>
<Style TargetType="SomeItemType" BasedOn="{StaticResource MyStyle}" />
</StackPanel.Resources>
...
</StackPanel>ここでの秘訣は、暗黙的なスタイルのスタイル継承の使用であり、外部の（おそらく外部XAMLファイルからマージされた）リソースディクショナリのスタイルを継承していることに注意してください。
サイドノート：
最初は、暗黙のスタイルを使用して、コントロールのStyleプロパティをその外側のStyleリソース（たとえば、 "MyStyle"キーで定義されている）に設定しようとしました。
<StackPanel>
<StackPanel.Resources>
<Style TargetType="SomeItemType">
<Setter Property="Style" Value={StaticResource MyStyle}" />
</Style>
</StackPanel.Resources>
</StackPanel>これにより、https：//connect.microsoft.com/VisualStudio/feedback/details/753211/xaml-editor-window-failsで説明されているように、Visual Studio 2010がCATASTROPHIC FAILUREエラー（HRESULT：0x8000FFFF（E_UNEXPECTED））で直ちにシャットダウンしました-with-catastrophic-failure-when-a-style-tries-to-set-style-property＃
Grid.ColumnSpacing、Grid.RowSpacing、StackPanel.SpacingがUWPプレビューになりました。すべてがここで要求されているものをよりよく達成できるようになります。
これらのプロパティは現在、Windows 10 Fall Creators Update Insider SDKでのみ使用できますが、最終段階に入るはずです。
UniformGridはSilverlightでは使用できない場合がありますが、誰かがWPFから移植しました。http://www.jeff.wilcox.name/2009/01/uniform-grid/
私のアプローチはStackPanelを継承します。
使用法：
<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>必要なのは、次の短いクラスだけです。
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();
}
}
}