מדריך JavaFX: כיצד ליצור יישום?



מדריך JavaFX זה נותן היכרות קצרה עם פלטפורמת JavaFX, תכונותיה, הארכיטקטורה שלה ויעזור לך ליצור את יישום JavaFX הראשון שלך.

JavaFX היא פלטפורמת Java ליצירת יישומי אינטרנט עשירים (RIA) שיכולים לפעול על מגוון גדול של מכשירים. הוא נועד להחליף נדנדה בג'אווה יישומים כמסגרת GUI. כמו כן, הוא מציע יותר פונקציות מאשר Swing. JavaFX הוא ערכת הכלים GUI של הדור הבא עבור . נשמע מעניין? במדריך זה של JavaFX, בואו נחקור את הרעיון בפירוט.

מה זה JavaFX? S

JavaFX היא ספריית Java המשמשת לעיצוב, יצירה, בדיקה ופריסה של יישומי GUI חוצי פלטפורמות ויישומי אינטרנט עשירים (RIA) שיכולים לרוץ על מגוון רחב של מכשירים.





  • אחד התמריצים ליצור JavaFX היה להחליף את Swing. יתר על כן, JavaFX הוא עקבי יותר בעיצובו מאשר Swing.
  • יש לו יותר תכונות והוא גם מודרני יותר, ומאפשר לך לעצב GUI באמצעות קבצי פריסה (XML) ולעצב אותם בעזרת .
  • JavaFX משלבת גם גרפיקה דו-ממדית דו-ממדית, תרשימים, אודיו, וידאו ויישומי אינטרנט משובצים בערכת כלים אחת קוהרנטית.

הערה: יישומי אינטרנט עשירים הם יישומי אינטרנט המציעים תכונות וניסיון דומים לאלה של יישומי שולחן עבודה. הם מציעים חוויה חזותית טובה יותר בהשוואה ליישומי האינטרנט הרגילים למשתמשים.

עכשיו שאתה מודע למה בדיוק JavaFX, בדוק את החלק האדריכלי בו בחלק הבא של מדריך JavaFX זה.



אדריכלות JavaFX

ל- JavaFX רכיבים מובנים שונים אשר קשורים זה בזה. הוא מכיל קבוצה עשירה של ממשקי API המספקים די בפיתוח יישומי אינטרנט עשירים הפועלים באופן עקבי בפלטפורמות רבות. האיור הבא מציג את הארכיטקטורה של API JavaFX.

אדריכלות - מדריך JavaFX - אדוריקה

בואו נחקור את כל אחד מהרכיבים הללו בפירוט.



תרשים סצנה

Scene Graph הוא נקודת המוצא של בניית יישום JavaFX. זה היררכי של צמתים המייצגים את כל האלמנטים הוויזואליים בממשק המשתמש של היישום. אלמנט יחיד בגרף סצנה נקרא צומת. כל צומת הוא צומת ענף או צומת עלים. צמתים בענפים יכולים להכיל צמתים אחרים, כמו ילדיהם, אך צמתים עלים אינם מכילים צמתים אחרים. הצומת הראשון בעץ נקרא צומת שורש. לצומת שורש אין הורה.

ישנם שיעורים שונים ב javafx.scene חבילה המשמשת ליצירה, שינוי ויישום כמה טרנספורמציות על הצומת.

מנוע גרפי

מנוע הגרפיקה JavaFX מספק את התמיכה הגרפית לרכיב הגרף של הסצנה. זה בדרך כלל תומך ב 2D כמו גם בגרפיקה תלת-ממדית. מספק גם את עיבוד התוכנה כאשר חומרת הגרפיקה הקיימת במערכת אינה מסוגלת לתמוך בעיבוד מואץ חומרה.

שני הצינורות הגרפיים המואצים ב- JavaFX הם:

  • פריזמה - זההוא גרפיקה מואצת בחומרה שיכולה להפיק גרפיקה דו-ממדית וגם תלת-ממדית.
  • ערכת כלים קוונטית -הוא משמש לאיגוד פריזמה וערכת כלי חלונות זכוכית יחד והופך אותם לזמינים לשכבות הנ'ל בערימה.

ערכת כלים מזכוכית

זוהי שכבה תלויה בפלטפורמה המחברת את פלטפורמת JavaFX למערכת ההפעלה המקורית. היא מספקת שירותי מערכת הפעלה מקומית כגון ניהול חלונות, אירועים, טיימרים ומשטחים.

