Tutorial JavaFX: Πώς να δημιουργήσετε μια εφαρμογή;



Αυτό το σεμινάριο JavaFX παρέχει μια σύντομη εισαγωγή στην πλατφόρμα JavaFX, τις δυνατότητές της, την αρχιτεκτονική της και θα σας βοηθήσει να δημιουργήσετε την πρώτη σας εφαρμογή JavaFX

Το JavaFX είναι μια πλατφόρμα Java για τη δημιουργία πλούσιων διαδικτυακών εφαρμογών (RIA) που μπορούν να εκτελεστούν σε μια μεγάλη ποικιλία συσκευών. Προορίζεται να αντικαταστήσει Swing in Java εφαρμογές ως πλαίσιο GUI. Επίσης, προσφέρει περισσότερες λειτουργίες από το Swing. Το JavaFX είναι το κιτ εργαλείων GUI επόμενης γενιάς για το . Ακούγεται ενδιαφέρον? Σε αυτό το σεμινάριο JavaFX, ας διερευνήσουμε την ιδέα λεπτομερώς.

Τι είναι το JavaFX; s

Το JavaFX είναι μια βιβλιοθήκη Java που χρησιμοποιείται για το σχεδιασμό, τη δημιουργία, τη δοκιμή και την ανάπτυξη εφαρμογών GUI πολλαπλών πλατφορμών και εμπλουτισμένων εφαρμογών διαδικτύου (RIA) που μπορούν να εκτελεστούν σε μια μεγάλη ποικιλία συσκευών.





  • Ένα κίνητρο για τη δημιουργία JavaFX ήταν η αντικατάσταση του Swing. Επιπλέον, το JavaFX είναι πιο συνεπές στο σχεδιασμό του από το Swing.
  • Έχει περισσότερες δυνατότητες και είναι επίσης πιο μοντέρνο, δίνοντάς σας τη δυνατότητα να σχεδιάσετε GUI χρησιμοποιώντας αρχεία διάταξης (XML) και να τα σχεδιάσετε με .
  • Το JavaFX ενσωματώνει επίσης 2D + 3D γραφικά, γραφήματα, ήχο, βίντεο και ενσωματωμένες εφαρμογές ιστού σε μια συνεκτική εργαλειοθήκη GUI.

Σημείωση: Οι εμπλουτισμένες εφαρμογές Διαδικτύου είναι εκείνες οι εφαρμογές ιστού που προσφέρουν παρόμοιες δυνατότητες και εμπειρία με αυτές των εφαρμογών επιτραπέζιου υπολογιστή. Προσφέρουν καλύτερη οπτική εμπειρία σε σύγκριση με τις κανονικές εφαρμογές ιστού στους χρήστες.

Τώρα που γνωρίζετε τι ακριβώς είναι το JavaFX, δείτε το τμήμα αρχιτεκτονικής του στο επόμενο μέρος αυτού του εκπαιδευτικού προγράμματος JavaFX.



Αρχιτεκτονική JavaFX

Το JavaFX διαθέτει διάφορα ενσωματωμένα στοιχεία που αλληλοσυνδέονται μεταξύ τους. Περιέχει ένα πλούσιο σύνολο API τα οποία είναι αρκετά παραπάνω από αρκετά για να αναπτύξουν πλούσιες εφαρμογές Διαδικτύου που λειτουργούν με συνέπεια σε πολλές πλατφόρμες. Η παρακάτω εικόνα δείχνει την αρχιτεκτονική του JavaFX API.

Αρχιτεκτονική - Εκμάθηση JavaFX - Edureka

Ας διερευνήσουμε λεπτομερώς κάθε ένα από αυτά τα στοιχεία.



Γράφημα σκηνής

Το Scene Graph είναι το σημείο εκκίνησης για την κατασκευή μιας εφαρμογής JavaFX. Είναι ιεραρχική κόμβων που αντιπροσωπεύουν όλα τα οπτικά στοιχεία της διεπαφής χρήστη της εφαρμογής. Ένα μεμονωμένο στοιχείο σε ένα γράφημα σκηνής ονομάζεται κόμβος. Κάθε κόμβος είναι είτε ένας κόμβος κλάδου είτε ένας κόμβος φύλλων. Οι κόμβοι κλάδου μπορούν να περιέχουν άλλους κόμβους, όπως τα παιδιά τους, αλλά οι κόμβοι φύλλων δεν περιέχουν άλλους κόμβους. Ο πρώτος κόμβος στο δέντρο ονομάζεται ριζικός κόμβος. Ένας ριζικός κόμβος δεν έχει γονέα.

