JavaFX Tutorial: จะสร้างแอพพลิเคชั่นได้อย่างไร?

JavaFX เป็นแพลตฟอร์ม Java สำหรับสร้างแอปพลิเคชันอินเทอร์เน็ตที่สมบูรณ์ (RIA) ที่สามารถทำงานบนอุปกรณ์ได้หลากหลายประเภท มีวัตถุประสงค์เพื่อแทนที่ สวิงใน Java แอปพลิเคชันเป็นกรอบงาน GUI นอกจากนี้ยังมีฟังก์ชันมากกว่า Swing JavaFX เป็นชุดเครื่องมือ GUI รุ่นใหม่สำหรับไฟล์ . ฟังดูน่าสนใจ? ในบทช่วยสอน JavaFX นี้เรามาดูแนวคิดโดยละเอียดกัน

• JavaFX คืออะไร?
• สถาปัตยกรรม JavaFX
• กายวิภาคของแอปพลิเคชัน JavaFX
• การสร้างแอปพลิเคชัน JavaFX

JavaFX คืออะไร

JavaFX เป็นไลบรารี Java ที่ใช้สำหรับการออกแบบสร้างทดสอบและปรับใช้แอปพลิเคชัน GUI ข้ามแพลตฟอร์มและแอปพลิเคชันอินเทอร์เน็ต (RIA) ที่หลากหลายซึ่งสามารถทำงานบนอุปกรณ์ที่หลากหลาย

• แรงจูงใจอย่างหนึ่งในการสร้าง JavaFX คือการแทนที่ Swing นอกจากนี้ JavaFX ยังมีความสอดคล้องในการออกแบบมากกว่า Swing
• มีคุณสมบัติมากกว่าและทันสมัยกว่าด้วยทำให้คุณสามารถออกแบบ GUI โดยใช้ไฟล์เค้าโครง (XML) และจัดรูปแบบด้วย .
• JavaFX ยังรวมกราฟิก 2D + 3D แผนภูมิเสียงวิดีโอและเว็บแอปพลิเคชันที่ฝังไว้ในชุดเครื่องมือ GUI ที่สอดคล้องกัน

บันทึก: Rich Internet Applications คือเว็บแอปพลิเคชันที่นำเสนอคุณสมบัติและประสบการณ์ที่คล้ายคลึงกับแอปพลิเคชันบนเดสก์ท็อป พวกเขามอบประสบการณ์การมองเห็นที่ดีกว่าเมื่อเทียบกับเว็บแอปพลิเคชันทั่วไปให้กับผู้ใช้

ตอนนี้คุณทราบแล้วว่า JavaFX คืออะไรลองดูส่วนสถาปัตยกรรมของมันในส่วนถัดไปของบทช่วยสอน JavaFX นี้

สถาปัตยกรรม JavaFX

JavaFX มีส่วนประกอบต่างๆในตัวซึ่งเชื่อมต่อถึงกัน ประกอบด้วยชุด API ที่หลากหลายซึ่งมากเกินพอที่จะพัฒนาแอปพลิเคชันอินเทอร์เน็ตที่สมบูรณ์ซึ่งทำงานอย่างสม่ำเสมอในหลายแพลตฟอร์ม ภาพประกอบต่อไปนี้แสดงสถาปัตยกรรมของ JavaFX API

มาสำรวจส่วนประกอบเหล่านี้โดยละเอียด

กราฟฉาก

Scene Graph เป็นจุดเริ่มต้นของการสร้างแอปพลิเคชัน JavaFX มันเป็นลำดับชั้น ของโหนดที่แสดงถึงองค์ประกอบภาพทั้งหมดของอินเทอร์เฟซผู้ใช้ของแอปพลิเคชัน องค์ประกอบเดียวในกราฟฉากเรียกว่าโหนด แต่ละโหนดเป็นโหนดสาขาหรือโหนดลีฟ โหนดสาขาสามารถมีโหนดอื่น ๆ ได้เช่นโหนดย่อย แต่โหนด Leaf ไม่มีโหนดอื่น โหนดแรกในทรีเรียกว่า รูทโหนด โหนดรูทไม่มีพาเรนต์

มีคลาสต่างๆที่นำเสนออยู่ javafx.scene แพ็คเกจที่ใช้สำหรับสร้างแก้ไขและใช้การแปลงบางอย่างบนโหนด