מדיה ומנוע אינטרנט

  • מנוע אינטרנט - זההוא מנוע דפדפן אינטרנט המשמש להטמעת ה- תוכן לגרף סצנת JavaFX.הוא תומך ב- HTML5, CSS, , DOM ו- SVG.
  • מנוע מדיה - זהמספק כלים ליצירת יישומי מדיה המאפשרים השמעת מדיה בחלון שולחן העבודה או בתוך דף אינטרנט בפלטפורמות נתמכות. JavaFX מנוע מדיה מבוסס על מנוע קוד פתוח המכונה a דִגלוֹן . הוא תומך בהפעלה של תוכן וידאו ושמע.

אלה הםרכיבים התומכים ב- JavaFX API. החלק הבא של מדריך JavaFX זה עוסק במבנה היישומים JavaFX.

אנטומיה של יישום JavaFX

יישום JavaFXמחולק באופן היררכי לשלושה מרכיבים עיקריים: במה, סצנה וצמתים.

שלב

זהו המכולה הראשית ונקודת הכניסה של היישום. הוא מייצג את החלון הראשי ואובייקט הבמה שנוצר מועבר כטיעון של הַתחָלָה() שיטה של יישום מעמד.שלב כולל שני פרמטרים, רוֹחַב, ו גוֹבַה, שקובע את העמדה כלומר.

ישנם חמישה סוגים של שלבים זמינים ומינוס

  • מְעוּטָר
  • לא מקושט
  • שָׁקוּף
  • מאוחד
  • תוֹעֶלֶת

אתה צריך להתקשר ל הופעה() שיטה להצגת תוכן הבמה.

סְצֵינָה

ה סְצֵינָה הוא מיכל לתוכן הוויזואלי של הבמה. הוא מחזיק באלמנטים של ממשק המשתמש, כגון תצוגות תמונה, לחצנים, רשתות, טקסט תיבות. Javafx. סצנה. סצנה מעמדשל החבילה javafx.scene מספק את כל השיטות להתמודד עם אובייקט סצנה.אתה יכול ליצור סצנה על ידי יצירת ה- סְצֵינָה אובייקט כיתה והעברת אובייקט הפריסה לבנאי הכיתות Scene.

תרשים סצנה וצמתים

זה קיים בהרמה הנמוכה ביותר של ההיררכיה. א גרף סצנה הוא מבנה נתונים דמוי עץ (היררכי) המייצג את תוכן הסצנה. אתה יכול לחשוב על זה כאוסף של צמתים שונים. בעיקרון. א צוֹמֶת הוא אובייקט חזותי / גרפי של גרף סצנה.ה צוֹמֶת מחלקה של החבילה javafx.scene מייצג צומת יחיד ב- JavaFX ומחלקה זו היא מעמד העל של כל הצמתים.

עכשיו שאתה יודע אתמבנה של יישום JavaFX בפירוט, בואו ללמוד כיצד ליצור יישום JavaFX עם דוגמה במדריך זה JavaFX.

יצירת יישום JavaFX

בואו לבדוק כיצד לבצע את J avaFX תכנות ב- IDE Eclipse. הדבר הראשון שאתה צריך לעשות הוא להתקין קליפ e (fx) תוסף עבור Eclipse IDE. קליפ e (fx) הוא קבוצה של כלים וספריות נחוצות המסייעות לך לבצע את תכנות JavaFX.

הנה, אנו יוצרים יישום JavaFX פשוט אשר מודפס ברוך הבא לאדוריקה! על הקונסולה בלחיצה על הכפתור המוצג על הבמה.

יישום חבילה ייבוא ​​javafx.application.Application ייבוא ​​javafx.event.ActionEvent יבוא javafx.event.EventHandler יבוא javafx.scene.Scene ייבוא ​​javafx.scene.control.Button ייבוא ​​javafx.scene.layout.StackPane ייבוא ​​javafx.stage. ראשי מרחיב את היישום {@Override Public void start (Stage primaryStage) {Button btn = New Button () btn.setText ('Say' Welcome to Edureka! '') Btn.setOnAction (EventHandler new () {@Override ידית הריק הציבורי ( אירוע ActionEvent) {System.out.println ('ברוך הבא לאדוריקה!')}}) StackPane שורש = StackPane חדש () root.getChildren (). הוסף (btn) סצנת סצנה = סצנה חדשה (root, 300, 250) primaryStage .setTitle ('שלום עולם!') primaryStage.setScene (סצנה) primaryStage.show ()} ראשי ריק סטטי ציבורי (String [] args) {launch (args)}}

