在 JavaFX 中使用場景生成器

MD Aminul Islam 2024年2月15日
  1. 在 JavaFX 中使用場景生成器
  2. JavaFX 中 Scene Builder 的重要特性和功能
在 JavaFX 中使用場景生成器

JavaFX 是一個軟體開發平臺,用於建立和交付具有高質量圖形使用者介面的高質量桌面或 Web 應用程式。在 CSS 的支援下,GUI(圖形使用者介面)變得更加智慧,幷包含高質量的外觀和感覺。

它基於 Java。因此,基於 JavaFx 建立的應用程式是跨平臺的,並且支援具有 Java 虛擬機器的環境。

GUI 由 JavaFx 中的 FXML 描述,它可以在外部附加到控制器程式碼。這使得修改 GUI 變得很容易。

FXML 是一種基於 XML 的標記語言。本文將展示一個在 JavaFX 中構建 GUI 的神奇工具。

在 JavaFX 中使用場景生成器

在使用 JavaFX 時,我們可以通過編碼手動繪製或建立各種使用者介面 (UI) 元件。但是有一種無需任何編碼即可生成 GUI 的簡單方法。

使用 Oracle 開發的 JavaFX Scene Builder,你只需拖放即可建立 UI。這個神奇的工具會自動生成控制器類。

你可以從 ORACLE 官網下載並安裝此工具。讓我們討論一下場景生成器工具的一些功能。

首先,我們來看看下面分享的 Scene Builder 工具的使用者介面:

場景構建器

在左側,你可以在容器、控制元件、雜項、形狀、圖表、3d 等各種子類別下看到 UI 元件選擇器。通過選擇元件的正確子類別,你將能夠找到所需的 UI 元件。

在左下方,你可以檢視你的 UI 結構。在右側,你可以看到可以配置特定 UI 元件的 Properties,在右下角,你會找到與你的 UI 相關的 Layout 和 Code。

JavaFX 中 Scene Builder 的重要特性和功能

Scene Builder 工具包含一個使用者友好的 UI,使其更易於使用。此外,你可以通過此工具對你的 UI 原型進行測試執行,並找到使其變得更好所需的必要更改。

下面討論了 Scene Builder 工具提供的一些主要特性和功能,

UI 佈局工具

這個 Scene Builder 工具可讓你輕鬆佈局並建立各種 JavaFX UI 控制元件、容器、圖表和形狀。它還可以幫助你快速生成使用者介面原型並將各種動畫和效果應用到 UI。

FXML 視覺化編輯器

此功能使你可以通過拖放來建立使用者介面。Scene Builder 工具以 FXML 格式生成你的 UI,這是一種基於 XML 的標記語言,使使用者能夠為應用程式定義 UI。

它不是應用程式邏輯的一部分。你還可以在必要時編輯你的 UI FXML 檔案。

整合開發人員工作流程

你可以將 Scene Builder 工具與其他支援 Java 的 IDE(如 NetBeans)結合使用。你可以將使用者介面包含到原始碼中,根據使用者活動處理事件和操作。

你可以從 IDE 執行應用程式並從 IDE 或 Scene Builder 工具修改 FXML。

CSS 支援

JavaFX 支援 CSS 樣式和編輯使用者介面元件。你可以在內部和外部包含這些 CSS 屬性。

通過 Scene Builder 工具,你可以在 Scene Builder UI 右側的 Properties 中輕鬆獲取 CSS 支援。

你只需選擇一個元件,然後使用屬性面板中的 CSS 進行必要的更改。Scene Builder 包含一個 CSS 分析器,用於視覺化你對特定 UI 元件所做的更改。

請記住,Scene Builder 是一個跨平臺工具,可用於所有主要作業系統,例如 Windows、macOS 和 Linux。

作者: MD Aminul Islam
MD Aminul Islam avatar MD Aminul Islam avatar

Aminul Is an Expert Technical Writer and Full-Stack Developer. He has hands-on working experience on numerous Developer Platforms and SAAS startups. He is highly skilled in numerous Programming languages and Frameworks. He can write professional technical articles like Reviews, Programming, Documentation, SOP, User manual, Whitepaper, etc.

LinkedIn

相關文章 - Java JavaFX