กราฟิกเอ็นจิ้น

เอ็นจิ้นกราฟิก JavaFX ให้การสนับสนุนกราฟิกกับส่วนประกอบกราฟฉาก โดยทั่วไปรองรับกราฟิก 2D และ 3D ทั้งคู่ ยังจัดเตรียมการแสดงผลซอฟต์แวร์เมื่อฮาร์ดแวร์กราฟิกที่มีอยู่ในระบบไม่สามารถรองรับการเรนเดอร์ที่เร่งด้วยฮาร์ดแวร์

ไปป์ไลน์แบบเร่งกราฟิกสองรายการใน JavaFX คือ:

• ปริซึม - มันเป็นฮาร์ดแวร์เร่งกราฟิกประสิทธิภาพสูงที่สามารถแสดงผลได้ทั้งกราฟิก 2D และ 3D
• Quantum Toolkit -ใช้เพื่อผูกปริซึมและชุดเครื่องมือกระจกหน้าต่างเข้าด้วยกันและทำให้พร้อมใช้งานสำหรับเลเยอร์ด้านบนในสแต็ก

ชุดเครื่องมือกระจกหน้าต่าง

เป็นเลเยอร์ที่ขึ้นอยู่กับแพลตฟอร์มที่เชื่อมต่อแพลตฟอร์ม JavaFX กับระบบปฏิบัติการเนทีฟ ให้บริการระบบปฏิบัติการดั้งเดิมเช่นการจัดการหน้าต่างเหตุการณ์ตัวจับเวลาและพื้นผิว

การจัดการข้อยกเว้นใน pl sql

Media และ Web Engine

• Web Engine - มันเป็นเอ็นจิ้นเว็บเบราว์เซอร์ที่ใช้ในการฝังไฟล์ เนื้อหาไปยังกราฟฉาก JavaFXรองรับ HTML5, CSS, , DOM และ SVG
• Media Engine - มันมีเครื่องมือในการสร้างแอปพลิเคชันสื่อที่เปิดใช้งานการเล่นสื่อในหน้าต่างเดสก์ท็อปหรือภายในเว็บเพจบนแพลตฟอร์มที่รองรับ JavaFX เครื่องมือสื่อ ขึ้นอยู่กับเครื่องมือโอเพ่นซอร์สที่เรียกว่าไฟล์ ลำแสง . รองรับการเล่นเนื้อหาวิดีโอและเสียง

เหล่านี้เป็นคอมโพเนนต์ที่รองรับ JavaFX API ส่วนถัดไปของบทช่วยสอน JavaFX นี้เกี่ยวกับโครงสร้างแอปพลิเคชัน JavaFX

กายวิภาคของแอปพลิเคชัน JavaFX

แอปพลิเคชัน JavaFXแบ่งตามลำดับชั้นออกเป็นสามองค์ประกอบหลัก: เวทีฉากและโหนด

เวที

เป็นคอนเทนเนอร์หลักและจุดเริ่มต้นของแอปพลิเคชัน มันแสดงถึงหน้าต่างหลักและวัตถุระยะที่สร้างขึ้นจะถูกส่งผ่านเป็นอาร์กิวเมนต์ของ เริ่มต้น () วิธีการของ ใบสมัคร ชั้นเรียนสเตจมีสองพารามิเตอร์ ความกว้าง และ ความสูง ซึ่งกำหนดตำแหน่งคือ.

มีห้าประเภทของขั้นตอนที่ใช้ได้ & ลบ

• ตกแต่ง
• ไม่ได้ตกแต่ง
• โปร่งใส
• ปึกแผ่น
• ยูทิลิตี้

คุณต้องโทร แสดง() วิธีการแสดงเนื้อหาของเวที

ฉาก

ฉาก เป็นคอนเทนเนอร์สำหรับเนื้อหาภาพของพื้นที่งาน มันมีองค์ประกอบ UI เช่นมุมมองภาพปุ่มกริดกล่องข้อความ Javafx.scene ฉาก ชั้นเรียนของแพ็คเกจ javafx.scene มีวิธีการทั้งหมดในการจัดการกับวัตถุฉากคุณสามารถสร้างฉากโดยสร้างไฟล์ ฉาก คลาสอ็อบเจ็กต์และส่งเลย์เอาต์อ็อบเจ็กต์ไปยังตัวสร้างคลาส Scene

