Скачать "Программирование на Java с нуля #18. JavaFX."
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F2ZJoSKa-Cmc%252Fsddefault.jpg&w=1139&q=75)
Подождите немного, мы готовим ссылки для удобного просмотра видео без рекламы и его скачивания.
Топ скачиваемых видео
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FDc4fsOzln-o%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FhEuF3jDsf1Q%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FnFYwcndNuOY%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FiTjgq5jv-Hg%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FT8I165Qxeo8%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FGrmaDay1a-w%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FChAXAFqzBpw%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F9_1fsDmrt2w%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FM8r3x4Re8-I%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FRLmUxXO8pKs%252Fmaxresdefault.jpg&w=1139&q=75)
Теги видео
Субтитры
Английский
00:00:01
приветствую друзья очередной урок00:00:05
призван мотивировать начинающих00:00:07
программистов внести немного экшена00:00:10
особенно после серии скучных уроков про00:00:13
устройство классов java и прочие00:00:17
малопонятные белиберды00:00:19
которая не всегда несет очевидный00:00:22
практический смысл00:00:24
ну понятно что начинающему программисту00:00:27
хочется видеть результаты своей работы00:00:30
хочется чего-то существенная и00:00:35
как раз java fx которая является темой00:00:38
сегодняшнего урока в этом поможет00:00:41
предупреждаю сразу урок будет нести мало00:00:46
теоретической части больше практической00:00:48
части будет много всего непонятного и о00:00:53
том что именно не понятно пишите в00:00:55
коментах обязательно отвечу00:00:57
ну а мы пока начнём и также alive из00:01:02
java fx и до платформы для создания00:01:04
пользовательского интерфейса который00:01:07
может работать как локально так и00:01:09
загружаться через интернет java fx00:01:13
позиционируется как замена устаревшему00:01:16
свинг и может использоваться как само по00:01:19
себе так и в составе свинг приложения ну00:01:22
это нужно частности для того чтобы можно00:01:24
было не убивать сразу старый свинг00:01:28
приложения а постепенно переводить их на00:01:30
новый интерфейс00:01:31
что по ней и все еще приносили пользу но00:01:35
и обновлялись элементы управления00:01:40
пользовательского интерфейса00:01:42
в java fx могут быть созданы как00:01:45
непосредственно в программном коде00:01:47
так и специальном файле описание00:01:49
интерфейса так называемым f xml файле00:01:52
ну понятно что всякие кнопочки поля00:01:56
ввода и так далее должны отображаться00:01:59
как то на форуме кто-то должен управлять00:02:01
их отображением появлением и поведением00:02:06
я лично предпочитаю f xml-файл00:02:11
редактировать f xml можно с помощью00:02:15
специальной программы которая называется00:02:17
сцен builder и или вручную потому что00:02:22
это самый обычный xml-файл ну давайте00:02:26
посмотрим что можно сделать прямо здесь00:02:28
сейчас с помощью нет бенз netbeans00:02:34
позволяет достаточно легко и просто00:02:36
создать проект который использует java00:02:40
fx тут есть специальный подраздел java00:02:44
fx и выбираем приложение в xml java fx00:02:51
называем проигнорировал fx и создаем00:03:00
вот значит сгенерировался исходный текст00:03:04
давайте посмотрим что из всего этого00:03:07
получается вот мы запустили то что00:03:11
сгенерированный бенз и видим00:03:13
окошко посередине кнопка click me и по00:03:17
нажатию на эту кнопку у нас появляется00:03:20
надпись hello world00:03:23
закроем пока перейдем к структуре мы00:03:30
видим что были сгенерированы в общем-то00:03:34
три файла java fx это главный файл00:03:38
который соответствует корневому файлу00:03:40
проекты он содержит главную функцию00:03:45
второй файл f xml-документ контроллер00:03:50
java и самое интересное третий файл00:03:53
это не java файл это файл f xml и это00:03:58
файл который содержит в себе описание00:04:00
того самого окошко которое мы видели при00:04:05
запуске программы00:04:07
этот файл был сгенерирован для нас нет00:04:11
бен сам и имеет следующие параметры00:04:15
во-первых корневой элемент00:04:17
encrypt это как бы описание той самой00:04:23
отображаемой панели он имеет какой-то00:04:26
идентификатор здесь описывается его00:04:30
высота его ширина так здесь описывается00:04:37
ссылка на existe файл который00:04:42
определяет структуру этого файла и самый00:04:46
главный параметр называется fx00:04:49
контроллер в этом параметре00:04:53
указывается имя класса который в00:04:57
дальнейшем будет использоваться для00:04:59
связи вот этого00:05:01
xml-файлов как с описанием окошко и java00:05:05
кодом этот классно называется f00:05:11
xml-документ контроллер из пакета java00:05:14
fx это же был сгенерирован для нас нет benz00:05:18
om посмотрим что находится в этом классе00:05:23
во-первых он должен быть от наследова00:05:27
над интерфейсом не шила и сбу00:05:30
далее мы видим какие-то методы которые00:05:34
помечены аннотации fx мы про аннотации я00:05:37
рассказывал на прошлом уроке и вот00:05:40
теперь практическое применение00:05:42
это аннотация говорит java и факсу00:05:49
ну платформе java fx что помечены ей00:05:52
элемент связан с ef xml-файлов который00:05:58
объявил00:05:59
этот класс своим контроллером ну то есть00:06:02
смотрим логика такая в рф xml файле00:06:06
объявлен контроллер значит элементы00:06:10
управления внутри этого00:06:13
f xml-файла будут связаны с классом на00:06:17
которой указывается атрибутом fx00:06:21
контроллер ну смотрим вот здесь у нас00:06:24
есть элемент который называется лейбл00:06:30
классовый но эта метка это та самая00:06:33
метка в которой вы улицах лауру00:06:37
значит в коде она имеет вот такое00:06:40
представление в рф xml файле00:06:44
она обозначена вот такой строкой тут00:06:51
есть ее координата координата x00:06:55
координата y высота ширина и самое00:07:01
главное это идентификатор00:07:04
fx айди с названием лейбл00:07:08
таким образом понятно что вот этот00:07:11
идентификатор00:07:12
должен совпадать с именем переменной00:07:14
внутри контроллера далее есть второй00:07:20
элемент это элемент bottom то есть00:07:23
кнопка снова координаты00:07:27
текст который отображается на кнопки и00:07:31
атрибут он action вот этот атрибут он00:07:39
показывает что когда с этой кнопкой00:07:41
происходит какое-то действие то должен00:07:46
должен вызываться метод00:07:48
из контроллера с именем хингл батон00:07:52
action посмотрим контроллер вот этот00:07:55
метод который тоже помечен аннотации f00:08:02
xml ну и какой-то метод инициализации но и00:08:06
сейчас он на мне очень нужен00:08:12
ну смотрите можно например вместо хеллоу00:08:18
ворлд00:08:19
писать привет собираем запускаем00:08:26
теперь по нажатию на кнопку на славилась00:08:30
надпись привет вместо хеллоу ворлд ну00:08:33
понятно нам что вот этот метод00:08:36
вызывается при нажатии на кнопку вот эта00:08:41
метка00:08:43
которая вот здесь которая вот здесь00:08:46
присваивается текст привет она00:08:49
обозначена в ef xml файле как лэйбл00:08:56
далее ну понятно что подобный файл00:09:02
редактировать вручную00:09:04
ну как то не очень приятна для того чтоб00:09:08
было приятнее его редактировать есть так00:09:11
называемый сцен builder это отдельная00:09:14
программа сейчас мы ее скачаем и00:09:17
продемонстрируем как она работает вообще00:09:21
говоря00:09:23
сцен builder это рак новая программа но00:09:27
в последнее время они поставляют ее00:09:30
исключительной виде исходных кодов и не00:09:32
очень удобно поэтому мы скачаем с00:09:35
другого места00:09:39
ссылочку естественно я поставлю в00:09:42
описании ну скачаем windows installer00:09:48
довольно большая смотри 50 мегабайтов00:09:53
сцен builder позволяет нам визуально00:09:59
представлять что именно мы проектируем00:10:04
как будет выглядеть окошко которая мы00:10:07
проектируем ну и всякие удобные штуки00:10:10
типа установки обработчиков нажатий00:10:14
кнопок и прочее прочее вот сцен builder00:10:17
скачался установим его в общем-то00:10:25
совершенно обычная стандартная программа00:10:39
последние шаги к сожалению окошко не00:10:41
влезает в окно записи00:10:47
поэтому придется немножко поиграться00:10:57
так вот наше приложение java fx заходим00:11:02
и открываем документов xml00:11:11
мы видим вот это вот окошко я был00:11:16
вынужден париса явить окно00:11:17
сделать размер не 480 как обычным 720 ну00:11:23
потому что интерфейс этой программы00:11:26
слишком нагружен ну видим вот ту самую00:11:32
панель которая открывается при запуске и00:11:35
попробуем ее модифицировать слева мы00:11:38
видим тут как бы дерево тех объектов00:11:42
которые присутствуют на форме ну что00:11:47
сделаем ну давайте добавим сюда00:11:49
какой-нибудь ввод ищем где тут есть вот00:11:55
нам какой-нибудь00:11:58
вот текст field переносим сюда вот и что00:12:07
мы делаем для начала мы можем выбрать00:12:14
пункт preview preview00:12:19
шоу превью и на винду и вот нам00:12:24
показывается пример того как это будет00:12:27
выглядеть00:12:28
но уже в какой то программе закрываем00:12:35
смотрим справа расположена панель со00:12:40
всяческими настройками этого элемента00:12:43
которые мы сейчас пытаемся редактировать00:12:48
в частности мы можем задать ему айди00:12:53
пусть иди будет00:12:56
name input почему на им им путну потому00:13:02
что есть задумка сделать таким образом00:13:04
чтобы мы сюда вводили свое имя00:13:07
а по нажатию на кнопку кликами программа00:13:11
нам говорила хэллоу и подставляла имя ну00:13:17
далее вот у нас есть вот этот самый00:13:19
идентификатор этот идентификатор мы00:13:24
теперь можем использовать внутри нашей00:13:26
программы ну как имя переменной сохраним00:13:33
этот файл и перейдем к программному коду00:13:38
в программном коде мы видим что00:13:42
добавилось добавился узел с названием00:13:47
textfield00:13:49
идентификатор name input ну и какие-то00:13:51
там циферки00:13:53
это его координаты я немного ошибся00:13:57
вместо fx айди я поставил просто иди но00:14:02
ничего не стоит переделать это вручную00:14:10
таким вот образом теперь что мы делаем00:14:13
теперь внутри контроллера мы должны00:14:18
создать переменную типа там текст field00:14:25
с именем input не00:14:37
вот мы создали textfield называемого00:14:41
input лайн точно также как файле xml00:14:48
можем даже скопипастить пусть она будет00:14:52
приватным и важный момент для того чтобы00:14:57
указать платформе java fx что это00:15:00
текстовое поле00:15:02
относится к файлу xml мы ставим00:15:05
аннотацию в xml00:15:11
далее как мы помним вот в этом методе00:15:17
происходит обработка нажатия кнопки00:15:20
значит здесь мы можем убрать вот этот00:15:24
вывод в консоль мы в этом месте можем00:15:29
извлечь из00:15:32
переменной name input те данные которые00:15:38
туда вводятся пользователю эти данные00:15:46
извлекаются методом get текст их можно00:15:49
положить соответствующую переменно00:15:53
теперь там где мы выводим привет мы00:15:59
выводим не просто привет привет ,00:16:03
+ текст нами введенный плюс !00:16:14
запускаем00:16:19
видим что наше окошко стало таким как мы00:16:22
его спроектировали можем ввести сюда или00:16:29
нажимаем на кнопку и видим надпись00:16:32
привет boost brain ну то есть таким00:16:36
образом мы связали то что мы ввели вот в00:16:39
это поле с программным кодом в нашем00:16:43
контроллере ну понятно что вместо00:16:48
текст field можно поставить какой-нибудь00:16:51
другой control control и все в общем то00:16:54
достаточно стандартные00:16:55
это ввод текста радио батоны все что00:17:02
угодно все стандартные control и и00:17:04
связывается от них похожим образом то00:17:09
есть fx айди должен быть равен имени00:17:13
переменной00:17:15
должен быть соответствующий тип этого00:17:18
самого поля и00:17:21
контроллер должен быть обозначен в самом00:17:25
самым верхним уровнем элементе00:17:30
ну такое вот начала можно00:17:35
поэкспериментировать можно по вставлять00:17:38
что-то поделать на этом урок в общем-то00:17:43
окончил если понравилось ставьте лайки00:17:47
не понравилось пишите в комментариях00:17:49
спрашивать обязательно в комментариях то00:17:51
что было непонятно непонятного тут точно00:17:54
очень много00:17:57
вот ну собственно до свидания всем удачиОписание:
Программирование на Java для начинающих. JavaFX. Скачать SceneBuilder - http://gluonhq.com/products/scene-builder/#download
Готовим варианты загрузки
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах
Вопросы о скачивании видео
Как можно скачать видео "Программирование на Java с нуля #18. JavaFX."?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "Программирование на Java с нуля #18. JavaFX." выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "Программирование на Java с нуля #18. JavaFX."?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "Программирование на Java с нуля #18. JavaFX." на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "Программирование на Java с нуля #18. JavaFX."?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "Программирование на Java с нуля #18. JavaFX."?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.