49

FXMLファイルが1つしかないJavaFXアプリケーションがあります。このファイルには、StackPaneを含むAnchorPaneが1つあります。スクリーンショットは次のとおりです。

パネルアプリケーション内の私のパネル

このアプリケーションを起動するときに、AnchorPaneを使用してStackPaneのサイズを自動的に変更したいと思います。したがって; StackPaneは、現在使用可能な幅と高さを自動的に取得します。アプリケーションのサイズを変更した時点で、AnchorPaneは自動的にサイズ変更されていますが、StackPaneは固定サイズのままです。

StackPaneのサイズを自動的に変更し、親パネル内で完全に引き伸ばすにはどうすればよいですか？

私のコード

Main.java

package app;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

  public static void main(String[] args) {
      Application.launch(args);
  }

  @Override
  public void start(Stage stage) throws Exception {
      Parent root = FXMLLoader.load(getClass().getResource("Main.fxml"));
      Scene scene = new Scene(root,800,600);
      scene.getStylesheets().add(this.getClass().getResource("/app/style1.css").toExternalForm());
      stage.setScene(scene);
      stage.show();
  }
}

MainController.java

package app;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.StackPane;

public class MainController implements Initializable {

   @FXML
   private AnchorPane anchorPane;
   @FXML
   private StackPane stackPane;

   @Override
   public void initialize(URL url, ResourceBundle rb) {
     stackPane.setPrefSize(anchorPane.getPrefWidth(), anchorPane.getPrefHeight()); //didn't work
   }    
}

Main.fxml

<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane fx:id="anchorPane" xmlns:fx="http://javafx.com/fxml" fx:controller="app.MainController">
    <StackPane fx:id="stackPane" ></StackPane>
</AnchorPane>

style1.css

#anchorPane { 
    -fx-border-width: 2px;
    -fx-border-color: chartreuse;
}
#stackPane {
    -fx-border-width: 2px;
    -fx-border-color: red;

    /* didn't work */
   -fx-hgap: 100%;
   -fx-vgap: 100%;
}
4

6 に答える 6

84

何時間もの検索とテストの後、質問を投稿した直後にようやくそれを手に入れました！

「AnchorPane.topAnchor、AnchorPane.bottomAnchor、AnchorPane.leftAnchor、AnchorPane.rightAnchor」fxmlコマンドを値「0.0」で使用して、AnchorPane内の子要素をフィット/ストレッチ/整列できます。したがって、これらのコマンドは、サイズ変更中に親に従うように子要素に指示します。

更新したコードMain.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane fx:id="anchorPane" xmlns:fx="http://javafx.com/fxml" fx:controller="app.MainController">
    <!--<StackPane fx:id="stackPane" ></StackPane>--> <!-- replace with the following -->
    <StackPane fx:id="stackPane" AnchorPane.topAnchor="0.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" ></StackPane>
</AnchorPane>

結果は次のとおりです。

ここに画像の説明を入力してください

APIドキュメントの場合：http：//docs.oracle.com/javafx/2/api/javafx/scene/layout/AnchorPane.html

于 2013-03-05T12:59:14.633 に答える
15

私はSceneBuilderでGUIを設計し、メインコンテナをウィンドウサイズに適応させようとしていました。常に100％幅である必要があります。

ここで、SceneBuilderでこれらの値を設定できます。

SceneBuilderのAnchorPaneコンストレイント

点線/赤線を切り替えると、実際には、Korkiがソリューションに投稿した属性（AnchorPane.topAnchorなど）が追加/削除されます。

于 2013-11-18T13:13:08.260 に答える
10

こちらもご覧ください

@FXML
private void mnuUserLevel_onClick(ActionEvent event) {
    FXMLLoader loader = new FXMLLoader(getClass().getResource("DBedit.fxml"));
    loader.setController(new DBeditEntityUserlevel());

    try {
           Node n = (Node)loader.load();
           AnchorPane.setTopAnchor(n, 0.0);
           AnchorPane.setRightAnchor(n, 0.0);
           AnchorPane.setLeftAnchor(n, 0.0);
           AnchorPane.setBottomAnchor(n, 0.0);
           mainContent.getChildren().setAll(n);
    } catch (IOException e){
           System.out.println(e.getMessage());
    }
}

シナリオは、子fxmlを親AnchorPaneにロードすることです。子を親に合わせて伸ばすには、AnChorPane.setxxxAnchorコマンドを使用します。

于 2014-03-09T01:46:35.910 に答える
1

割譲する必要はありません。

ペインを選択し、右クリックして、 [親に合わせる]を選択します。

ペインのサイズをアンカーペインのサイズに自動的に変更します。

于 2017-11-14T05:08:16.060 に答える
0

FXMLBuilderを使用しているため、非常に簡単です。

次の簡単な手順に従ってください。

  1. FXMLファイルをFXMLBuilderで開きます。
  2. スタックペインを選択します。
  3. [レイアウト]タブ[FXMLBuilderの左側のタブ]を開きます。
  4. TOP、LEFT、RIGHT、BOTTOMのように、ステージのサイズ変更中にペインサイズを計算する辺の値を設定します。
于 2014-10-14T05:20:05.300 に答える
0

Scene Builderを使用している場合は、右側にアコーディオンパネルが表示されます。このパネルには、通常3つのオプション（「プロパティ」、「レイアウト」、「コード」）があります。2番目のオプション（「レイアウト」）には、「[親レイアウト]制約」（この場合は「AnchorPaneConstrainsts」）というオプションが表示されます。

親レイアウトを表す要素の4辺に「0」を入力する必要があります。

于 2014-12-18T08:37:32.320 に答える