it-swarm.com.ru

JavaFX Panel внутри Panel авторазмера

У меня есть приложение JavaFX, которое имеет только один файл FXML. В этом файле у меня есть один AnchorPane, внутри которого есть StackPane. Вот скриншот:

my panel inside panel application

Когда я запускаю это приложение, я хочу автоматически изменить размер StackPane с помощью AnchorPane. Таким образом, 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%;
}
44
Korki Korkig

После нескольких часов поиска и тестирования, наконец, получил его сразу после публикации вопроса!

Вы можете использовать команды "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>

Вот результат:

enter image description here

Для документации API: http://docs.Oracle.com/javafx/2/api/javafx/scene/layout/AnchorPane.html

72
Korki Korkig

Я проектировал графический интерфейс в SceneBuilder, пытаясь настроить основной контейнер для любого размера окна. Он всегда должен быть на 100% шириной.

Здесь вы можете установить эти значения в SceneBuilder:

AnchorPane Constraints in SceneBuilder

Переключение пунктирных/красных линий на самом деле просто добавляет/удаляет атрибуты, которые Корки разместил в своем решении (AnchorPane.topAnchor и т.д.).

14
Ginchen

Также смотрите здесь

@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.

9
Dean Chiu

Не нужно уступать.

просто выберите панель , щелкните правой кнопкой мыши затем выберите Подогнать к родителю

Он автоматически изменит размер панели до размера панели привязки.

0
Paragfalle

Если вы используете Scene Builder, вы увидите справа панель аккордеона, которая обычно имеет три параметра («Свойства», «Макет» и «Код»). Во втором («Макет») вы увидите опцию «Ограничения [родительского макета]» (в вашем случае «Ограничения AnchorPane»).

Вы должны поставить «0» на четырех сторонах элемента, который представляет родительский макет.

0
Fran Pastor

Это довольно просто, потому что вы используете FXMLBuilder

Просто следуйте этим простым шагам:

  1. Откройте файл FXML в FXMLBuilder.
  2. Выберите панель стека.
  3. Откройте вкладку Layout [левая боковая вкладка FXMLBuilder].
  4. Установите значение сторон, по которому вы хотите вычислить размер панели во время изменения размера этапа, как TOP, LEFT, RIGHT, BOTTOM.
0
Sandeep Kumar