[WPF][Grid] コントロールの配置位置を設定する

スポンサーリンク

概要

この記事では、WPFにおいて、HorizontalAlignmentおよびVerticalAlignmentプロパティを使用して、コントロールの配置位置を調整する方法を解説します。

構文

HorizontalAlignmentおよびVerticalAlignmentプロパティは、XAMLでコントロールを配置する際に使用します。これらのプロパティはそれぞれ水平方向と垂直方向の配置を指定します。

たとえば、Button コントロールの配置位置を設定するには、以下の構文を使用します。

<Button Content="配置されるボタン" 
                HorizontalAlignment="Left" VerticalAlignment="Top" />

HorizontalAlignment

HorizontalAlignmentは水平方向の配置位置を設定するプロパティです。以下に設定可能な値を示します。

説明
Left 要素を左端に配置します。
Center 要素を中央に配置します。
Right 要素を右端に配置します。
Stretch 要素を親コンテナに合わせて伸縮させます。

VerticalAlignment

VerticalAlignmentは垂直方向の配置位置を設定するプロパティです。以下に設定可能な値を示します。

説明
Top 要素を上端に配置します。
Center 要素を中央に配置します。
Bottom 要素を下端に配置します。
Stretch 要素を親コンテナに合わせて伸縮させます。

使用例

以下は、ボタンを右中央に配置する例です。

XAMLのコード例

<Button Content="ボタン" Grid.Row="1" Grid.Column="1" 
        HorizontalAlignment="Right" VerticalAlignment="Center" 
        Width="100" Height="50"/>

コードビハインドのコード例

// コードビハインドでは対応するプロパティに値をセットすることで配置を指定
button.HorizontalAlignment = HorizontalAlignment.Right;
button.VerticalAlignment = VerticalAlignment.Center;
実行例

実行例

Please follow and like us:

コメント

タイトルとURLをコピーしました