Как создать javafx приложение в intellij idea
От автора: разработка на «кофейном» языке все больше склоняется к созданию приложений на основе различных платформ. Именно потому запрос в Google «JavaFX IntelliJ IDEA уроки» является весьма популярным среди веб-разработчиков. С одной стороны, это возможность работать с одной из самых мощных платформ, которая обеспечивает едва ли ни каждую вторую программу с ярким интерфейсом. С другой — возможности разработки в IntelliJ IDEA привлекают все больше программистов, даже несмотря на высокую цену. Сегодня покажем, как использовать эти инструменты для разработки простейшего приложения, а также проведем мини-обучение с созданием.
Платформа для эпохи
В наше время пользователи скачивают очень много приложений для мобильных устройств, а на стационарных ПК предпочитают использовать онлайн-решения. Причин этому много, но разбираться в них сегодня не будем. Лишь скажем о том, что существует инструмент JavaFX, который отлично подходит как для создания мобильных приложений, так и для Rich Internet Application — веб-приложений, которые выполняют функции стационарных программ в онлайне.
Все знают о Swing’овском интерфейсе, и у большинства дизайнеров он ассоциируется с чем-то устаревшим и неладным. И это справедливо: библиотека Swing сегодня используется лишь для утилитарных решений, где пользователь непривередлив к внешнему виду. JavaFX призвана изменить этот порядок вещей, параллельно конкурируя с Silverlight и стремительно устаревающим Flash.
Кстати, сама технология была разработана той же компанией, которая занималась выпуском и поддержкой языка Java — Sun. Позже, вместе с остальными активами Sun, эта наработка перешла к конгломерату Oracle, который поглотил не одну мощную систему. Сегодня можно сказать, что именно Production Suite, который был представлен в платформе, сделал разработку интерфейса столь быстрой. К примеру, благодаря использованию Photoshop и Illustrator программисты смогли портировать нарисованные изображения в код: не нужно придумывать велосипед, а просто переносить код, который сгенерировала программа.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Точно так же можно поступить и с графикой SVG. Набор инструментов Media Factory переводит изображение в код, а далее вы редактируете его средствами JavaFX Script. Кстати, декларативный язык и настоящий Java могут использоваться совместно. К примеру, вы делаете внешний вид приложений на «скрипте», а сам движок приложения на стандартном Java, который лучше подходит для этого.
Учиться легко
Но не с самого начала. Тот, кто не знает основ Java, не сможет понять, чем так хороша платформа. Поэтому, если вы уже хотите создать свое первое приложение на Android, то не стоит бежать к первому видеокурсу по взаимодействию с Java FX. Для начала вам придется изучить основы программирования, а также научиться рисовать дизайн в графических редакторах. Только после этого вы сможете в полной мере насладиться комплексным подходом от FX.
Привет, мир!
В этом разделе преобразуем пример приложения, созданного IntelliJ IDEA, в очень простое приложение JavaFX Helloworld. Таким образом показываем основные функции поддержки кодирования, предоставляемые IDE. (Пример приложения автоматически создается IntelliJ IDEA при создании проекта для разработки приложения JavaFX с нуля, см. Создание проекта для разработки JavaFX .)
Работа с IntelliJ IDEA ненамного отличается от работы с другими распространенными IDE для Java. Давайте попробуем создать простой проект, пример в этой среде. Я буду использовать IntelliJ IDEA 2018.1.4 x64, но для других версий этой программы все будет аналогично.
Встречающее окно IntelliJ IDEA немного похоже на Unity 3D. Создаем новый проект:
По умолчанию у меня предлагается создать проект JavaFX, ну что ж, согласимся и заодно освежим свои знания по этому самому FX. После создания IDE приветливо нам показывает три файла: Main.java, Controller.java и sample.fxml – то есть у нас уже есть костяк приложения FX. Можно его сразу же и запустить:
Симпатичное белое окошко, не правда ли? Давайте его чем-нибудь наполним. Откроем sample.fxml в Scene Builder (у меня уже установлен, а вам, возможно, придется найти, скачать и поставить). И что мы видим при открытии? А ничего:
Почему так? У нас же запустилось окно с определенными размерами? Просто размеры этого окошка прописаны не в sample.fxml, а в Main.java в методе запуска:
А панель, которая появилась, подстраивается под размер окна: USE_COMPUTED_SIZE. Давайте изменим размер панели, чтобы было удобнее работать и перенесем на форму кнопку, а также текстовое поле. Тут, если вы работали с визуальными редакторами, нет ничего сложного. Также для нашей кнопки пропишем обработчик, метод onClickMethod:
А в Controller.java добавим его код:
И теперь при нажатии на кнопку в текстовое поле программа будет вводить название операционной системы:
Напоминаю вам, что вы в любое время можете обратиться ко мне, если требуется помощь по программированию вообще и по программированию на Java в частности. Актуальную стоимость моих услуг уточняйте в личке.
Перед началом работы
Создание проекта
Если ни один проект в данный момент не открыт, нажмите кнопку Create New Project на экране приветствия. В противном случае, выберите пункт New Project в меню File. В результате откроется мастер создания проекта.
В левой панели выберите Java Module.
В правой части страницы, в поле Project name, введите название проекта: HelloWorld.
Если до этого вы никогда не настраивали JDK в IntelliJ IDEA в (в таком случае в поле Project SDK стоит <Nоne>), необходимо сделать это сейчас.
Вместо <Nоne> нажмите New и в подменю выберите JDK.
В окне Select Home Directory for JDK выберите директорию, в которую устанавливалось JDK и нажмите ОК.
Версия JDK, которую вы выбрали, появится в поле Project SDK.
Кликните Next.
Учтите, что указанная версия JDK будет связана по умолчанию со всеми проектами и Java модулями, которые в дальнейшем будут создаваться.
На следующей странице осуществляется выбор мастера для указания дополнительных технологий, которые будут поддерживаться в нашем модуле.
Поскольку наше приложение будет "старым добрым приложением Java", мы не нуждаемся в любой из этих технологий. Так что просто нажмите кнопку Finish.
Подождите, пока IntelliJ IDEA создает необходимые структуры проекта. Когда этот процесс завершится, вы можете увидеть структуру Вашего нового проекта в окне Project.
Изучение структуры проекта
HelloWorld. Это узел, содержащий ваш Java модуль. Папки .idea и файлы внутри директории HelloWorld.iml используются для хранения данных конфигурации вашего проекта и модулей соответственно.SRC папки содержат исходный код.
Создание пакета
В окне инструментов Project выберите папку SRC и нажмите ALT + INSERT. (В качестве альтернативы, вы можете выбрать File -> New, или New из контекстного меню для папки SRC).
В меню New выберите Package. (можно использовать стрелки вверх и вниз для навигации по меню, ENTER для выбора выделенного элемента)
Новый пакет появится окне Project.
Создание класса
Нажмите ALT + INSERT. В окне New из списка доступных действий с выделенным пакетом com.example.helloworld выбираем Java Class и нажимаем Enter.
В появившемся окне Create New Class в поле Name вводим имя HelloWorld. В поле Kind оставляем тип Class и нажимаем Enter, чтобы подтвердить создание класса.
Созданный класс HelloWorld появляется в структуре проекта:
На этом все приготовления закончены. Сам процесс написания нашего первого кода будет разобран во второй части статьи.
Создадим простейший проект для JavaFX в среде разработки IntelliJ >JavaFX и также подключить к нему все необходимые библиотеки. Выберем первый способ. При создании нового проекта выберем шаблон Java :
Далее в качестве шаблона проекта выберем Command Line App :
Затем дадим проекту какое-либо имя, например, HelloJavaFX:
По умолчанию сгенерированный проект содержит файл Main.java. Изменим его код:
Это простейшее JavaFX-приложение, которое отображает небольшое окно. Но при добавлении кода мы можем увидеть, что среда не распознает используемые пакеты:
Чтобы все работало, нам надо подключить библиотеки JavaFX. Для этого перейдем в меню File -> Project Structure :
В открывшемся окне перейдем к пункту Libraries :
В этой вкладке нажмем на знак + и в открывшемся диалоговом окне выберем путь к каталоге lib в папке, где распакован JavaFX SDK. И нажмем на OK для подключения библиотек.
И далее нажмем на кнопку Apply.
Далее перейдем в меню Run -> Edit Configuration к полю VM options и определим в нем следующий параметр:
Например, в моем случае JavaFX SDK распакован в папку C:javafx-sdk, поэтому я указываю
И в конце нажмем на кнопки Apply и OK.
После этого мы сможем наслаждать разработкой на JavaFX в IntelliJ IDEA.
При создании нового проекта мы могли бы выбрать шаблон JavaFX :
Но его единственное отличие состоит в том, что он добавляет ряд дополниельный файлов, которые уже по умолчанию формируют простейщее приложение JavaFX. Но тем не менее даже в этом случае необходимо также подключать к проекту библиотеки JavaFX.
Глобальные настройки
Однако настраивать каждый отдельный проект может быть утомительно, особенно если мы часто создаем новые проекты для JavFX. В этом случае мы можем определить все настройки глобально для всех проектов.
Однако в этом случае в меню Run -> Edit Configuration для поля VM options также необходимо задать параметр:
Данный урок более справочный чем учебный, но мало кто знает о том, что в Intellij IDEA можно использовать JavaFX Builder. В этом уроке мы рассмотрим как это сделать.
Шаг 1
Создаем новый проект:
Обратите внимание что мы выбрали JavaFX Application.
Шаг 2
Теперь заходим на этот сайт и скачиваем Scene Builder 1.1, и потом устанавливаем.
Далее заходи в наш проект и по файлу sample.fxml нажимаем правой кнопкой мыши.
После этого выберите установленный Scene Builder:
После этого откроется Scene Builder.
Шаг 3
Изначально наш sample.fxml имел следующее содержимое:
После того как мы откроем её в Scene Builder и добавим несколько элементов:
В итоге файл sample.fxml будет иметь следующую структуру:
Шаг 4
Теперь давайте запустим наш проект и посмотрим, что же получилось:
Пост вольный перевод статьи:
Для начала создаем проект JavaFX
Выбираем JavaFX и жмем Next
Даем имя проекту и жмем Finish.
Файл sample.fxml отвечает за интерфейс пользователя.
Переименовываем Controller в файле Controller.java
1. Наводим на имя класса-контроллера (Controller), выбираем Refractor->Rename и меняем имя класса-контроллера:
Важный момент, конструкция fx:id будет использоваться часто, она означает, что мы работаем с объектом класса Controller.
Создадим кнопку в интерфейсе пользователя, для этого в файл sample.fxml добавим следующие сточки:
Возможно, понадобиться руками добавить:
Как видите sayHelloWorld отмечен красным цветом, а helloWorld выделен.
Используя встроенные функции IDEA создадим поле helloWorld в файле SampleController.java
Жмем enter, завершаем рефракторинг.
Далее создаем функцию sayHelloWorld встроенными способами IDEA:
Жмем enter и завершаем рефракторинг.
Добавляем действие в функцию sayHelloWorld:
Результат работы программы:
Добавим стили в нашу программу.
В файл sample.fxml добавим следующий текст:
Встроенными методами IDEA создадим файл sample.css
В файл sample.css добавляем текст:
-fx-background-color: gold; //Цвет заднего фона окна
-fx-font-size: 20; //Высота текста Hello World
Результат работы программы:
Найдены дубликаты
Мда .. шёл 2018 год. Только сегодня попробовал JavaFX и офигел. Ну и шняга! Вот мне интересно, java ведь самый распространённый язык мира. Почему же тут так много сделано через жопу ?
Качаем jde с сайта оракл. Ставим. Прописываем переменные в path.
Качаем jdk с сайта оракл. Ставим. Прописываем переменные в path.
Читайте также: