💐 ➰ 🍶 JavaFX ट्यूटोरियल: हैलो वर्ल्ड 🐀 ⚪️ 🧜🏻

जावाएफएक्स ट्यूटोरियल का अनुवाद : वोजटेक रूज़िका द्वारा हैलो वर्ल्ड लेख।

अपना पहला JavaFX एप्लिकेशन कैसे बनाएं।

यह JavaFX श्रृंखला का दूसरा पद है। आप अपने JavaFx विकास वातावरण को कैसे सेट करें पर पहला लेख पढ़ सकते हैं।

JavaFX श्रृंखला की सभी पोस्ट:

अनुप्रयोग संरचना

प्रत्येक एप्लिकेशन में कई मुख्य घटकों का एक पदानुक्रम होता है: चरण (विंडोज़), (दृश्य) और नोड्स (नोड्स)। आइए उनमें से प्रत्येक को देखें।

मंच

स्टेज अनिवार्य रूप से एक खिड़की है। आपके आवेदन में कई चरण घटक हो सकते हैं, लेकिन कम से कम एक आवश्यक होना चाहिए।

स्थल

दृश्य दृश्य (चरण) की सामग्री को प्रदर्शित करता है। प्रत्येक चरण घटक में कई दृश्य घटक हो सकते हैं जिन्हें स्विच किया जा सकता है। नाटकीय मंच की कल्पना करें, जो प्रदर्शन के दौरान कई दृश्यों द्वारा प्रतिस्थापित किए जाते हैं।

नोड

प्रत्येक चरण घटक में अलग-अलग घटक हो सकते हैं जिन्हें नोड्स कहा जाता है। नोड्स को नियंत्रित किया जा सकता है, जैसे बटन या लेबल, या यहां तक कि लेआउट, जिसमें कई नेस्टेड घटक हो सकते हैं। प्रत्येक दृश्य में एक उप-नोड हो सकता है, लेकिन यह एक लेआउट हो सकता है जिसमें कई घटक हो सकते हैं। घोंसला बहु-स्तरीय हो सकता है - लेआउट में अन्य लेआउट और सामान्य घटक हो सकते हैं।

सारांश

प्रत्येक एप्लिकेशन में कई विंडो (स्टेज) हो सकती हैं। प्रत्येक स्टेज कंपोनेंट कई सीन सीन को स्विच कर सकता है। दृश्यों में नोड्स - लेआउट और सामान्य घटक होते हैं।

इस पदानुक्रम की कल्पना इस प्रकार की जा सकती है:

अब आइए एक विशिष्ट उदाहरण देखें - एक वास्तविक अनुप्रयोग।

कक्षा आवेदन

प्रोग्रामिंग शुरू करने का समय। यदि आपने पिछले लेख का पालन किया है, तो आपके पास सभी आवश्यक निर्भरताएं तैयार हैं।

प्रत्येक JavaFX एप्लिकेशन का एक मुख्य वर्ग होना चाहिए जो कक्षा का विस्तार करता है:

javafx.application.Application

इसके अलावा, आपको अनुप्रयोग वर्ग से अमूर्त विधि को ओवरराइड करना चाहिए:

 public void start(Stage primaryStage) throws Exception

