xp系统 javafx_使用JavaFX构建React系统

xp系统 javafx

React JavaFX是用于在Java中构建图形应用程序的新标准库，但是许多程序员仍然对Swing甚至（高音）AWT感到困惑。在Java诞生20年来，发生了很多事情。两年前，当我开始研究Speedment UI的JavaFX库时，我发现很多东西都令人着迷！这里有一些技巧，说明如何使用JavaFX工具包中的许多令人敬畏的新功能来构建ReactSwift的应用程序！

1.财产价值

如果您窥探了JavaFX组件，那么您一定遇到过“属性”一词。几乎可以观察到FX库中的每个值，分隔符的宽度，图像的大小，标签中的文本，列表的子级以及复选框的状态。属性分为两类：可写和可读。可以使用设置器或直接修改属性来更改可写值。 JavaFX将处理事件处理，并确保将通知依赖于该属性的每个组件。可读值具有使您可以在值更改时接收通知的方法。

例：

// Read- and writable
StringProperty name = new SimpleStringProperty("Emil"); 
// Only readable
ObservableBooleanValue nameIsEmpty = name.isEmpty();

2.绑定值

当具有可写和可读的值时，可以开始定义这些值如何关联的规则。可写属性可以绑定到可读属性，以便其值将始终与可读属性匹配。绑定不是立即的，但是在观察值之前，它们将被解析（请参阅我在那里所做的）。绑定可以是单向或双向的。当然，如果它们是双向的，则两个属性都必须是可写的。

例：

TextField fieldA = new TextField();
TextField fieldB = new TextField();
fieldA.prefWidthProperty().bind(fieldB.widthProperty());

3.可观察的清单

属性不是唯一可以观察到的东西。如果列表包含在ObservableList中，则也可以观察列表的成员。 ObservableList的React模型非常先进。修改列表后，您不仅会收到通知，还可以确切地看到列表的更改方式。

例：

List<String> otherList = Arrays.asList("foo", "bar", "bar");
ObservableList<String> list = FXCollections.observableList(otherList);list.addListener((ListChangeListener.Change<? extends String> change) -> {System.out.println("Received event.");while (change.next()) {if (change.wasAdded()) {System.out.println("Items " + change.getAddedSubList() + " was added.");}if (change.wasRemoved()) {System.out.println("Items " + change.getRemoved() + " was removed.");}}
});System.out.println("Old list: " + list);
list.set(1, "foo");
System.out.println("New list: " + list);

上面的输出是：

Old list: [foo, bar, bar]
Received event.
Items [foo] was added.
Items [bar] was removed.
New list: [foo, foo, bar]

如您所见，设置操作仅创建一个事件。

4. StringConverter

有时，您会发现需要创建绑定时组件中没有确切的值。一个典型的例子是您拥有一个StringProperty ，该属性具有从TextField获得的路径。如果您希望此值表示为Path的可观察属性，则需要为此创建一个StringConverter。

例：

TextField fileLocation = new TextField();
StringProperty location = fileLocation.textProperty();
Property<Path> path = new SimpleObjectProperty<>();Bindings.bindBidirectional(location, path, new StringConverter<Path>() {@Overridepublic String toString(Path path) {return path.toString();}@Overridepublic Path fromString(String string) {return Paths.get(string);}
});

对象属性未双向绑定到文本字段值。

5.表达

使用前面显示的Bindings-class可以创建各种表达式。假设您有两个文本字段供用户输入信息。现在，您需要定义一个只读字段，该字段始终包含一个字符串，如果两个字符串的长度相等，则表示两个字符之间的字符混合。如果长度不相等，则应显示一条帮助消息。

例：

TextField first  = new TextField();
TextField second = new TextField();
TextField mix    = new TextField();mix.textProperty().bind(Bindings.when(first.lengthProperty().isEqualTo(second.lengthProperty())).then(Bindings.createStringBinding(() -> {int length        = first.lengthProperty().get();String firstText  = first.textProperty().get();String secondText = second.textProperty().get();char[] result     = new char[length * 2];for (int i = 0; i < length; i++) {result[i * 2]     = firstText.charAt(i);result[i * 2 + 1] = secondText.charAt(i);}return new String(result);}, first.textProperty(),second.textProperty())).otherwise("Please enter two strings of exactly the same length.")
);