JavaFX अंदर से बाहर

JavaOne 2011 में, JavaFX 2.0 की अंतिम रिलीज की घोषणा की गई थी। विचार करें कि इसमें क्या शामिल है और इसका क्या अर्थ है।

नमस्कार JavaFX

हम पहले JavaFX एप्लिकेशन बनाते और चलाते हैं। इसके लिए हमें जावाएफएक्स 2.0 एसडीके और नवीनतम नेटबीन की आवश्यकता है । आप नेटनेट में JavaFX को http://netbeans.org/kb/docs/java/javafx-setup.html पर कॉन्फ़िगर करने के बारे में पढ़ सकते हैं।

हम नेटबिन शुरू करते हैं, मेनू से फ़ाइल / नई परियोजना का चयन करते हैं, संवाद में जावाएफएक्स श्रेणी और जावाएफएक्स एप्लिकेशन प्रोजेक्ट प्रकार का चयन करते हैं। एक परियोजना एक परीक्षण फॉर्म के साथ बनाई जाएगी जैसा कि नीचे दी गई तस्वीर में है (आप हैलोजवाएफएक्स परियोजना या कुछ और कह सकते हैं)। फॉर्म क्लास कोड:

package hellojavafx; import javafx.application.*; import javafx.event.*; import javafx.scene.*; import javafx.scene.control.*; import javafx.stage.*; public class HelloJavaFX extends Application { public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage primaryStage) { primaryStage.setTitle("Hello World"); Group root = new Group(); Scene scene = new Scene(root, 300, 250); Button btn = new Button(); btn.setLayoutX(100); btn.setLayoutY(80); btn.setText("Hello World"); btn.setOnAction(new EventHandler<ActionEvent>() { public void handle(ActionEvent event) { System.out.println("Hello World"); } }); root.getChildren().add(btn); primaryStage.setScene(scene); primaryStage.show(); } } 

परिणाम:



आइए देखें कि संकलन के बाद डिस्ट फ़ोल्डर में क्या दिखाई देता है। निम्नलिखित फाइलें होंगी:
- वेब-फाइल फोल्डर - इसमें एप्लेट के रूप में चलने के लिए चित्र होते हैं
- HelloJavaFX.html - एप्लिकेशन के बिल्ट-इन एप्लेट के साथ पेज
- HelloJavaFX.jar - सामान्य डबल-क्लिक के साथ लॉन्च करने के लिए आवेदन
- HelloJavaFX.jnlp - वेबस्टोर के जरिए लॉन्च डिस्क्रिप्टर

हम खुद HelloJavaFX.jar एप्लीकेशन में रुचि रखते हैं। इसे किसी भी संग्रहक के साथ खोलें (.jar एक नियमित .zip संग्रह है) और मैनिफ़ेस्ट को देखें। मुख्य लॉन्च लाइन:
Main-Class: com/javafx/main/Main
कहते हैं कि प्रत्येक नेटबिन जावाएफएक्स एप्लिकेशन में स्टार्टर क्लास कॉम.जावैफएक्स.मेन.इन जोड़ा जाता है, जो सभी जावाएफएक्स पुस्तकालयों को आरंभ करता है और एप्लिकेशन को लॉन्च करता है। मुख्य वर्ग का नाम JavaFX-Application-Class फ़ील्ड से लिया गया है, हमारे मामले में यह hellojavafx.H.HwFLavaFX है।

साधारण से बाहर कुछ भी नहीं। फिलहाल, JavaFX केवल पुस्तकालयों का एक संग्रह है, जिनके कार्यों का उपयोग जावा कोड से किया जा सकता है।

स्विंग में JavaFX

आइए एक एम्बेडेड जावाएफएक्स घटक के साथ एक स्विंग फॉर्म का एक उदाहरण देखें। Netbeans में एक नया प्रोजेक्ट बनाएँ और JavaFX रनटाइम लाइब्रेरी के लिए एक लिंक जोड़ें (डिफ़ॉल्ट रूप से, यह फ़ाइल C: \ Program Files \ Oracle \ JavaFX रनटाइम 2.0 \ lib \ jfxrt.jar में स्थित है)।

