HOWTO · Java
JavaFX でシーンビルダーを使用する
このチュートリアルでは、Scene BuilderforJavaFX の使用方法を説明します。
このページの内容
JavaFX は、高品質のグラフィカルユーザーインターフェイスを備えた高品質のデスクトップまたは Web アプリケーションを作成および提供するためのソフトウェア開発プラットフォームです。CSS のサポートにより、GUI(Graphical User Interface)はよりスマートになり、高品質のルックアンドフィールが含まれます。
これは Java に基づいています。したがって、JavaFx に基づいて作成されたアプリケーションはクロスプラットフォームであり、Java 仮想マシンを備えた環境をサポートします。
GUI は JavaFx の FXML によって記述され、外部からコントローラーコードにアタッチできます。これにより、GUI を簡単に変更できます。
FXML は、XML ベースのマークアップ言語です。この記事では、JavaFX で GUI を構築するためのすばらしいツールを紹介します。
JavaFX でシーンビルダーを使用する
JavaFX を使用する場合、コーディングによってさまざまなユーザーインターフェイス(UI)コンポーネントを手動で描画または作成できます。しかし、コーディングなしで GUI を生成するために利用できる簡単な方法があります。
Oracle が開発した JavaFXSceneBuilder を使用すると、ドラッグアンドドロップするだけで UI を作成できます。この驚くべきツールは、コントローラークラスを自動的に生成します。
このツールは、ORACLE の公式 Web サイトからダウンロードしてインストールできます。シーンビルダーツールのいくつかの機能について説明しましょう。
まず、以下で共有する SceneBuilder ツールのユーザーインターフェイスを見てみましょう。
左側には、Containers、Controls、Miscellaneous、Shapes、Charts、3d などのさまざまなサブカテゴリの下に UI コンポーネントチューザが表示されます。コンポーネントの適切なサブカテゴリを選択することで、必要な UI コンポーネントを見つけることができます。
左下に、UI 構造を表示できます。右側には、特定の UI コンポーネントを構成するためのプロパティが表示され、右下隅には、UI に関連するレイアウトとコードが表示されます。
JavaFX の SceneBuilder の重要な機能
シーンビルダーツールには、使いやすい UI が含まれています。さらに、UI プロトタイプのテスト実行を実行し、このツールを使用して UI プロトタイプを改善するために必要な変更を見つけることができます。
以下では、SceneBuilder ツールによって提供されるいくつかの主要な機能について説明します。
UI レイアウトツール
このシーンビルダーツールを使用すると、簡単にレイアウトでき、さまざまな JavaFX UI コントロール、コンテナー、チャート、およびシェイプを作成できます。また、ユーザーインターフェイスのプロトタイプをすばやく生成し、さまざまなアニメーションや効果を UI に適用するのにも役立ちます。
FXML ビジュアルエディタ
この機能を使用すると、ドラッグアンドドロップしてユーザーインターフェイスを作成できます。Scene Builder ツールは、ユーザーがアプリケーションの UI を定義できるようにする XML ベースのマークアップ言語である FXML 形式で UI を生成します。
これはアプリケーションロジックの一部ではありません。必要に応じて、UIFXML ファイルを編集することもできます。
統合開発者ワークフロー
Scene Builder ツールを、NetBeans などの他の Java 対応 IDE と組み合わせることができます。ユーザーアクティビティに応じてイベントとアクションを処理するソースコードにユーザーインターフェイスを含めることができます。
IDE からアプリケーションを実行し、IDE または SceneBuilder ツールから FXML を変更できます。
CSS サポート
JavaFX は、ユーザーインターフェイスコンポーネントのスタイル設定と編集に CSS をサポートしています。これらの CSS プロパティを内部と外部の両方に含めることができます。
シーンビルダーツールを使用すると、シーンビルダーUI の右側に配置されたプロパティで CSS を簡単にサポートできます。
コンポーネントを選択し、[プロパティ]パネルから CSS を使用して必要な変更を提供するだけです。Scene Builder には、特定の UI コンポーネントに加えた変更を視覚化するための CSS アナライザーが含まれています。
Scene Builder は、Windows、macOS、Linux などのすべての主要なオペレーティングシステムで使用できるクロスプラットフォームツールであることを忘れないでください。