２４その他の配置手段（座標配置と格子配置）

今までは「並べ配置」と言うスタイルで、上から下へ、あるいは左から右へと順序良くウィジェットを並べていくものでした。（並べ配置については配置の基礎、配置の詳しい解説を参照）

複数のウィジェットを単純に縦あるいは横に並べるには向いている配置方法でしたが、少し複雑な配置に対しては、フレームを使うなど手間がかかる面があります。そのような場面では、別の配置機構である「座標配置」と「格子配置」を使うと簡単に実現できることがあり、本章ではそれらについて解説をおこないます。

座標配置

　図形の描画のように、座標を指定してウィジェットを配置する仕組みです。
　正確には、ウィンドウ（またはフレーム）の左上隅を 0, 0 とするようなピクセル単位の座標で位置を指定するものです。
　座標の指定方法には２通りあり、30, 20 のような座標指定のほか、小数点を使い、0.3, 0.5 のような指定も可能です。ウィンドウ右下隅を 1.0 , 1.0 とみなすような比例計算となります。

　座標配置では、並べ配置のときのような配置ＩＤという概念はありません。対象となるウィジェットに直接働きかけて配置をする方式であるため、別に配置用のＩＤを持つ必要はありません。

■座標配置を利用時のウィンドウサイズ

　座標配置を使う場合、ウィンドウ（またはフレーム）のサイズを明示することを勧めます。もちろん、並べ配置の時と同様に、ウィンドウはウィジェットに連動して自動的かつ適切に開きますが、ウィジェットの座標を明示している以上、ウィンドウサイズ（またはフレームサイズ）も明示したほうが全体として見通しが良くなります。

■座標配置を準備（必須）

構文＝

＜ウィジェットＩＤ＞を　座標配置を準備　→　・

　　　　　　　　注：複数のウィジェットがある場合、それぞれ
　　　　　　　　　　のウィジェットに上記を施してください

プログラム例：

　　　　ラベル１を　座標配置を準備し

　指定したウィジェットの座標配置の手続きを開始します。そのウィジェットについての属性設定が途中になっているとエラーになるので、属性設定は完了した段階で使ってください。たとえば次のようなケースです。

　　　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣＼
　　　　（誤）
　　　　○○とは
　　　　　　　　・・で　ラベルのＩＤを取得し　ラベル１に　入れ
　　　　　　　　ラベル１を　座標配置を準備し　　←誤り（「有効化」の前は誤り）
　　　　　　　　ラベル１を　有効化し

　　　　（正）
　　　　○○とは
　　　　　　　　・・で　ラベルのＩＤを取得し　ラベル１に　入れ
　　　　　　　　ラベル１を　有効化し
　　　　　　　　ラベル１を　座標配置を準備し
　　　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿／

＜ウィジェットＩＤ＞を　座標配置する　→　・　　　　　　　　注：複数のウィジェットがある場合、それぞれ　　　　　　　　　　のウィジェットに上記を施してください

＜基準点指示＞を　＜ウィジェットＩＤ＞に　基準点を設定　→　・　　　基準点として以下のいずれかのシンボルを記述（文字列定数）　　　　　　　　　　上端　　　　　　　　　　下端　　　　　　　　　　左端　　　　　　　　　　右端　　　　　　　　　　左上隅　　　　←デフォルト　　　　　　　　　　左下隅　　　　　　　　　　右上隅　　　　　　　　　　右下隅　　　　　　　　　　中央

＜Ｘサイズ＞と　＜Ｙサイズ＞を
　　　　　　　＜ウィジェットＩＤ＞に　ウィジェットのサイズを設定　→　・

＜Ｘサイズ＞を
　　　　　　　＜ウィジェットＩＤ＞に　ウィジェットの幅を設定　　→　・

＜Ｙサイズ＞を
　　　　　　　＜ウィジェットＩＤ＞に　ウィジェットの高さを設定　→　・

　　　　　　　　　注１：サイズの単位はピクセルです

　　　　　　　　　注２：「座標配置を準備」の後でおこなってください。
　　　　　　　　　　　　（前ではエラーにならないものの正しく動作しません）

＜ウィジェットＩＤ＞を　格子配置を準備　→　・　　　　　　　　注：複数のウィジェットがある場合、それぞれ　　　　　　　　　　のウィジェットに上記を施してください

　　　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣＼　　　　（誤）　　　　○○とは　　　　　　　　・・で　ラベルのＩＤを取得し　ラベル１に　入れ　　　　　　　　ラベル１を　格子配置を準備し　　←誤り（「有効化」の前は誤り）　　　　　　　　ラベル１を　有効化し　　　　（正）　　　　○○とは　　　　　　　　・・で　ラベルのＩＤを取得し　ラベル１に　入れ　　　　　　　　ラベル１を　有効化し　　　　　　　　ラベル１を　格子配置を準備し　　　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿／

＜ウィジェットＩＤ＞を　格子配置する　→　・　　　　　　　　注：複数のウィジェットがある場合、それぞれ　　　　　　　　　　について上記をおこなってください