Υπάρχουν διάφορες τάξεις javafx.scene πακέτο που χρησιμοποιούνται για τη δημιουργία, την τροποποίηση και την εφαρμογή ορισμένων μετασχηματισμών στον κόμβο.

Μηχανή γραφικών

Η μηχανή γραφικών JavaFX παρέχει υποστήριξη γραφικών στο στοιχείο γραφικών σκηνών. Υποστηρίζει γενικά 2D καθώς και 3D γραφικά και τα δύο. Παρέχει επίσης την απόδοση λογισμικού όταν το υλικό γραφικών που υπάρχει στο σύστημα δεν είναι σε θέση να υποστηρίζει απόδοση με επιτάχυνση υλικού.

Οι δύο αγωγοί με επιτάχυνση γραφικών στο JavaFX είναι:

power bi vs tableau 2016
  • Πρίσμα - Αυτόείναι ένα υψηλής απόδοσης υλικό γραφικών επιταχυνόμενο που μπορεί να αποδώσει 2D και 3D γραφικά.
  • Κβαντική εργαλειοθήκη -Χρησιμοποιείται για τη δέσμευση του πρίσματος και του κιβωτίου εργαλείων με γυαλί και τα καθιστά διαθέσιμα για τα παραπάνω στρώματα στη στοίβα.

Εργαλειοθήκη υαλοπινάκων

Είναι ένα επίπεδο που εξαρτάται από την πλατφόρμα που συνδέει την πλατφόρμα JavaFX με το εγγενές λειτουργικό σύστημα. Παρέχει εγγενείς υπηρεσίες λειτουργικού συστήματος, όπως διαχείριση παραθύρων, εκδηλώσεων, χρονιστών και επιφανειών.

Πολυμέσα και μηχανή Ιστού

  • Μηχανή Ιστού - Αυτόείναι μια μηχανή web browser που χρησιμοποιείται για την ενσωμάτωση του περιεχόμενο σε ένα γράφημα σκηνής JavaFX.Υποστηρίζει HTML5, CSS, , DOM και SVG.
  • Μηχανή πολυμέσων - Αυτόπαρέχει εργαλεία για τη δημιουργία εφαρμογών πολυμέσων που επιτρέπουν την αναπαραγωγή πολυμέσων στο παράθυρο της επιφάνειας εργασίας ή σε μια ιστοσελίδα σε υποστηριζόμενες πλατφόρμες. JavaFX μηχανή πολυμέσων βασίζεται σε μια μηχανή ανοιχτού κώδικα γνωστή ως Σερπαντίνα . Υποστηρίζει την αναπαραγωγή βίντεο και ήχου.

Αυτά είναι ταστοιχεία που υποστηρίζουν το JavaFX API. Το επόμενο μέρος αυτού του εκπαιδευτικού προγράμματος JavaFX αφορά τη δομή εφαρμογών JavaFX.

Ανατομία μιας εφαρμογής JavaFX

Εφαρμογή JavaFXχωρίζεται ιεραρχικά σε τρία κύρια συστατικά: Στάδιο, Σκηνή και Κόμβοι.

Στάδιο

Είναι το κύριο κοντέινερ και το σημείο εισόδου της εφαρμογής. Αντιπροσωπεύει το κύριο παράθυρο και το αντικείμενο σκηνής που δημιουργείται περνά ως όρισμα του αρχή() μέθοδος για Εφαρμογή τάξη.Ένα στάδιο έχει δύο παραμέτρους, Πλάτος, και Υψος, που καθορίζει τη θέση δηλαδή.

Υπάρχουν πέντε τύποι σταδίων διαθέσιμα & μείον

  • Διακοσμημένο
  • Μη διακοσμημένο
  • Διαφανής
  • Ενοποιημένη
  • Χρησιμότητα

Πρέπει να καλέσετε το προβολή() μέθοδος για την εμφάνιση των περιεχομένων ενός σταδίου.

Σκηνή

ο σκηνή είναι ένα δοχείο για το οπτικό περιεχόμενο της σκηνής. Διατηρεί τα στοιχεία διεπαφής χρήστη, όπως προβολές εικόνας, κουμπιά, πλέγματα, πλαίσια κειμένου. Javafx.scene. Σκηνή τάξητου πακέτου javafx.scene παρέχει όλες τις μεθόδους αντιμετώπισης ενός αντικειμένου σκηνής.Μπορείτε να δημιουργήσετε μια σκηνή δημιουργώντας το Σκηνή αντικείμενο κλάσης και μεταβίβαση του αντικειμένου διάταξης στον Κατασκευαστή κλάσης σκηνής.

