GridLayout (SWT) の使用

SWT コンテナーで GridLayout を使用すると、グリッド配置内でウィジェットを配置することができます。

このタスクについて

SWT GridLayout レイアウト・マネージャーはウィジェットを行と列に配置します。Visual Editor は、ウィジェットをグリッドに追加する際に、フィードバックを提供します。 ウィジェットを追加する場合、空のグリッド・セルに追加するか、またはグリッドに新規の行か列を追加することを強制し、新しいセル内にウィジェットを配置することもできます。 新規の行または列を追加する際は、必要に応じて「空」のセルが作成されます。 GridLayout がそれぞれのセルにウィジェットを含むことを要求するために、テキストを持たない充てん文字ラベルが追加され、実際には空のセルはテキストを持たない充てん文字ラベルを含んでいます。

Visual Editor はグリッド境界線と配置インディケーターを表示して、グリッド内のウィジェットの場所および他のウィジェットとの関連でウィジェットが配置される場所を判別するために役立ちます。グリッドの幅全体または高さ全体をスパンする黄色のバーは、行全体または列全体が追加されることを示しています。単一行または単一列をスパンする黄色のバーは、その行またはその列のみが影響を受けることを示しています。

SWT GridLayout

GridLayout 内のコンポーネントの追加または移動

手順

  1. GridLayout に追加するコンポーネントをパレットから選択するか、GridLayout 内の既存のコンポーネントを移動する場合にはそのコンポーネントをクリックおよびドラッグします。
  2. コンポーネントをドロップまたは移動する位置にマウス・ポインターを移動します。カーソルを移動すると、ビジュアル・フィードバックは、マウス・ボタンを放した場合のウィジェットの配置を示します。 黄色のバーが、新規の行または列が作成されることを示します。
  3. マウスをクリックまたは放して、選択した位置にコンポーネントをドロップします。配置によって、Visual Editor はウィジェットを移動し、必要に応じて行または列を作成します。

表 1. ドロップの配置と結果の例
カーソル位置とフィードバック 結果
空のセル内に配置されたカーソル:
SWT GridLayout
ウィジェットがセルに追加されました。
SWT GridLayout
水平グリッド境界線に配置されたカーソル:
SWT GridLayout
ウィジェットが新規の行のセルに追加されました。
SWT GridLayout
垂直グリッド境界線に配置されたカーソル:
SWT GridLayout
ウィジェットが新規の列のセルに追加されました。
SWT GridLayout
単一行の垂直グリッド境界線に配置されたカーソル:
SWT GridLayout
ウィジェット (CLabel) がセルに追加され、行内のほかのウィジェットは移動されます。
SWT
GridLayout

グリッドのセル内でのコンポーネントの位置合わせの設定

手順

  1. コンポーネントを右マウス・ボタンでクリックし、「レイアウトのカスタマイズ」を選択します。 「レイアウトのカスタマイズ」ダイアログが開きます。
  2. 「コンポーネント」ページの「位置合わせ」セクションで、コンパス・ボタンの 1 つを選択して、コンポーネントを位置合わせします。例えば、「NW」(左斜め上) ボタンをクリックした場合、コンポーネントは、グリッド・セルの左上隅に位置合わせされます。
  3. マウスをクリックまたは放して、選択した位置にコンポーネントをドロップします。GridLayout では、別のアイテムの左右にのみ、アイテムを配置することができます。列数と、他のコンポーネントが複数の列にスパンするかどうかによって、Visual Editor はウィジェットを移動し、必要に応じて行を作成します。
  4. オプション: コンポーネントの置かれた行または列が、強制的にコンテナー内に余分のスペースを獲得させるには、「水平に塗りつぶす」または「垂直に塗りつぶす」ボタンをクリックします。 複数の行または列が余分なスペースを取り込んだ場合は、それらの行または列によって超過スペースが均等に分割されます。

グリッド・セルでのウィジェットのスパン

このタスクについて

複数のグリッド・セルにウィジェットをスパンするには、以下のステップのいずれかを行います。

手順

グリッドでの列と行の数の指定

このタスクについて

ウィジェットを追加するか移動した場合、列と行の数は動的に変更します。 また、手動で列の数を指定することもできます。

手順

  1. 「設計」ビューで、Fill レイアウトを使用するコンテナーを選択します。
  2. 「レイアウトのカスタマイズ」 「レイアウトのカスタマイズ」ツールバー・ボタン ツールバー・ボタンをクリックします。
    「レイアウトのカスタマイズ」ダイアログが開きます。
  3. 「レイアウト」ノートブック・タブで、「列数」フィールドに新規の値を入力します。
  4. オプション: 「桁を等しい幅にする」チェック・ボックスを選択すると、すべての Grid 桁の幅を、強制的に同じにすることができます。

フィードバック