กราฟฉากและโหนด

มีอยู่ที่ระดับต่ำสุดของลำดับชั้น ก กราฟฉาก เป็นโครงสร้างข้อมูลแบบต้นไม้ (ตามลำดับชั้น) ที่แสดงเนื้อหาของฉาก คุณสามารถคิดว่ามันคือการรวบรวมของโหนดต่างๆ โดยทั่วไป ก โหนด เป็นวัตถุภาพ / กราฟิกของกราฟฉาก โหนด คลาสของแพ็คเกจ javafx.scene แทนโหนดเดียวใน JavaFX และคลาสนี้เป็นซูเปอร์คลาสของโหนดทั้งหมด

ตอนนี้คุณรู้แล้วว่ารายละเอียดโครงสร้างของแอปพลิเคชัน JavaFX มาเรียนรู้วิธีสร้างแอปพลิเคชัน JavaFX พร้อมตัวอย่างในบทช่วยสอน JavaFX นี้

ไม่เปลี่ยนแปลงและไม่เปลี่ยนรูปใน java

การสร้างแอปพลิเคชัน JavaFX

มาดูวิธีการแสดง J avaFX การเขียนโปรแกรมบน IDE Eclipse สิ่งแรกที่คุณต้องทำคือการติดตั้ง e (fx) clipse ปลั๊กอินสำหรับ Eclipse IDE e (fx) clipse เป็นชุดเครื่องมือและไลบรารีที่จำเป็นซึ่งช่วยคุณในการเขียนโปรแกรม JavaFX

ที่นี่เรากำลังสร้างแอปพลิเคชัน JavaFX อย่างง่ายซึ่งพิมพ์ ยินดีต้อนรับสู่ Edureka! บนคอนโซลเมื่อคลิกปุ่มที่แสดงบนพื้นที่งาน

นำเข้าแอปพลิเคชันแพคเกจ javafx.application.Application import javafx.event.ActionEvent import javafx.event.EventHandler import javafx.scene.Scene import javafx.scene.control Button import javafx.scene.layout.StackPane import javafx.stage.Stage คลาสสาธารณะ Main ขยาย Application {@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 = new StackPane () root.getChildren (). add (btn) Scene scene = new Scene (root, 300, 250) primaryStage .setTitle ('Hello World!') primaryStage.setScene (ฉาก) primaryStage.show ()} public static void main (String [] args) {launch (args)}}

เอาท์พุต:

ยินดีต้อนรับสู่ Edureka!

คำอธิบายโปรแกรมตัวอย่างแอ็พพลิเคชัน JavaFX

มาลองทำความเข้าใจว่าโปรแกรมตัวอย่างนี้ทำงานอย่างไรในขั้นตอนง่ายๆ

ขั้นตอนที่ 1: ขยาย javafx.application.Application and override start () method

ดังที่เราได้กล่าวไปก่อนหน้านี้ เริ่มต้น () method เป็นจุดเริ่มต้นของ JavaFX Application นำเข้า JavaFX.application.Application เพื่อแทนที่เมธอด start () แทนที่เมธอด start () และส่งต่อไปยัง oเรื่องของชั้นเรียน javafx.stage.Stage.

@Override สาธารณะเริ่มโมฆะ (Stage primaryStage)

ขั้นตอนที่ 2: สร้างปุ่ม

คุณสามารถสร้างปุ่มได้โดยการสร้างไฟล์ javafx.scene.control ปุ่ม ชั้นเรียน ดังนั้นให้นำเข้าคลาสที่เกี่ยวข้องลงในโค้ด ส่งข้อความป้ายกำกับปุ่มในตัวสร้างคลาสปุ่ม

ปุ่ม btn = ปุ่มใหม่ ()

ขั้นที่ 3: สร้างเหตุการณ์สำหรับปุ่ม