रनटाइम को जोड़ने के बाद, आप JFXPanel वर्ग का उपयोग करके किसी भी JavaFX घटकों को एम्बेड कर सकते हैं। निम्नलिखित कोड का उपयोग करके एक टेक्स्ट एडिटर जोड़ें:

 package swingjavafx; import javax.swing.*; import java.awt.event.*; import javafx.embed.swing.*; import javafx.scene.*; import javafx.application.*; import javafx.scene.web.*; import javafx.scene.effect.*; public class SwingJavaFx extends JFrame { HTMLEditor edtr; public SwingJavaFx() { this.setSize(600, 400); this.setVisible(true); this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.setLayout(null); JButton b1 = new JButton("Read"); b1.setSize(150, 22); b1.setLocation(10, 10); b1.addActionListener(new ActionListener() { @Override public void actionPerformed(ActionEvent e) { JOptionPane.showMessageDialog(null, edtr.getHtmlText()); } }); this.add(b1); final JFXPanel jfx = new JFXPanel(); jfx.setSize(560, 300); jfx.setLocation(10, 40); this.add(jfx); Platform.runLater(new Runnable() { @Override public void run() { Group root = new Group(); Scene scene = new Scene(root, 400, 300); jfx.setScene(scene); javafx.scene.shape.Rectangle rctngl = new javafx.scene.shape.Rectangle(); rctngl.setTranslateX(20); rctngl.setTranslateY(30); rctngl.setWidth(500); rctngl.setHeight(250); rctngl.setEffect(new Shadow()); root.getChildren().add(rctngl); edtr = new HTMLEditor(); edtr.setHtmlText("Blablabla"); edtr.setTranslateX(20); edtr.setTranslateY(30); edtr.setPrefWidth(500); edtr.setPrefHeight(250); root.getChildren().add(edtr); } }); } public static void main(String[] args) { new SwingJavaFx(); } } 

परिणाम इस प्रकार है:



जैसा कि रीड बटन के कोड से देखा जा सकता है, किसी भी समय हम टेक्स्ट एडिटर में डेटा एक्सेस कर सकते हैं। इस तरह के एक अनुप्रयोग को चलाने के लिए, हमें JavaFX रनटाइम लाइब्रेरी को पथ-पथ पर जोड़ना होगा, उदाहरण के लिए:

java -cp %cp%;"C:\Program Files\Oracle\JavaFX Runtime 2.0\lib\jfxrt.jar";SwingJavaFx.jar swingjavafx.SwingJavaFx

सब कुछ काफी तुच्छ है और जावा परियोजनाओं में अन्य पुस्तकालयों के उपयोग से अलग नहीं है।

JavaFX API

JavaFX सुविधाएँ प्लेटफ़ॉर्म पेज पर उपलब्ध हैं। एपीआई में प्राइमिटिव्स, ग्राफ्स, अपने स्वयं के डिजाइन के साथ जीयूआई घटकों के सेट के लिए कक्षाओं का एक सेट है। अंत में, एक वेब ब्राउज़र घटक और स्वरूपण क्षमताओं के साथ एक पाठ संपादक दिखाई दिया।

Http://www.oracle.com/technetwork/java/javafx/overview/index.html पेज पर , आप एनसेंबल डेमो एप्लिकेशन चला सकते हैं (यह फ्लेक्स कंपोनेंट एक्सप्लोरर का एक एनालॉग है)।

बाइंडिंग

बाइंडिंग वस्तुओं के बाध्यकारी गुणों के लिए है। उदाहरण के लिए, आप बटन के निर्देशांक को विंडो की चौड़ाई में स्नैप कर सकते हैं, और परिणामस्वरूप, जब आकार का आकार बदल जाता है, तो संलग्न बटन भी हिल जाएगा।