Γράφημα & κόμβοι σκηνής

Υπάρχει στοχαμηλότερο επίπεδο της ιεραρχίας. ΕΝΑ γράφημα σκηνής είναι μια δομή δεδομένων που μοιάζει με δέντρο (ιεραρχική) που αντιπροσωπεύει το περιεχόμενο μιας σκηνής. Μπορείτε να το θεωρήσετε ως συλλογή διαφόρων κόμβων. Βασικα. ένα κόμβος είναι ένα οπτικό / γραφικό αντικείμενο ενός γραφήματος σκηνής.ο Κόμβος Κατηγορία του πακέτου javafx.scene αντιπροσωπεύει έναν μόνο κόμβο στο JavaFX και αυτή η κλάση είναι το superclass όλων των κόμβων.

Τώρα που ξέρετε τοδομή μιας εφαρμογής JavaFX λεπτομερώς, ας μάθουμε πώς να δημιουργήσουμε μια εφαρμογή JavaFX με ένα παράδειγμα σε αυτόν τον οδηγό JavaFX.

Δημιουργία εφαρμογής JavaFX

Ας δούμε πώς να εκτελέσετε το J avaFX προγραμματισμός στο IDE Eclipse. Το πρώτο πράγμα που πρέπει να κάνετε είναι να εγκαταστήσετε e (fx) clipse πρόσθετο για το Eclipse IDE. e (fx) clipse είναι ένα σύνολο εργαλείων και απαραίτητων βιβλιοθηκών που σας βοηθούν να εκτελέσετε τον προγραμματισμό JavaFX.

Εδώ, δημιουργούμε μια απλή εφαρμογή JavaFX που εκτυπώνει Καλώς ήλθατε στο Edureka! στην κονσόλα κάνοντας κλικ στο κουμπί που εμφανίζεται στη σκηνή.