แอปพลิเคชันตัวอย่างนี้จะพิมพ์ข้อความสำหรับเหตุการณ์บนปุ่ม ดังนั้นคุณต้องสร้างเหตุการณ์สำหรับปุ่ม เพื่อการนี้โทร setOnAction () บนปุ่มและกำหนดคลาสที่ไม่ระบุชื่อ Event Handler เป็นพารามิเตอร์สำหรับเมธอดภายในคลาสที่ไม่ระบุชื่อนี้กำหนดวิธีการจัดการ () ตรวจสอบรหัสสำหรับวิธี handle ()

btn.setText ('Say' Welcome to Edureka! '') btn.setOnAction (new EventHandler () {@Override public void handle (ActionEvent event) {System.out.println ('Welcome to Edureka!')}

ขั้นตอนที่ 4: สร้างเค้าโครงและเพิ่มปุ่มลงไป

โดยปกติ JavaFX จะมีเค้าโครงจำนวนมาก ใช้หนึ่งในนั้นเพื่อให้เห็นภาพวิดเจ็ตอย่างถูกต้อง คุณต้องเพิ่มโหนดอื่น ๆ เช่นปุ่มข้อความ ฯลฯ ในเค้าโครงนี้

ความแตกต่างระหว่าง xml และ html คืออะไร

StackPane root = StackPane ใหม่ () root.getChildren () เพิ่ม (btn)

ขั้นที่ 5: สร้างฉาก

ฉากอยู่ในระดับที่สูงกว่าในลำดับชั้นของโครงสร้างแอปพลิเคชัน JavaFx ดังนั้นคุณต้องเพิ่มเค้าโครงของคุณในฉาก คุณสามารถสร้างอินสแตนซ์ได้ javafx.scene.Scene คลาสและส่งผ่านวัตถุโครงร่างไปยังตัวสร้างคลาสฉาก

ฉากฉาก = ฉากใหม่ (รูท 300, 250)

ขั้นที่ 5: เตรียมเวที

ขั้นตอนคือคอนเทนเนอร์หลักและจุดเริ่มต้นของแอปพลิเคชัน ใช้วิธีการที่นำเสนอโดย javafx.stage.Stage คลาสเพื่อตั้งค่าคุณสมบัติบางอย่างสำหรับสเตจใช้วิธีการแสดง () เพื่อแสดงเวที นี่คือรหัสของสิ่งนั้น

primaryStage.setTitle ('Hello World!') primaryStage.setScene (ฉาก) primaryStage.show ()

ขั้นที่ 6: สร้างวิธีการหลัก

ในขั้นตอนสุดท้ายให้สร้างเมธอดหลักที่คุณจะเรียกใช้แอปพลิเคชันนั่นคือเรียกใช้งานเมธอด () และส่งอาร์กิวเมนต์บรรทัดคำสั่ง (args) ไป

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

ขั้นที่ 7: เรียกใช้แอปพลิเคชันเพื่อดูผลลัพธ์

เพื่อให้น่าสนใจยิ่งขึ้นคุณสามารถเปลี่ยน UI ของแอปพลิเคชัน JavaFX ได้โดยใช้การออกแบบที่กำหนดเองเช่น HTML และ CSS

สิ่งนี้ทำให้เรามาถึงจุดสิ้นสุดของสิ่งนี้สอน JavaFX เราศึกษาโครงสร้างภายในของแอปพลิเคชัน JavaFX และเรียนรู้ความสามารถหลักของสถาปัตยกรรมวงจรชีวิตและส่วนประกอบ นอกจากนี้เรายังตรวจสอบวิธีสร้างแอปพลิเคชัน GUI อย่างง่าย

ให้แน่ใจว่าคุณฝึกฝนให้มากที่สุดและเปลี่ยนประสบการณ์

ตรวจสอบไฟล์ โดย Edureka บริษัท การเรียนรู้ออนไลน์ที่เชื่อถือได้ซึ่งมีเครือข่ายผู้เรียนที่พึงพอใจมากกว่า 250,000 คนกระจายอยู่ทั่วโลก เราพร้อมที่จะช่วยเหลือคุณในทุกขั้นตอนในการเดินทางของคุณสำหรับการเป็นนอกเหนือจากคำถามสัมภาษณ์ java นี้เรามาพร้อมกับหลักสูตรที่ออกแบบมาสำหรับนักเรียนและมืออาชีพที่ต้องการเป็น Java Developer

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบทช่วยสอน JavaFX นี้ และเราจะติดต่อกลับโดยเร็วที่สุด