Вопрос: Что делает метод setId()?

Ответ: setId() не делает ровным счетом ничего. Он просто присваивает этому элементу управления id = text. А в каскадных стилях к этому id прикручен внешний вид.

В целом, если есть возможность создать отдельно пользовательский интерфейс, а еще к нему отдельно настройку, то это 100% работа для дизайнера. Вот пусть он берет свою любимую среду в которой он все это делает, если ему не нравится SceneBuilderи пусть там работает. Ради Бога!

По подробнее всё в этой статье: https://docs.oracle.com/javafx/2/css_tutorial/jfxpub-css_tutorial.htm

Пока здесь мы можем поставить точку.

Вопрос: А каскадные стили разрабатывают дизайнеры или разработчики?

Ответ: Вопрос хороший. Кто разрабатывает каскадные стили. У меня уже 15 лет так. Давайте так. Вы когда-нибудь делали каскадные стили? Вы рисуете? Нет. Я бы не отважился поручить вам разрабатывать каскадные стили, если бы был руководителем проекта. Вот он ответ. Т.е. если вы делаете проект в одиночку и у вас нет ни начальства, ни руководства – ну кто их тогда будет делать? Может быть вы кому-то сможете их поручить. Может быть вы кого-то за деньги попросите это сделать.

Создание диаграмм.

Наша следующая тема на слайде нарисована очень коротко, потому что в принципе есть уже то, где все красиво нарисовано. Поэтому откроем вот эту документацию и посмотрим, о чем будет тема: графики. Также обязательно прочтите эту статьюJ

https://docs.oracle.com/javafx/2/charts/chart-overview.htm#

Мы сейчас увидим в конце BarChart, где рисуются столбики. Я раньше на Swingпытался делать программу (свои собственные элементы управления разрабатывал на Swing, который именно рисует графики). Мы даже делали, что он может внутри себя делать выборку. Допустим столбиками рисовать (информацию отображать и piechart). Наш вариант, как бы сказать помягче, это не графики, а линии. И мы даже никогда не думали о том, как на этот график добавить надписи, сделать легенду, обозначить кто где каким цветом. Это вообще уже целые километры кода.

Ответ из зала: Excel + VBAпродвинутый

Ответ препода: А я бы вас отправил в другое приложение, если вы хотите посмотреть современный уровень создания графиков и отчетов. Они 20 лет шлифовали этот вид.

Итак, давайте посмотрим, что же они изобрели в плане графиков. Ну мы посмотрим на них не с т.з. кода, а что каждый график из себя представляет.

Видно, что тут работали профессионалы. И соответственно, удивительно, но это готовые элементы управления. Это не просто непонятно что, а это в иерархию JavaFX, это тоже node. Вы можете в любое место, куда хотите этот график в вашем интерфейсе поместить. Скольконужностроккода, чтобысоздатьобъект? 1. Дальше нужна 1 строчка чтобы его добавить. Давайте кроме внешнего вида чуть-чуть глянем на то, как эти объекты создаются. Обратите внимание, чтоPieChart получает один набор данных, а все остальные должны получать (x/y)-координированный набор данных, потому что они графики рисуют, диаграммы строят. Там должно быть x/y.

Для всех остальных нарисован специальный тип данных x/ychart, который используется, как суперкласс для создания коллекций этих наборов данных и уже на базе этих коллекций эту диаграмму кидаем и он уже его по этим координатам строит линию и т.д.

Давайтепосмотрим. Вотпожалуйста! Простейший круг.

Кстати, создание самого объекта – это одна строчка. Все что сверху – это данные. Вот оно ООП. Создали какой-то ObservableList, ну понятно.Авдругонменятьсяначнет? Амыхотим, чтобыдиаграммаизменилась. Ради Бога! Если вот это скопировать со слайда и добавить в наше приложение, будет круто!

Мы не будем брать более сложные графики, потому что идея одна и та же. Давайте вот это скопируем и сюда в нашу программу где-то перед сценой надо вот сюда этот объект добавить.

Ну понятно, что нам кричат со страшной силой подключи нам все имена. Подключим сейчас.

Итого: Создается коллекция, в эту коллекцию кладется 5 позиций. Внизу создана диаграмма со своими данными и только остается в rootее добавить. Вот и все программирование. Нажимаем F6. Кстати обратите внимание на легенду. Когдаместанет, онапропадаетсама. Посмотрите, каквыглядятсектора. Ониещемеждунимипробелыдобавят. Этожетожесколькотруда! Это не 2 строчки кода.