एक उदाहरण पर विचार करें:

 package bindingjavafx; import javafx.application.*; import javafx.event.*; import javafx.scene.*; import javafx.scene.control.*; import javafx.stage.*; import javafx.beans.binding.*; import javafx.beans.value.*; public class BindingJavaFX extends Application { public static void main(String[] args) { Application.launch(args); } @Override public void start(Stage primaryStage) { primaryStage.setTitle("Hello World"); Group root = new Group(); final Scene scene = new Scene(root, 300, 250); final Button btn = new Button(); btn.setLayoutX(100); btn.setLayoutY(80); btn.setText("Hello World"); btn.setOnAction(new EventHandler<ActionEvent>() { public void handle(ActionEvent event) { System.out.println("Hello World"); } }); final DoubleBinding db = scene.widthProperty().subtract(150); db.addListener(new javafx.beans.value.ChangeListener< Number>() { public void changed(ObservableValue<? extends Number> ov, Number t, Number t1) { btn.setLayoutX(db.getValue()); } }); root.getChildren().add(btn); primaryStage.setScene(scene); primaryStage.show(); } } 

परिणाम:



कोड लाइन
final DoubleBinding db = scene.widthProperty().subtract(150);
एक db वैरिएबल बनाता है और इसकी वैल्यू को माइनस 150 पिक्सल्स की चौड़ाई तक बांध देता है। दुर्भाग्य से, हम सिर्फ इस वेरिएबल (जैसे btn.layoutX.bind (db) के लिए बटन निर्देशांक को नहीं बाँध सकते; जो स्पष्ट और सुविधाजनक होगा)। इसलिए, आपको बनाए गए चर में एक श्रोता को जोड़ने की जरूरत है, जिसमें बटन के निर्देशांक अपडेट किए गए हैं:

 db.addListener(new javafx.beans.value.ChangeListener< Number>() { public void changed(ObservableValue<? extends Number> ov, Number t, Number t1) { btn.setLayoutX(db.getValue()); } }); 

इसके अलावा, बंधन अतिरिक्त प्रतिबंध लगाता है - यदि आप किसी वैरिएबल को किसी संपत्ति से बांधते हैं, तो आप इसे एक साधारण असाइनमेंट के साथ नहीं बदल सकते हैं, एक अपवाद को फेंक दिया जाएगा, जबकि एप्लिकेशन चल रहा है।

एपीआई कोड अपने आप ही ओवरब्लोज हो जाता है, उदाहरण के लिए, SimpleDoubleProperty वर्ग में छह वर्गों की विरासत पदानुक्रम है और नौ इंटरफेस को लागू करता है। यह सरल की एक नई समझ है।

नतीजतन, एक अच्छा विचार बहुत आकर्षक नहीं लगता है। कोड के बहुत सारे, अंतर्निहित त्रुटियां। हालाँकि एक सरल और समझने योग्य बाध्यकारी कार्यान्वयन स्विंग सहित कई भाषाओं और पुस्तकालयों के लिए उपलब्ध है।

सीएसएस उपयोग