कैस मुख्य कुछ इस तरह दिखता है:

 import javafx.application.Application; import javafx.stage.Stage; public class Main extends Application { @Override public void start(Stage primaryStage) throws Exception { // TODO implement me! } }

मुख्य विधि

JavaFx एप्लिकेशन को चलाने के लिए, मुख्य () विधि आवश्यक नहीं है। आप JavaFX Packager Tool का उपयोग करके जार निष्पादन योग्य पैकेज कर सकते हैं। हालांकि, यह एक मुख्य विधि के लिए बहुत अधिक सुविधाजनक है।

एक ही समय में, आवेदन केवल चलाने के लिए आसान नहीं है, लेकिन आप इसे हमेशा की तरह कमांड लाइन पैरामीटर स्थानांतरित कर सकते हैं।

मुख्य () विधि के अंदर, एप्लिकेशन को विधि का उपयोग करके लॉन्च किया जा सकता है:

 Application.launch()

यह देखना आसान है कि यह अनुप्रयोग वर्ग में एक स्थिर विधि है। हमने मुख्य वर्ग को निर्दिष्ट नहीं किया है, लेकिन JavaFX इस पद्धति के आधार पर स्वचालित रूप से यह निर्धारित कर सकता है।

स्टेज सेटअप

अब हम जानते हैं कि मुख्य () पद्धति का उपयोग करके अपना आवेदन कैसे शुरू करें। हालांकि, हम ऐसा करने से कुछ नहीं होगा। हमें एक विंडो की आवश्यकता है जिसे हम दिखाना चाहते हैं। खिड़की को मंच कहा जाता है, याद है? वास्तव में, हमारे पास पहले से ही एक इनपुट पैरामीटर के रूप में प्राथमिक चरण शुरू करने की विधि है:

 public void start (Stage primaryStage)

हम मंच के इस घटक का उपयोग कर सकते हैं। एकमात्र समस्या यह है कि यह डिफ़ॉल्ट रूप से छिपा हुआ है। सौभाग्य से, हम आसानी से प्राइमरीस्टेज। शो () विधि का उपयोग करके दिखा सकते हैं:

 @Override public void start(Stage primaryStage) throws Exception { primaryStage.show(); }

अब, जब आप अनुप्रयोग शुरू करते हैं, तो आपको निम्नलिखित विंडो देखनी चाहिए:

बहुत प्रभावशाली नहीं है, है ना? पहले, चलो हमारी विंडो में एक अच्छा हस्ताक्षर जोड़ते हैं।

 primaryStage.setTitle("Hello world Application");

विंडो को और बेहतर बनाने के लिए, आइए विंडो के शीर्ष पैनल में एक सुंदर आइकन जोड़ें:

 InputStream iconStream = getClass().getResourceAsStream("/icon.png"); Image image = new Image(iconStream); primaryStage.getIcons().add(image);

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

अब आप स्टेज ऑब्जेक्ट के गुणों और व्यवहार को कॉन्फ़िगर कर सकते हैं, उदाहरण के लिए:

सेटएक्स () और सेटवाई () का उपयोग करके स्थिति सेट करें
SetWidth () और setHeight () का उपयोग करके प्रारंभिक आकार सेट करें
SetMaxHeight () और setMaxWidth () के साथ अधिकतम विंडो आकार सीमित करें या setResizable (गलत) के साथ आकार बदलने में अक्षम करें
सेट टॉप मोड पर हमेशा सेट विंडो मोड का उपयोग करें।
सेट फ़ुलस्क्रीन का उपयोग करके फ़ुलस्क्रीन मोड सेट करें ()
और भी बहुत कुछ

अब हमारे पास इस तरह के एक शानदार नाम के साथ एक खिड़की है, लेकिन यह अभी भी खाली है। आप पहले से ही जानते हैं कि आप घटकों को सीधे स्टेज (विंडो) में नहीं जोड़ सकते हैं। आपको एक दृश्य चाहिए।

हालांकि, दृश्य डिजाइनर को शुरू करने के लिए, आपको एक बच्चा नोड निर्दिष्ट करना होगा। आइए सबसे पहले एक सरल लेबल बनाएं। फिर हम बच्चे के नोड के रूप में इस लेबल के साथ एक दृश्य बनाते हैं।

 Label helloWorldLabel = new Label("Hello world!"); Scene primaryScene = new Scene(helloWorldLabel);

आपने देखा है कि दृश्य केवल एक बाल घटक की अनुमति देता है। अगर हमें और जरूरत हो तो क्या होगा? आपको लेआउट (लेआउट) का उपयोग करना चाहिए, जो एक घटक है जिसमें कई बच्चे शामिल हो सकते हैं और उन्हें उपयोग किए गए लेआउट के आधार पर स्क्रीन पर रख सकते हैं। हम लेखों की इस श्रृंखला में बाद में लेआउट को कवर करेंगे।

एप्लिकेशन को थोड़ा और अधिक आकर्षक बनाने के लिए, आइए स्क्रीन के केंद्र में एक लेबल रखें।

 helloWorldLabel.setAlignment(Pos.CENTER);

अंत में, हमें स्टेज के लिए सीन स्थापित करना होगा, जो हमारे पास पहले से है:

 @Override public void start(Stage primaryStage) throws Exception { primaryStage.setTitle("Hello world Application"); primaryStage.setWidth(300); primaryStage.setHeight(200); InputStream iconStream = getClass().getResourceAsStream("/icon.png"); Image image = new Image(iconStream); primaryStage.getIcons().add(image); Label helloWorldLabel = new Label("Hello world!"); helloWorldLabel.setAlignment(Pos.CENTER); Scene primaryScene = new Scene(helloWorldLabel); primaryStage.setScene(primaryScene); primaryStage.show(); }

अब हमारी विंडो में लेबल घटक के साथ एक दृश्य है:

आगे क्या है

इस श्रृंखला के अगले चरण में, हम एक्सयू में नहीं बल्कि एक्सएमएल में अपने जीयूआई को लागू करने का तरीका देखेंगे।

JavaFX ट्यूटोरियल: हैलो वर्ल्ड