Конструктор форм JavaFX Scene Builder в Intellij IDEA

Данный урок более справочный чем учебный, но мало кто знает о том, что в Intellij IDEA можно использовать JavaFX Builder. В этом уроке мы рассмотрим как это сделать.

Шаг 1

Создаем новый проект:

Обратите внимание что мы выбрали JavaFX Application.

Шаг 2

Теперь заходим на этот сайт и скачиваем Scene Builder 1.1, и потом устанавливаем.

Далее заходи в наш проект и по файлу sample.fxml нажимаем правой кнопкой мыши.

После этого выберите установленный Scene Builder:

После этого откроется Scene Builder.

Шаг 3

Изначально наш sample.fxml имел следующее содержимое:

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

<?import javafx.scene.layout.AnchorPane?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" 
            minHeight="-Infinity" minWidth="-Infinity"
            prefHeight="400.0" prefWidth="600.0" 
            xmlns:fx="http://javafx.com/fxml" fx:controller="sample.Controller">

</AnchorPane>

После того как мы откроем её в Scene Builder и добавим несколько элементов:

В итоге файл sample.fxml будет иметь следующую структуру:

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

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" 
            minHeight="-Infinity" minWidth="-Infinity" prefHeight="184.0" 
            prefWidth="203.0" xmlns:fx="http://javafx.com/fxml" fx:controller="sample.Controller">
  <children>
    <Button layoutX="14.0" layoutY="149.0" mnemonicParsing="false" prefWidth="81.0" text="Cancel" />
    <Button layoutX="108.0" layoutY="149.0" mnemonicParsing="false" prefWidth="81.0" text="Login" />
    <Label layoutX="14.0" layoutY="22.0" text="Login:" />
    <PasswordField layoutX="8.0" layoutY="101.0" prefWidth="187.0" />
    <TextField layoutX="8.0" layoutY="45.0" prefWidth="187.0" />
    <Label layoutX="14.0" layoutY="81.0" text="Password:" />
  </children>
</AnchorPane>

Шаг 4

Теперь давайте запустим наш проект и посмотрим, что же получилось:

Урок создан: 22 сентября 2013 | Просмотров: 30696 | Автор: Александр Барчук | Правила перепечатки


Добавить комментарий

Добавить комментарий

Ваш e-mail не будет опубликован.

Комментарии:

  • 30 сентября 2013 в 23:10

    Mira

    Добрый день!
    А как быть если в окошке «New Project» нет вкладки «JavaFX Application» ?? У меня Intellij IDEA 12 Ultimate.
    Спасибо.

  • 26 мая 2015 в 18:36

    Эдуард

    Добрый день. В IDEA есть свой GUI Desinger он работает по технологии Swing? можно ли как нибудь настроить его на работу под JavaFX? Потому что ScreenBuilder встраивается крайне коряво и проще запускать его отдельным ПО и работать в нем — там по крайней мере всё работает. Но IntelliJ GUI Desinger мне все равно показался более шустрым и дружелюбным.

  • 18 сентября 2015 в 00:02

    OmenRa

    а каким образом привязать поля? это же просто шкурка, без смысловой нагрузки

    • 18 марта 2016 в 04:01

      Аноним

      JavaFX Scene Builder КОНСТРУКТОР ФОРМ! А вот привязать поля формы к логике приложения, это как раз Ваша задача как программиста!

  • 01 февраля 2016 в 23:25

    zheads

    А как исправить то что, при первоначальном переключении на вкладку Scene Builder ввел неправильный путь до JavaFX Scene Builder?

    • 21 апреля 2016 в 21:15

      Аноним

      Зайди в настройки введи в поле поиска «scene». Там очисти поле Path