Първи стъпки с JavaFX Script

Статията е превод на оригиналните уроци от официалния сайт на SUN Microsystems
JavaFX Script Tutorial

Готови ли сте за JavaFX Script?
Този урок описва софтуерa, който трябва да бъде инсталиран на Вашата система, преди да можете да започнете. Той също така описва NetBeans IDE и инструкциите за командния ред, за да компилирате и стартирате първата си JavaFX програма.

Съдържание:
Стъпка 1. Изтегляне и инсталиране на JDK
Стъпка 2. Избиране на среда за програмиране
Стъпка 3. Изтегляне и инсталиране на JavaFX Compiler и Runtime

Стъпка 1. Изтегляне и инсталиране на JDK

JavaFX Script се базира на Java платформа и като такъв изисква JDK 5 или JDK 6 да бъдат инсталирани на вашата система. Ако не сте го направили вече, изтеглете и инсталирайте JDK 6 или JDK 5 , преди да продължите с този урок.
Не мисля да се впускам в подробности как се инсталира JDK.

Стъпка 2. Избиране на среда за програмиране

Когато става въпрос за избор на среда за разработка, Вие имате две широки категории за избор: използване на интегрирана среда за програмиране (IDE) или обикновен текстов редактор. Този избор е изцяло въпрос на личен вкус.

Oофициално поддържаната среда за разработка на JavaFX приложения е NetBeans IDE версия 6.5. В уебсайта на NetBeans са предоставени пълни инструкции за сваляне, инсталиране и конфигуриране на средата.

Стъпка 3. Изтегляне и инсталиране на JavaFX Compiler и Runtime

В JavaFX Script е компилаторен език, което означава, че всеки код, който пишете трябва първо да се конвертира до Java bytecode, който впоследствие ще може да се изпълни от Java виртуалната машина. Това е така, независимо от метода Ви на разработка (било то от командния ред или IDE). След инсталирането на JDK и избора на среда за разработка, ще трябва да изтеглите и инсталирате JavaFX Script Compiler и Runtime. Най-лесният начин за получаване на този софтуер е да се изтегли целия JavaFX SDK, който ви дава NetBeans IDE (по избор), Compiler, Runtime, както и редица други инструменти.

Ако сте избрали NetBeans IDE 6.5 среда за разработка, можете да използвате следните инструкции, за да създадете проект за първия си сценарий: обикновен калкулатор.

Стъпка 1: Създаване на нов проект

Стартирайте NetBeans IDE 6.5 и изберете "File > New Project".

Когато помощника на "New Project" се появи на екрана, изберете JavaFX категорията и натиснете "Next" за да продължите.
Примерен екран: Нов проект в NetBeans - избор на типа на проекта

Стъпка 2: Изберете име на проекта и местонахождението му във вашата файлова система

Напишете "Calculator" като име на проекта. NetBeans предлага стандартно разположение на проекта във файловата система - обиковено това е специализирана поддиректория на домашната Ви директория. Можете по желание да го промените. Проверете дали "Empty Project" и "Set as Main Project" са избрани, но внимавайте да не е поставена отметка в "Create Main File". Натиснете "Finish" когато сте готови.

Примерен екран: Нов проект в NetBeans - избор на заглавие и местополжение на проекта

Стъпка 3: Добавяне на файла с код към проекта

Отляво в редактора има файлов и браузър на проектите, както е показано на фигурата по-долу. Както виждате Calculator проекта съществува, но все още не съдържа файл с код:

Примерен екран: Логическа структура на новия проект в NetBeans 

За да добавите файл с код, изберете "File > New File". Изберете JavaFX като категория и Empty JavaFX File като файлов тип:

Примерен екран: Добавяне на нов файл към проекта - избор на типа на файла

Напишете "Calculator" като име на файла, но оставете "Package" празно. В долния край на екрана ще прочетете съобщение за предупреждение, но за сега го пропуснете. През цялото време на тези уроци ние ще поставяме файловете в "default package". Натиснете "Finish" когато сте готови.

Примерен екран : Добавяне на нов файл към проекта - избор на име на файла

Стъпка 4: Напишете кода, компилирайте и стартирайте програмката!

Прояктния браузър сега ще ви покаже файла Caclulator.fx като част от стандартния пакет (default package). Редактора на код отдясно съдържа малко код по подразбиране, които Вие можете да изтриете безопасно за сега.

Примерен екран: Файлът с код в проектния браузър и редактора

На негово място напишете или копирайте следният код:

def numOne = 100;
def numTwo = 2;
var result;

add();
subtract();
multiply();
divide();

function add() {
result = numOne + numTwo;
println("{numOne} + {numTwo} = {result}");
}

function subtract() {
result = numOne - numTwo;
println("{numOne} - {numTwo} = {result}");
}

function multiply() {
result = numOne * numTwo;
println("{numOne} * {numTwo} = {result}");
}

function divide() {
result = numOne / numTwo;
println("{numOne} / {numTwo} = {result}");
}

След което ще забележите, че средата за разработка оцветява кода, което означава, че е разпознал синтаксиса на JavaFX Script:

Примерен екран: NetBeans редактора разпознава сиснтасиса на JavaFX Script

Сега обърнете внимание на тези бутони горе в лентата с инструменти на NetBeans:



Натиснете зеленият бутон за да се компилира и стартира приложението:

Примерен екран: Изход на приложението в системната конзола на средата

Ако получавате същия екран вашият код работи отлично :) !
Изход на програмата в терминала:
100 + 2 = 102
100 - 2 = 98
100 * 2 = 200
100 / 2 = 50


Това приложение може да е малко, но ви представя някои важни програмни конструкции за езика, които ще бъдат дискутирани в следващия урок. Научаването на тази конструкция е Вашата първа стъпка към програмирането с JavaFX Script.