JavaFX FXML 中的'fx:id”和'id”有什么区别？

了解 JavaFX 中 fx:id 和 id 的区别

作为 JavaFX 的初学者，您可能遇到过 fx 的概念：使用 FXML 应用程序时的 id 和 id。这两个属性有不同的用途，理解它们的差异对于有效的 JavaFX 开发至关重要。

CSS 识别与控制器交互

fx:id 和 fx:id 之间的根本区别id 在于它们的预期用途。 id 主要用于指定 FXML 文档中组件的 CSS 标识符。通过为组件分配 id，您可以使用与应用程序关联的样式表中的 CSS 选择器来设置其样式。例如，您可以在样式表中使用 #welcome-text 将特定格式应用于由该 id 标识的文本组件。

相比之下，fx:id 有不同的用途。它用于在 FXML 文档中的组件和控制器类中的字段之间建立连接。通过使用@FXML注释字段并为其分配与相应组件相同的fx:id值，您可以在该组件和控制器之间启用数据绑定和事件处理。这有助于与 UI 元素进行动态交互。

实际应用

为了说明 fx:id 和 id 的实际用法，请考虑以下示例：

<Text>

这里，welcome-text 文本组件被分配了一个用于 CSS 样式的 id。在样式表中，您可以定义：

#welcome-text {
  font-size: 16pt;
  color: #000;
}

同时，为 okButton Button 组件分配一个 fx:id 以将其连接到控制器类中的字段：

public class MyController {
  @FXML
  private Button okButton;

  public void handleOkButton() {
    // Event handler for the OK button
  }
}

通过使用 fx:id，您现在可以在控制器代码中操作 okButton，例如更改其文本或处理其单击

结论

了解 fx:id 和 id 之间的区别对于有效使用 JavaFX 和 FXML 至关重要。 id 用于 CSS 样式，而 fx:id 允许组件和控制器之间的交互。通过正确利用这两个属性，您可以创建动态且交互式的 JavaFX 应用程序。

以上是JavaFX FXML 中的'fx:id”和'id”有什么区别？的详细内容。更多信息请关注PHP中文网其他相关文章！