इंटरफ़ेस का स्वरूप CSS का उपयोग करके सेट किया जा सकता है। ऐसा करने के लिए, शैलियों का विवरण बनाएं, उदाहरण के लिए:

 .cssbutton { -fx-font: 16px "Serif"; -fx-padding: 10; -fx-background-color: #CCFF99; -fx-effect: dropshadow( one-pass-box , black , 12 , 0.0 , 1 , 1 ); } 

- cssbutton शैली फ़ॉन्ट, पैडिंग, भरण और छाया प्रभाव सेट करती है। इसके बाद, आपको स्टाइलशीट को दृश्य से जोड़ना होगा:

scene.getStylesheets().add("cssjavafx/style.css");

और नाम से घटक में एक शैली जोड़ें:

btn.getStyleClass().add("cssbutton");

बटन कुछ इस तरह दिखेगा:



CSS में उपलब्ध गुणों का विवरण प्रलेखन पृष्ठ पर पाया जा सकता है।

यह बहुत स्पष्ट नहीं है कि आपको शैलियों को सामान्य रूप से सेट करने की आवश्यकता क्यों है। शैलियों के साथ सेट की जा सकने वाली हर चीज़ कोड में भी हो सकती है, CSS में आप चर या गणना का उपयोग नहीं कर सकते, आप नई प्रॉपर्टी नहीं बना सकते, शैलियों को डीबग करना मुश्किल है।

FXML का उपयोग करना

प्रपत्रों का लेआउट एक अलग एफएक्सएमएल फ़ाइल में सेट किया जा सकता है और आवेदन शुरू होने पर इसे डाउनलोड किया जा सकता है। इस दृष्टिकोण का उपयोग कई विकास वातावरणों में किया जाता है।

Netbeans इन उद्देश्यों के लिए JavaFX FXML एप्लिकेशन प्रकार के साथ एक परियोजना बनाने का प्रस्ताव करता है। लगभग निम्नलिखित सामग्री का एक प्रारंभिक रूप बनाया जाएगा:

 package fxmljavafx; import java.net.*; import java.util.*; import javafx.event.*; import javafx.fxml.*; import javafx.scene.control.*; public class Sample implements Initializable { @FXML private Label label; @FXML private void handleButtonAction(ActionEvent event) { System.out.println("You clicked me!"); label.setText("Hello World!"); } @Override public void initialize(URL url, ResourceBundle rb) { // } } 

@ FXML फ़ाइल से लोड करते समय उपलब्ध चर और कार्यों को दर्शाने के लिए @FXML एनोटेशन का उपयोग किया जाता है। फ़ाइल खुद कुछ इस तरह दिखती है:

 <?xml version="1.0" encoding="UTF-8"?> <?import java.lang.*?> <?import javafx.scene.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml" fx:controller="fxmljavafx.Sample"> <children> <Button id="button" layoutX="126" layoutY="90" text="Click Me!" onAction="#handleButtonAction" fx:id="button" /> <Label id="label" layoutX="126" layoutY="120" minHeight="16" minWidth="69" prefHeight="16" prefWidth="69" fx:id="label" /> </children> </AnchorPane> 

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

एप्लिकेशन स्टार्टअप पर एक FXML फॉर्म लोड करना कुछ इस तरह से कहा जाता है:

 Parent root = FXMLLoader.load(getClass().getResource("Sample.fxml")); stage.setScene(new Scene(root)); stage.show(); 

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

दृश्य संपादक

वीबी और सी # के लिए विजुअल स्टूडियो में एक फॉर्मेटर है, एडोब फ्लेक्स में, ओरेकल जेबुस्ट में स्विंग के लिए एक उत्कृष्ट संपादक है। जावाएफएक्स के लिए, दृश्य संपादक की घोषणा 2 साल पहले की गई थी। आप उसका एक वीडियो http://www.flickr.com/photos/douglasbullard/3609213630/in/photostream/ पर भी देख सकते हैं।

लेकिन जबकि कोई सार्वजनिक रिलीज नहीं थी और यह पता नहीं है कि यह कब होगा।

एक बैरल टार में एक चम्मच शहद

समग्र रेटिंग सबसे अधिक संभावना असंतोषजनक है। डेमो धीमी हैं, घटक मैकिन्टोश एक्वा, एडोन फ्लेक्स या माइक्रोसॉफ्ट मेट्रो से नीच हैं। JavaFX का पहला संस्करण 2008 में वापस आया, लेकिन सूर्य कभी भी तकनीक को ध्यान में नहीं ला सका।

हालांकि, JavaOX ने जावाएफएक्स के बारे में नवीनतम बात की। आइए आशा करते हैं कि ओरेकल डेवलपर्स को लोहे के हाथ से ट्रैक पर वापस निर्देशित करेगा और उन्हें आखिरकार एक आशाजनक कार्य उपकरण जारी करने के लिए मजबूर करेगा।