＜行数＞を　＜ウィジェットＩＤ＞に　行結合を設定　→　・＜列数＞を　＜ウィジェットＩＤ＞に　列結合を設定　→　・　　　　　　　　　　　　注：両者を併用できます

＜寄せ指定＞を　＜ウィジェットＩＤ＞に　寄せを設定　→　・

　　　　　寄せ指定：以下のいずれかの単語名を指定してください。
　　　　　　　　西寄せ
　　　　　　　　北西寄せ
　　　　　　　　北寄せ
　　　　　　　　北東寄せ
　　　　　　　　東寄せ
　　　　　　　　南東寄せ
　　　　　　　　南寄せ
　　　　　　　　南西寄せ
　　　　　　　　中央寄せ　　　←デフォルト
　　　　　　　　－－－－－
　　　　　　　　東西伸ばし　　←ここから先は格子配置のみで使う
　　　　　　　　南北伸ばし
　　　　　　　　東西南北伸ばし

＜Ｘサイズ＞と　＜Ｙサイズ＞を＜ウィジェットＩＤ＞に内側パディングを設定　→ ・＜Ｘサイズ＞を＜ウィジェットＩＤ＞に内側パディングの幅を設定　 → ・＜Ｙサイズ＞を＜ウィジェットＩＤ＞に内側パディングの高さを設定 → ・　　　　　　　　　　注：サイズの単位はピクセル

＜Ｘサイズ＞と　＜Ｙサイズ＞を＜ウィジェットＩＤ＞に外側パディングを設定　→ ・＜Ｘサイズ＞を　＜ウィジェットＩＤ＞に　外側パディングの幅を設定　　→　・＜Ｙサイズ＞を　＜ウィジェットＩＤ＞に　外側パディングの高さを設定　→　・　　　　　　　　　　注：サイズの単位はピクセル

（ステップ１）　　　　＜行番号＞を　　　　　＜親ウィジェットＩＤ＞に　親に対し行属性を設定準備　→　・　　　　 --または-- 　　　　＜列番号＞を　　　　　＜親ウィジェットＩＤ＞に　親に対し列属性を設定準備　→　・（ステップ２）　　　　・・・を　＜親ウィジェットＩＤ＞に　親に対し・・を設定し　　　　・・・を　＜親ウィジェットＩＤ＞に　親に対し・・を設定し（ステップ３）　　　　＜親ウィジェットＩＤ＞を　変更を反映

２行目を　メインウィンドウに　親に対し行属性を設定準備し１を　　　メインウィンドウに　親に対し行・列のウェイトを設定しメインウィンドウを　変更を反映する

（ステップ１）
＜行番号＞から　＜行番号＞までを
　　　　　＜親ウィジェットＩＤ＞に　親に対する行範囲の属性を設定準備　→　・
      　　　　            --または--
＜列番号＞から　＜列番号＞までを
　　　　　＜親ウィジェットＩＤ＞に　親に対する列範囲の属性を設定準備　→　・

（ステップ２）
　　　　・・・を　＜親ウィジェットＩＤ＞に　親に対し・・を設定し
　　　　・・・を　＜親ウィジェットＩＤ＞に　親に対し・・を設定し

（ステップ３）
　　　　＜親ウィジェットＩＤ＞を　変更を反映

１行目から　２行目を　メインウィンドウに　親に対する行範囲の属性を設定準備し１を　　　　　　　　　メインウィンドウに　親に対し行・列のウェイトを設定しメインウィンドウを　変更を反映する

＜ウェイト＞を　＜親ウィジェットＩＤ＞に　親に対し行・列のウェイトを設定　→　・　　　　　　　　　注：ウェイトは１以上の整数で、比率を表す

＜行番号＞を　＜親ウィジェット＞に　親に対し行属性を取り除く　→　・＜行番号＞から　＜行番号＞までを　　　　　　　　　　　＜親ウィジェット＞に　親に対し行範囲の属性を取り除く　→　・

＜列番号＞を　＜親ウィジェット＞に　親に対し列属性を取り除く　→　・＜列番号＞から　＜列番号＞までを　　　　　　　　　　　＜親ウィジェット＞に　親に対し列範囲の属性を取り除く　→　・

grid-4cell-weight-no.exe: ウェイト無し
grid-4cell-weight-1and2.exe: ウェイト有り（1対2）
grid-4cell-weight-1and2-stickey.exe: ウェイト有り（1対2）・寄せを設定
grid-9cell-span.exe: 行・列の結合
grid-complex.exe: すべての格子配置の機能をテスト(どのような機能があるかは、メニューでご覧ください)
listbox-multi.exe: 少し複雑な格子配置

一見すると格子状には見えませんが格子配置がうまく使われています。
ウィジェットの大きさがまちまちでも、このようにまとめることができます。
これと類似のlistbox.exeと見比べてください。listbox.exeでは並べ配置で実現していますが、こちらは格子配置を使っています。同じように見えるものでも違う配置手段が使える例としてご覧ください。