תְפוּקָה:

ברוך הבא לאדוריקה!

הסבר על תוכנית יישום JavaFX

בואו ננסה להבין כיצד תוכנית דוגמה זו עובדת בשלבים פשוטים.

שלב 1: הרחב את שיטת javafx.application.Application ועקף את start ()

כפי שדנו קודם, הַתחָלָה() השיטה היא נקודת המוצא של יישום JavaFX. יְבוּא JavaFX.application.Application כדי לבטל את שיטת start (). עקוף את שיטת start () והעביר אליה object של הכיתה javafx.stage.Stage.

התחלה בטלה ציבורית של @Override (Stage primaryStage)

שלב 2: צור כפתור

באפשרותך ליצור כפתור על ידי הפעלת מיידית של javafx.scene.control.Button מעמד. לכן, ייבא את המחלקה הרלוונטית לקוד. העבירו את הטקסט של תווית הכפתור בבנאי הכיתות Button.

כפתור btn = כפתור חדש ()

שלב 3: צור אירוע עבור הכפתור

יישום לדוגמה זה מדפיס את הטקסט לאירוע על הכפתור. לכן, עליכם ליצור אירוע עבור הכפתור. למטרה זו, התקשרו setOnAction () על הכפתור והגדר מטפל אירועים בכיתה אנונימי כפרמטר לשיטה.בתוך הכיתה האנונימית הזו, הגדר ידית שיטה (). בדוק את הקוד עבור שיטת ה- handle ().

btn.setText ('אמור' ברוך הבא לאדוריקה! '') btn.setOnAction (חדש EventHandler () {@Override ידית חלל ציבורית (אירוע ActionEvent) {System.out.println ('ברוך הבא לאדורקה!')}

שלב 4: צור פריסה והוסף לה את הכפתור

JavaFX מספק בדרך כלל מספר פריסות. יישם אחד מהם על מנת לדמיין כראוי את הווידג'טים. עליך להוסיף צמתים אחרים כמו כפתורים, טקסטים וכו 'לפריסה זו.

שורש StackPane = חדש StackPane () root.getChildren (). הוסף (btn)

שלב 5: צרו את הסצנה

הסצנה נמצאת ברמה גבוהה יותר בהיררכיה של מבנה יישומי JavaFx. אז אתה צריך להוסיף את הפריסה לסצנה. אתה יכול ליצור אותו מיידי javafx.scene.Scene מחלקים ומעבירים את אובייקט הפריסה לבנאי כיתת הסצנה.

סצנת סצנה = סצנה חדשה (שורש, 300, 250)

שלב 5: הכן את הבמה

השלב הוא המכולה הראשית ונקודת הכניסה של היישום. השתמש בשיטות המוצעות על ידי javafx.stage.Stage בכיתה כדי לקבוע כמה תכונות לבמה.השתמש בשיטת ההצגה () כדי להציג את הבמה. הנה הקוד לזה.

primaryStage.setTitle ('שלום עולם!') primaryStage.setScene (סצנה) primaryStage.show ()

שלב 6: צור את השיטה העיקרית

בשלב האחרון, צור שיטה עיקרית בה תפעיל את היישום כלומר קריאת השקת שיחה () ותעביר אליה את טיעוני שורת הפקודה (טענות).

סטטי ציבורי ריק ריק (String [] args) {launch (args)}

שלב 7: הפעל את היישום כדי לראות את הפלט.

כדי להפוך אותו למעניין יותר תוכלו לשנות את ממשק המשתמש של יישום JavaFX על ידי החלת עליו עיצוב מותאם אישית כמו HTML ו- CSS.

זה מביא אותנו לסוף זהמדריך JavaFX. עברנו את המבנה הפנימי של יישום JavaFX ולמדנו את יכולות המפתח של הארכיטקטורה, מחזור החיים והרכיבים שלה. בדקנו גם כיצד ליצור יישום GUI פשוט.

דאג שתתאמן ככל האפשר ותחזיר את החוויה שלך.

התקשר לפי סימוכין c ++

בדוק את מאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם. אנו כאן כדי לעזור לך בכל שלב בדרכך, ולהיות מלבד שאלות ראיונות אלה ב- Java, אנו מגישים תוכנית לימודים המיועדת לסטודנטים ואנשי מקצוע המעוניינים להיות מפתח Java.

יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות של מדריך JavaFX זה ונחזור אליך בהקדם האפשרי.