А если мы на кнопочку нажмем и какой-нибудь изменим, чтобы данные менялись? Авотинтересно! онажеObservable. Произойдетизменение? Адавайтепопробуем. Чтонамсложночтоли? Аааа!!! Нет-нет-нет. Надо саму коллекцию менять, у нас же тут другая история. Это данные, в которых внутри лежат. Помните мы с вами проверяли. Observableне может сообщить. Она сообщает, что в коллекцию добавился новый элемент. Ну значит будет сейчас «суббота».

Итак, находим обработчик на кнопочку. Вот он!

 

НуSystem.out.println("HelloWorld!"); это конечно замечательно. Ясейчасэтотhandleсотру. Онникомуненужен. Мне-то нужно сейчас добраться до диаграммы. Пусть после System.out.println("HelloWorld!");. будетpieData.add(newPieChart.Data("суббота", 21));

Ухты! Нукаквам? Ну согласитесь, что такое добавление элемента – это не ручная работа за один вечер. ИопятьжеObservableCollection! Нувсезанассделали! Вытолькоданныеменяйте! ИзБДпрочиталиновыеданные, аони«ШЛЕП!» и на экране прорисовались. Апользовательсчастливбудет. Многолиемунадо? Анам-токакоесчастье! Всесделано! Вотвамготовыеэлементыдлялюбойпрограммы. Аданныесегоднянадоотображатьвсем. Баловство, а приятно J

Открываем «Пример 3». Онсложный, ноонготовый. Пример выше мы сейчас сами сделали. Проект «JavaFX4»вы далеко не задвигайте – мы анимацию будем в нем делать. Яхочу,чтобынашадиаграммавращалась.

Давайтемыоткроем. Запустим и посмотрим, как она работает, а уже потом будем обсуждать. Вотобратитевнимание. Здесьнечтопохожеето, чтомысвамисейчасразбирали. Только строятся столбики, и данные изменяются не через кнопочку, а в нижней части у нас присутствует табличное представление данных. Я, например, захожу и говорю: «да, вот во вторник не 45 было – это не правильно, - а было 125»

НажимаюEnter. Смотрите, как все плавно изменяется. Они все с анимацией. Кстати, эта программа демонстрирует не просто графики. Эта программа сделана на Swing, где графики входят из JavaFX. Вотпример, гдеможносочетатьвместеSwingиJavaFX. Конечно, онполучилсясложный, потому что Swingполучился более рукопашной технологией. Но в целом, если запустить программу, как она стартует. Вотпокаграфикинепоявились – этобылSwing. Апотомраз! Графикподтянулся! АэтоужеJavaFX. Но сама программа – окна, ползунок, который меняет размер между ними – это чистый Swing. И данные из Swingиз табличного элемента управления передается в модель не между графиками напрямую – ни в коем случае! У нас есть в этой программе отдельно модель, как в списке getModel, setModel, для таблицы. И когда мы меняем на экране значение – данные меняются в модели, а уже потом из модели пинают BarChartи говорят: «смотри! данные-то другие!». НоздесьнеObservableCollectionиспользовалась. Вэтомпроектепришлосьручкамипинать. У нас даже красивее с вами вышло. Ну вот еще одна картинка с графиками.

Давайте немного разберем код. Вдруг вы начнете разбираться с ним. Немного облегчим вам задачу.

Смотрите. У нас модель отдельно, а вот сама программа.

Смотримнаimport. Видим swing, swing, swing, swingи где-то раз и javafx.

 - это и есть контейнер для графика.

 

WebView

Проект «Пример 3» язакрываю. А проект «JavaFX4» я оставляю. Оннамещепригодится.

Итак! Рисование, графики. Этовообщебаловство. Я могу в любую свою программу добавить кусок браузера. Есть готовый движок браузер. Он состоит из двух элементов. Вы должны создать WebViewи именно WebViewявляется node, который добавляется в дерево объектов. А WebView– это отображение контейнера, а чтобы ходить по сайтам нам нужен объект, который называется движок. Ну он создается в одну строчку: «WebEngine.getEngine()». Он получается из browser.

Этот код не интересный. Он сделан 100 лет назад на C++. Находится dll, которая является браузером, загружается и я могу смотреть сайты из любого приложения.

К этому движку необходимо сделать интерфейсные кнопочки «вперед», «назад». Главное, что в этом объекте engineесть все необходимые с т.з. функционала элементы. Если взять объект webengine, то вы увидите:

Вот пожалуйста. Webинтерфейс! Правда надо отрендерить HTML текст. Как я это сделаю? Браузер открыл, htmlтуда кинул и пользователь может наслаждаться. Вот еще одна мелочь.