JavaFX
Raindrop (обсуждение | вклад)
Raindrop (обсуждение | вклад)
Строка 75: Строка 75:
 
}
 
}
 
</pre> </code>
 
</pre> </code>
  +
  +
= Связывание данных =
  +
  +
var a = bind expr<param1,..,paramN>
  +
  +
{{table start}}
  +
{{row example image}}
  +
| <code><pre>
  +
var status = "initial";
  +
  +
HBox {
  +
content: [
  +
Button {
  +
text: "Play"
  +
action: function() {
  +
status = "Played"
  +
}
  +
}
  +
Button {
  +
text: "Pause"
  +
action: function() {
  +
status = "Paused"
  +
}
  +
}
  +
Label {
  +
styleClass: "label1"
  +
text: bind "Status: {status}"
  +
}
  +
]
  +
}
  +
  +
</pre></code>
  +
|| [[Изображение:TDBind.png]]
  +
  +
  +
{{table end}}

Версия от 12:01, 20 августа 2010

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

Декларативный синтаксис

Создание основного окна:

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

Stage {
    title: "Tower defence"
    scene: Scene {
        width: 550
        height: 550
        content: []
    }
}
TDStage

Layouts, Controls

Пример использования Картинка
HBox {

    spacing: 15

    translateX: 10
    translateY: 10

    nodeHPos: HPos.CENTER
    nodeVPos: VPos.CENTER

    content: [
        Button {
            text: "Play"
            action: function() {}
        }
        Button {
            text: "Pause"
            action: function() {}
        }
        Label {
            text: "Status"
        }
    ]
}
TDStage

Каскадные таблицы стилей - CSS

.button {
    -fx-text-fill: #e4f3fc;
    -fx-font: 15pt "Tahoma Bold";
    -fx-padding: 10;
    -fx-color: #2d4b8e
}

.button:hover{
    -fx-color: #395bae;
}

.label1 {
    -fx-text-fill: green;
    -fx-font: 20pt "Tahoma Bold";
}

Связывание данных

 var a = bind expr<param1,..,paramN>
Пример использования Картинка
var status = "initial";

HBox {
    content: [
        Button {
            text: "Play"
            action: function() {
                status = "Played"
            }
        }
        Button {
            text: "Pause"
            action: function() {
                status = "Paused"
            }
        }
        Label {
            styleClass: "label1"
            text: bind "Status: {status}"
        }
    ]
}

TDBind