web-dev-qa-db-ja.com

WPFコントロール間にスペースを追加する

次のXAMLコードを使用して2つのボタンを作成しました。

<Button x:Name="Button1" Width="100" Content="Button1" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>
                        <Button x:Name="Button2" Width="100" Content="Button2" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>

2つのボタンは互いにしっかりと接触しています。それらの間にスペースを置く方法は？

注：ボタンは、水平方向のスタックパネル内にあります。

wpfxamlbuttonspacing
18
Shamim Hafiz

ボタンにマージンを追加する

<Button Margin="10" x:Name="Button1" Width="100" Content="Button1" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>
<Button Margin="10"  x:Name="Button2" Width="100" Content="Button2" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>

マージンは、各ボタンと他のコントロールの間に少なくともそれだけのスペースがあることを確認します

あなたが役に立つかもしれないものは、上、左、右、下で異なるマージン値を持つことができることです：

Margin="10,0,10,0"

ボタンを水平方向に離して配置しますが、垂直方向には小さくしません...

22
Russell Troywest

（何らかの理由で）ButtonのMarginプロパティを使用しない場合は、コントロール（この場合はButtons）の間に希望の幅（または/および高さ）の透明なセパレーター（透明な背景色）を配置できます。

Xamlの場合：

<StackPanel Orientation="Horizontal">
  <Button x:Name="Button1" Width="100" Content="Button1"/>
  <Separator Width="20" Background="Transparent"/>
  <Button x:Name="Button2" Width="100" Content="Button2"/>
</StackPanel>
19
honzakuzel1989