ビデオ: JavaFX Tutorials part 009 layout borderpane gridpane vbox hbox flowpane tilepane anchorpane 2024
JavaFXの アンカーペイン は、ペインのエッジの1つを基準にしてノードを配置できるという点でボーダーペインと似ています。ただし、いくつかの重要な違いがあります。
-
枠線区画では、レイアウト領域は、上、右、下、左、中央の5つの別個の領域に分かれています。アンカーペインは、レイアウトを別の領域に分割しません。代わりに、レイアウト内のすべてのノードを、レイアウト領域の4つのエッジの1つ以上に結びつけるか、またはアンカーすることができます(999)。ノードがエッジに固定されている場合、アンカーペインは、他のノードを許可した後、そのエッジに可能な限り近い位置にノードを配置します。 <! - 1 - > ノードを複数のエッジに固定することができます。たとえば、ノードを右端と右端に固定して、ノードをレイアウトの右上隅に配置することができます。ノードが反対側のエッジ(上下および左右)に固定されている場合、ノードはレイアウトの両端に引き寄せられる。この結果、レイアウトのサイズが大きくなるにつれてノードが引き伸ばされます。
<! - 2 - > -
複数のノードを各エッジに固定できます。その場合、ノードはスタックペインの場合と同じようにオーバーラップします。
-
次の表は、アンカーパネルの作成に使用するAnchorPaneクラスのコンストラクタとメソッドを示しています。
コンストラクタ -
説明
AnchorPane()
空のアンカーペインを作成します。 | AnchorPane(Node … children) |
---|---|
指定された子ノードを持つアンカーペインを作成します。 | メソッド |
説明 | ObservableList |
getChildren() | アンカーペインに追加されたすべての子ノードのコレクションを返します。コレクションはObservableList型として返されます。この型には、 |
addおよびaddAll、
メソッドが含まれています。これにより、1つまたは複数のノードをリストに追加できます。 |
static void setTopAnchor(Node node、Double
value) 指定されたノードを上端にアンカーします。 値 |
は、エッジからのオフセットを示します。
static void setRightAnchor(Node node、Double |
value) 指定されたノードを右端にアンカーします。
値 |
は、エッジからのオフセットを示します。
static void setBottomAnchor(Node node、 |
Double value) 指定されたノードを下端までアンカーします。
値 |
は、エッジからのオフセットを示します。
static void setLeftAnchor(Node node、Double |
value) 指定されたノードを左端にアンカーします。
値 |
は、エッジからのオフセットを示します。
void setMinHeight(double value) |
アンカーペインの最小高さを設定します。 void setMaxHeight(double value)
アンカーペインの最大高さを設定します。 |
void setPrefHeight(double value) | アンカーペインの適切な高さを設定します。 |
void setMinWidth(double value) | アンカーペインの最小幅を設定します。 |
void setMaxWidth(double value) | アンカーペインの最大幅を設定します。 |
void setPrefWidth(double value) | アンカーペインの適切な幅を設定します。 |
void setPadding(Insets value) | スタック |
ペインの内側の端にパディングを設定します。 |
|
アンカーペインを作成するには、AnchorPaneコンストラクターを呼び出して、追加するノードを渡します。例: | 長方形r1 =新しい長方形(400,200); r1。 setFill(カラー。ライトグレー);矩形r2 =新しい矩形(200,400); r2。 setFill(カラー。ダークグレー); AnchorPaneアンカー=新しいアンカーパネル(r1、r2);
ここでは、1つの400×200、もう1つの200×400の対の矩形が作成されます。 1つはライトグレー、もう1つはダークグレーです。次に、アンカーペインが作成され、2つの長方形が追加されます。 |
次に、setTopAnchor、setRightAnchor、setBottomAnchor、およびsetLeftAnchorメソッドを使用して、ノードをアンカーペインの端に固定します。これらの各メソッドは、アンカーするノードと、エッジから一定の距離をアンカーできるオフセット値の2つのパラメータを受け取ります。
たとえば、矩形r1を上端と左端に、長方形r2を上端と右端に固定するには、次の行を使用します。
<! - 3 - >
アンカー。 setTopAnchor(r1,0,0);アンカー。 setLeftAnchor(r1,0,0);アンカー。 setTopAnchor(r2、0);アンカー。 setRightAnchor(r2、0);シーンに表示されたときのこのアンカーパネルの表示方法を次に示します。
アンカーペインに表示される2つの長方形。
図1の上部にあるウィンドウは、最初にこのペインが表示されたときの表示方法を示しています。ここでは、明るい灰色の矩形がレイアウトの左上隅に固定され、濃い灰色の矩形が右上隅に固定されている様子を確認できます。アンカーパネルは、その内容物がぴったりとはまるように最初にサイズが決められている。その結果、濃い灰色の矩形が明るい灰色の矩形と重なって表示されます。図の下部にあるウィンドウは、ユーザーがウィンドウを伸ばしたときにレイアウトがどのように表示され、アンカーレイアウトペインが拡大するかを示しています。アンカーペインの幅が広がると、ライトグレーの矩形はレイアウトの左上隅に、濃いグレーの矩形はペインの右上隅に配置されたままになります。従って、矩形は分離する。