ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする

WPFのウィンドウコントロールにアライメントを設定する手順を紹介します。

手順

WPFアプリケーションを作成し、フォームデザイナでフォームを編集します。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像1

今回の例ではTextBoxを配置します。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像2

TextBoxをウィンドウ全体に広げます。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像3

アライメントが設定されていない状態では、フォームの大きさを変更しても、TextBoxのサイズは変わりません。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像4
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像5


TextBoxコントロールの周囲にある、鎖状のアイコンをクックします。下側のアイコンをクリックします。鎖状のアイコンが外れている状態がつながった状態に変わります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像6

右側のアイコンをクリックします。鎖状のアイコンが外れている状態がつながった状態に変わります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像7

4辺の鎖状のアイコンがつながっている状態でウィンドウのサイズを変更すると、TextBoxがウィンドウサイズに追従してサイズが変わります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像8
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像9
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像10

プロパティウィンドウでの設定手順

フォームデザイナの鎖アイコンのクリック以外にも、プロパティウィンドウの[レイアウト]カテゴリの項目でも設定できます。

フォームデザイナを表示し、設定を変更するコントロールをクリックして選択します。右下の[プロパティ]ウィンドウの[レイアウト]セクションの[HorizontalAlignment][VertticalAlignment]の項目で変更します。左と上の辺がリンクされている場合は、[HorizontalAlignment][VertticalAlignment]の左端のアイコンが選択状態になります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像11

コントロールの下辺がリンクされている場合は、[VertticalAlignment]の右から2番目のアイコンが選択状態になります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像12

コントロールの右辺がリンクされている場合は、[HorizontalAlignment]の右から2番目のアイコンが選択状態になります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像13

コントロールの左右がリンクされている場合は、[HorizontalAlignment]の一番右のアイコンが選択状態になります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像14

コントロールの上下がリンクされている場合は、[VertticalAlignment]の一番右のアイコンが選択状態になります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像15

コントロールの上下、左右がリンクされていない場合は、[HorizontalAlignment][VertticalAlignment]の左から2番目のアイコンが選択状態になります。
ウィンドウコントロールにアライメントを設定する - ウィンドウコントロール に Anchor と同様の設定をする:画像16

AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2016-06-15
Copyright © 1995–2025 iPentec all rights reserverd.