javafx
दृश्य बिल्डर

परिचय

टिप्पणियों

FXML का उपयोग करके बेसिक JavaFX प्रोजेक्ट

यह एक मूल परियोजना है जो NetBeans (New Project -> JavaFX -> JavaFX FXML एप्लीकेशन) के साथ बनाई गई FXML का उपयोग करती है। इसमें सिर्फ तीन फाइलें हैं:

मुख्य अनुप्रयोग वर्ग

package org.stackoverflow;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class BasicApplication extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("BasicFXML.fxml"));

        Scene scene = new Scene(root);

        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

FXML फ़ाइल

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.stackoverflow.BasicFXMLController">
    <children>
        <Button layoutX="126" layoutY="90" text="Click Me!" onAction="#handleButtonAction" fx:id="button" />
        <Label layoutX="126" layoutY="120" minHeight="16" minWidth="69" fx:id="label" />
    </children>
</AnchorPane>

नियंत्रक

package org.stackoverflow;

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Label;

public class BasicFXMLController {

    @FXML
    private Label label;

    public void initialize() {
        // TODO
    }   

    @FXML
    private void handleButtonAction(ActionEvent event) {
        label.setText("Hello World!");
    }

}

Daud

प्रोजेक्ट को बिल्डिंग और रन करने के लिए क्लिक करने योग्य बटन के साथ एक छोटी विंडो प्रदर्शित करनी चाहिए:

यह काम किस प्रकार करता है

संक्षेप में, मुख्य एप्लिकेशन क्लास में, FXMLLoader, जार / क्लासपाथ से basicFXML.fxml लोड करेगा, जैसा कि FXMLLoader.load(getClass().getResource("BasicFXML.fxml")) द्वारा निर्दिष्ट किया गया है।

basicFXML.fxml लोड करते समय लोडर को नियंत्रक वर्ग का नाम मिल जाएगा, जैसा कि fx:controller="org.stackoverflow.BasicFXMLController" द्वारा निर्दिष्ट किया गया है fx:controller="org.stackoverflow.BasicFXMLController" FXML में।

फिर लोडर उस वर्ग का एक उदाहरण बनाएगा, जिसमें वह उन सभी वस्तुओं को इंजेक्ट करने की कोशिश करेगा जिनके पास एफएक्सएमएल में एक fx:id है और नियंत्रक वर्ग में @FXML एनोटेशन के साथ चिह्नित हैं।

इस नमूने में, FXMLLoader <Label ... fx:id="label"/> आधार पर लेबल बनाएगा, और यह लेबल उदाहरण को @FXML private Label label; में इंजेक्ट करेगा @FXML private Label label; ।

अंत में, जब पूरे एफएक्सएमएल को लोड किया गया है, तो एफएक्सएमएलएलएडी नियंत्रक के initialize विधि को कॉल करेगा, और जो कोड बटन के साथ एक एक्शन हैंडलर को पंजीकृत करता है, उसे निष्पादित किया जाएगा।

संपादन

जबकि आईडीएमएल के भीतर एफएक्सएमएल फ़ाइल को संपादित किया जा सकता है, यह अनुशंसित नहीं है, क्योंकि आईडीई सिर्फ बुनियादी वाक्यविन्यास जाँच और स्वतः पूर्णता प्रदान करता है, लेकिन दृश्य मार्गदर्शन नहीं।

सबसे अच्छा तरीका दृश्य बिल्डर के साथ FXML फ़ाइल खोल रहा है, जहां फ़ाइल में सभी परिवर्तन सहेजे जाएंगे।

फ़ाइल खोलने के लिए दृश्य बिल्डर लॉन्च किया जा सकता है:

या फ़ाइल को IDE से सीधे सीन बिल्डर के साथ खोला जा सकता है:

• NetBeans से, प्रोजेक्ट टैब पर, फ़ाइल पर डबल क्लिक करें या राइट क्लिक करें और Open चुनें।
• IntelliJ से, प्रोजेक्ट टैब पर, फ़ाइल पर राइट क्लिक करें और Open In Scene Builder चयन करें।
• एक्लिप्स से, प्रोजेक्ट टैब पर, फ़ाइल पर राइट क्लिक करें और Open with Scene Builder चयन करें।

यदि दृश्य बिल्डर ठीक से स्थापित है और उसका पथ IDE में जोड़ा गया है (नीचे टिप्पणियां देखें), तो यह फ़ाइल को खोलेगा:

नए कंटेनर या नए नियंत्रणों को बाएं पैन से खींचकर परिवर्तन किया जा सकता है, और सही पैन पर गुणों और लेआउट मूल्यों को बदला जा सकता है।

ध्यान दें कि एक id टैग जो fx:id कोड को जावा कोड में इंजेक्ट करने की अनुमति देता है वह है fx:id । इसे Code फलक में सेट किया जा सकता है:

परिवर्तन लागू करने के बाद, फ़ाइल को सहेजें (दृश्य बिल्डर -> फ़ाइल -> सहेजें)। यदि फ़ाइल को सहेजते समय आईडीई से फ़ाइल को संपादित करते हुए परिवर्तन किए जाते हैं, तो उन्हें दृश्य बिल्डर पर अपडेट किया जाएगा।