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中文網其他相關文章！