ФЭНДОМ


Главная | Описание языка | FXD | API | Примеры | Инструменты Разработки | Новости | Ресурсы | Форум

Документация Править

Описание Править

Так же, как SVG является описанием масштабируемой векторной графики в формате XML, так же FXZ является описанием векторной графики в формате языка JavaFX.

Пример:

Пример использования Картинка
FXD {
    content: [
        Circle {
            opacity: 0.5
            translateX: 0 translateY: -50
            radius: 100 centerX: 200 centerY: 200
            fill: Color.RED stroke: Color.DARKRED strokeWidth: 0.5
        }
        Circle {
            opacity: 0.5
            translateX: 70 translateY: 50
            radius: 100 centerX: 200 centerY: 200
            fill: Color.BLUE stroke: Color.DARKBLUE strokeWidth: 0.5
        }
        Circle {
            opacity: 0.5
            translateX: -70 translateY: 50
            radius: 100 centerX: 200 centerY: 200
            fill: Color.GREEN stroke: Color.DARKGREEN strokeWidth: 0.5
        }
    ]
}
FXDCircles


Элементы в FXD файле могут именоваться с помощью атрибута id.

FXD {
    content: [
        Circle    { id: "circle"    /* ... */ }
        Rectangle { id: "rectangle" /* ... */ }
    ]
}

Это позволяет разбирать FXD файл, получая элементы по id, и отображать их в программе:

Пример использования Картинка
import javafx.fxd.*;
import javafx.scene.*;

def fxd = FXDLoader.loadContent("{__DIR__}Shapes.fxd");

Scene {
    content: [
        Group {
            translateX: 100
            translateY: 100
            content: fxd.getNode("circle")
        }
        Group {
            scaleX: 0.5
            scaleY: 0.5
            translateY: 50
            content: fxd.getNode("rectangle")
        }
        
    ]
}
FXDID

Конвертация Править

SVG Править

  • Установите Production Suite
  • Запустите SVG to JavaFX Graphics Converter
  • Укажите путь к исходному svg и конечному fxz файлу
  • Нажмите Convert

Adobe Illustrator Править

  • Установите Production Suite
  • В Illustrator должен появится пункт меня "Сохранить в FXZ"

Adobe Photoshop Править

  • Установите Production Suite
  • В Photoshop должен появится пункт меня "Сохранить в FXZ"