εισαγωγή πακέτου Το Main επεκτείνει την εφαρμογή {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! ') Btn.setOnAction (new EventHandler () {@Override public void handle ( Εκδήλωση ActionEvent) {System.out.println ('Welcome to Edureka!')}}) StackPane root = νέο StackPane () root.getChildren (). Add (btn) Scene scene = new Scene (root, 300, 250) primaryStage .setTitle ('Hello World!') primerStage.setScene (σκηνή) primerStage.show ()} δημόσιος στατικός κενός κενός (String [] args) {launch (args)}}

Παραγωγή:

Καλώς ήλθατε στο Edureka!

Επεξήγηση προγράμματος παραδείγματος εφαρμογής JavaFX

Ας προσπαθήσουμε να καταλάβουμε πώς λειτουργεί αυτό το παράδειγμα προγράμματος με απλά βήματα.

Βήμα 1: Επέκταση της μεθόδου javafx.application. Εφαρμογή και παράκαμψη έναρξης ()

είναι μεταπτυχιακό

Όπως συζητήσαμε νωρίτερα, αρχή() Η μέθοδος είναι το σημείο εκκίνησης της εφαρμογής JavaFX. Εισαγωγή JavaFX.application.Application για να παρακάμψετε τη μέθοδο έναρξης (). Αντικαταστήστε τη μέθοδο έναρξης () και περάστε σε αυτήν ένα object της τάξης javafx.stage.Stage.

@ Override public void start (Στάδιο πρωτοβάθμια)

Βήμα 2: Δημιουργήστε ένα κουμπί

Μπορείτε να δημιουργήσετε ένα κουμπί δημιουργώντας το javafx.scene.control.Button τάξη. Επομένως, εισαγάγετε τη σχετική κλάση σε κώδικα. Διαβιβάστε το κείμενο ετικέτας κουμπιού στον κατασκευαστή κλάσης κουμπιών.

Κουμπί btn = νέο κουμπί ()

Βήμα 3: Δημιουργήστε ένα συμβάν για το κουμπί

Αυτό το παράδειγμα εφαρμογής εκτυπώνει το κείμενο για ένα συμβάν στο κουμπί. Έτσι, πρέπει να δημιουργήσετε ένα συμβάν για το κουμπί. Για το σκοπό αυτό, καλέστε setOnAction () στο κουμπί και ορίστε μια ανώνυμη κλάση Event Handler ως παράμετρο της μεθόδου.Μέσα σε αυτήν την ανώνυμη τάξη, ορίστε μια λαβή μεθόδου (). Ελέγξτε τον κωδικό για τη μέθοδο της λαβής ().

btn.setText ('Πείτε' Καλώς ήλθατε στο Edureka! '') btn.setOnAction (νέο EventHandler () {@Override public void handle (ActionEvent event) {System.out.println ('Welcome to Edureka!')}

Βήμα 4: Δημιουργήστε μια διάταξη και προσθέστε το κουμπί σε αυτήν

Το JavaFX παρέχει συνήθως μια σειρά διατάξεων. Εφαρμόστε ένα από αυτά για να οπτικοποιήσετε σωστά τα widget. Πρέπει να προσθέσετε άλλους κόμβους, όπως κουμπιά, κείμενα κ.λπ. σε αυτήν τη διάταξη.

StackPane root = νέο StackPane () root.getChildren (). Προσθήκη (btn)

Βήμα 5: Δημιουργήστε τη σκηνή

Η σκηνή βρίσκεται σε υψηλότερο επίπεδο στην ιεραρχία της δομής εφαρμογών JavaFx. Επομένως, πρέπει να προσθέσετε τη διάταξή σας στη σκηνή. Μπορείτε να το δημιουργήσετε ως παράδειγμα javafx.scene.Scene κλάση και περάστε το αντικείμενο διάταξης στον κατασκευαστή κλάσης σκηνής.

Σκηνή σκηνής = νέα σκηνή (root, 300, 250)

Βήμα 5: Προετοιμάστε τη σκηνή

Το στάδιο είναι το κύριο κοντέινερ και το σημείο εισόδου της εφαρμογής. Χρησιμοποιήστε μεθόδους που προσφέρονται από javafx.stage.Stage τάξη για να ορίσετε κάποια χαρακτηριστικά για τη σκηνή.Χρησιμοποιήστε τη μέθοδο show () για να εμφανίσετε τη σκηνή. Εδώ είναι ο κωδικός σε αυτό.

primaryStage.setTitle («Hello World!») primerStage.setScene (σκηνή) primerStage.show ()

Βήμα 6: Δημιουργήστε την κύρια μέθοδο

Στο τελευταίο βήμα, δημιουργήστε μια κύρια μέθοδο στην οποία θα ξεκινήσετε την εφαρμογή, δηλαδή τη μέθοδο εκκίνησης κλήσεων () και θα μεταβιβάσετε τα ορίσματα γραμμής εντολών (args) σε αυτήν.

public static void main (String [] args) {εκκίνηση (args)}

Βήμα 7: Εκτελέστε την εφαρμογή για να δείτε την έξοδο.

Για να το κάνετε πιο ενδιαφέρον, μπορείτε να αλλάξετε το περιβάλλον εργασίας χρήστη της εφαρμογής JavaFX εφαρμόζοντας ένα προσαρμοσμένο σχέδιο σε αυτό, όπως HTML και CSS.

Αυτό μας φέρνει στο τέλος αυτούΕκπαιδευτικό JavaFX. Εξετάσαμε την εσωτερική δομή της εφαρμογής JavaFX και μάθαμε τις βασικές δυνατότητες της αρχιτεκτονικής, του κύκλου ζωής και των εξαρτημάτων της. Ελέγξαμε επίσης πώς να δημιουργήσουμε μια απλή εφαρμογή GUI.

Βεβαιωθείτε ότι ασκείστε όσο το δυνατόν περισσότερο και επαναφέρετε την εμπειρία σας.

Δείτε το από την Edureka, μια αξιόπιστη διαδικτυακή εταιρεία εκμάθησης με δίκτυο περισσότερων από 250.000 ικανοποιημένων μαθητών σε όλο τον κόσμο. Είμαστε εδώ για να σας βοηθήσουμε σε κάθε βήμα του ταξιδιού σας, για να γίνετε εκτός από αυτές τις ερωτήσεις της συνέντευξης java, έχουμε ένα πρόγραμμα σπουδών που έχει σχεδιαστεί για φοιτητές και επαγγελματίες που θέλουν να γίνουν προγραμματιστές Java.

Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων αυτού του JavaFX Tutorial και θα επικοινωνήσουμε μαζί σας το συντομότερο δυνατό.