Tutorial JavaFX: Bagaimana membuat aplikasi?



Tutorial JavaFX ini memberikan pengenalan ringkas mengenai platform JavaFX, ciri-cirinya, senibina dan akan membantu anda membuat aplikasi JavaFX pertama anda

JavaFX adalah platform Java untuk membuat aplikasi internet kaya (RIA) yang dapat berjalan pada berbagai jenis perangkat. Ia bertujuan untuk menggantikan Berayun di Jawa aplikasi sebagai kerangka GUI. Ia juga menawarkan lebih banyak fungsi daripada Swing. JavaFX adalah toolkit GUI generasi berikutnya untuk . Bunyinya menarik? Dalam tutorial JavaFX ini, mari kita meneroka konsepnya secara terperinci.

Apa itu JavaFX? S

JavaFX adalah perpustakaan Java yang digunakan untuk merancang, membuat, menguji dan menyebarkan aplikasi GUI lintas platform dan aplikasi internet kaya (RIA) yang dapat berjalan di berbagai perangkat.





  • Salah satu insentif untuk membuat JavaFX adalah menggantikan Swing. Tambahan pula, JavaFX lebih konsisten dalam rekaannya daripada Swing.
  • Ia mempunyai lebih banyak ciri dan lebih moden juga, memungkinkan anda merancang GUI menggunakan fail susun atur (XML) dan menggayakannya dengan .
  • JavaFX juga mengintegrasikan grafik 2D + 3D, grafik, audio, video, dan aplikasi web tertanam ke dalam satu toolkit GUI yang koheren.

Catatan: Aplikasi Internet yang kaya adalah aplikasi web yang menawarkan ciri dan pengalaman yang serupa dengan aplikasi desktop. Mereka menawarkan pengalaman visual yang lebih baik jika dibandingkan dengan aplikasi web biasa kepada pengguna.

Sekarang setelah anda mengetahui apa sebenarnya JavaFX, lihat bahagian seni bina di bahagian seterusnya dari tutorial JavaFX ini.



Senibina JavaFX

JavaFX mempunyai pelbagai komponen yang saling berkaitan antara satu sama lain. Ini mengandungi sekumpulan API yang kaya yang lebih dari cukup untuk mengembangkan aplikasi internet yang kaya yang berjalan secara konsisten di banyak platform. Ilustrasi berikut menunjukkan seni bina API JavaFX.

Senibina - Tutorial JavaFX - Edureka

Mari kita teliti setiap komponen ini secara terperinci.



Grafik Pemandangan

Scene Graph adalah titik permulaan untuk membina aplikasi JavaFX. Ia adalah hierarki nod yang mewakili semua elemen visual antara muka pengguna aplikasi. Unsur tunggal dalam grafik pemandangan dipanggil nod. Setiap simpul adalah simpul cabang atau simpul daun. Nod cabang boleh mengandungi nod lain, seperti anak mereka tetapi simpul daun tidak mengandungi nod lain. Node pertama di pokok dipanggil nod akar. Node root tidak mempunyai induk.

Terdapat pelbagai kelas yang terdapat di javafx.scene pakej yang digunakan untuk membuat, mengubah dan menerapkan beberapa transformasi pada nod.

Enjin Grafik

Mesin grafik JavaFX menyediakan sokongan grafik untuk komponen grafik pemandangan. Secara umumnya ia menyokong grafik 2D dan 3D. Juga menyediakan rendering perisian ketika perkakasan grafik yang ada pada sistem tidak dapat mendukung rendering dipercepat perkakasan.

Dua saluran paip dipercepat grafik di JavaFX adalah:

  • Prisma - Iniadalah perkakasan grafik berprestasi tinggi yang dipercepat yang dapat menghasilkan grafik 2D dan 3D.
  • Kit Alat Kuantum -Ia digunakan untuk mengikat alat perkakas prisma dan gulungan kaca dan menjadikannya tersedia untuk lapisan di atas dalam timbunan.

Toolkit Tingkap Kaca

Ini adalah lapisan yang bergantung pada platform yang menghubungkan platform JavaFX ke sistem operasi asli. Ini menyediakan perkhidmatan sistem operasi asli seperti mengurus tingkap, acara, pemasa, dan permukaan.

Media dan Mesin Web

  • Enjin Web - Iaadalah mesin penyemak imbas web yang digunakan untuk menanamkan kandungan ke grafik pemandangan JavaFX.Ia menyokong HTML5, CSS, , DOM, dan SVG.
  • Mesin Media - Iamenyediakan alat untuk membuat aplikasi media yang memungkinkan pemutaran media di tetingkap desktop atau di dalam laman web pada platform yang disokong. JavaFX mesin media didasarkan pada enjin sumber terbuka yang dikenali sebagai Penstriman . Ia menyokong pemutaran kandungan video dan audio.

Ini adalahkomponen yang menyokong JavaFX API. Bahagian seterusnya dari tutorial JavaFX ini adalah mengenai struktur aplikasi JavaFX.

Anatomi Aplikasi JavaFX

Aplikasi JavaFXdibahagikan secara hierarki kepada tiga komponen utama: Pentas, Adegan, dan Nod.

Pentas

Ini adalah wadah utama dan pintu masuk aplikasi. Ini mewakili tetingkap utama dan objek panggung yang dibuat dilewatkan sebagai argumen dari mulakan () kaedah Permohonan kelas.Tahap mempunyai dua parameter, Lebar, dan Tinggi, yang menentukan kedudukan iaitu.

Terdapat lima jenis peringkat yang ada & tolak

  • Berhias
  • Tidak dihiasi
  • Telus
  • Bersatu
  • Utiliti

Anda mesti memanggil tunjuk () kaedah untuk memaparkan kandungan pentas.

Adegan

The pemandangan adalah wadah untuk kandungan visual pentas. Ia memegang elemen UI, seperti Paparan Imej, Butang, Kotak, Kotak Kotak. Javafx.scene.Scene kelaspakej javafx.scene menyediakan semua kaedah untuk menangani objek pemandangan.Anda boleh membuat pemandangan dengan membuat Adegan objek kelas dan melepasi objek susun atur ke konstruk kelas Scene.

Grafik & Nod Adegan

Ia wujud ditahap hierarki paling rendah. A grafik pemandangan adalah struktur data seperti pohon (hierarki) yang mewakili kandungan pemandangan. Anda boleh menganggapnya sebagai koleksi pelbagai nod. Pada asasnya. a simpul adalah objek visual / grafik grafik pemandangan.The Node Kelas pakej javafx.scene mewakili satu nod dalam JavaFX dan kelas ini adalah superclass dari semua nod.

Sekarang anda tahustruktur aplikasi JavaFX secara terperinci, mari kita belajar bagaimana membuat aplikasi JavaFX dengan contoh dalam tutorial JavaFX ini.

Membuat Aplikasi JavaFX

Mari kita lihat bagaimana melakukan J avaFX pengaturcaraan pada IDE Eclipse. Perkara pertama yang perlu anda lakukan ialah memasang e (fx) klip pemalam untuk Eclipse IDE. e (fx) klip adalah sekumpulan alat dan perpustakaan yang diperlukan yang dapat membantu anda menjalankan pengaturcaraan JavaFX.

Di sini, kami membuat aplikasi JavaFX sederhana yang mencetak Selamat datang ke Edureka! di konsol dengan mengklik butang yang ditunjukkan di atas pentas.

aplikasi pakej import javafx.application.Aplication 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 kelas awam Main memperluaskan Aplikasi {@Override public void start (Stage primaryStage) {Button btn = Button baru () btn.setText ('Say' Welcome to Edureka! '') Btn.setOnAction (EventHandler baru () {@Override pemegang kekosongan awam ( Acara ActionEvent) {System.out.println ('Welcome to Edureka!')}}) StackPane root = StackPane baru () root.getChildren (). Tambahkan (btn) Adegan pemandangan = Adegan baru (root, 300, 250) tahap utama .setTitle ('Hello World!') primerStage.setScene (pemandangan) primerStage.show ()} umum kekosongan statik awam (String [] args) {pelancaran (args)}}

Pengeluaran:

Selamat datang ke Edureka!

Aplikasi JavaFX Contoh Penerangan Program

Mari cuba fahami bagaimana program contoh ini berfungsi dengan langkah mudah.

Langkah 1: Panjangkan kaedah javafx.application. Aplikasi dan ganti start ()

Seperti yang telah kita bincangkan sebelumnya, mulakan () kaedah adalah titik permulaan Aplikasi JavaFX. Import JavaFX.application.Aplication untuk mengatasi kaedah start (). Tolak kaedah mula () dan berikan aawek kelas javafx.stage.Stage.

@ Override permulaan kekosongan awam (Tahap primerStage)

Langkah 2: Buat Butang

Anda boleh membuat butang dengan memberi contoh javafx.scene.control.Button kelas. Oleh itu, import kelas yang berkaitan ke dalam kod. Hantarkan teks label butang di Pembina kelas butang.

Butang btn = Butang baru ()

Langkah 3: Buat acara untuk butang

Aplikasi contoh ini mencetak teks untuk acara pada butang. Jadi, anda perlu membuat acara untuk butang. Untuk tujuan ini, hubungi setOnAction () pada butang dan tentukan Pengendali Acara kelas tanpa nama sebagai parameter kaedah.Di dalam kelas tanpa nama ini, tentukan pengendalian kaedah (). Lihat kod untuk kaedah pegangan ().

btn.setText ('Katakan' Selamat Datang di Edureka! '') btn.setOnAction (EventHandler baru () {@Override menangani kekosongan awam (acara ActionEvent) {System.out.println ('Selamat Datang di Edureka!')}

Langkah 4: Buat susun atur dan tambahkan butang padanya

JavaFX biasanya menyediakan sejumlah susun atur. Laksanakan salah satu daripadanya untuk memvisualisasikan widget dengan betul. Anda perlu menambahkan nod lain seperti butang, teks, dan lain-lain ke susun atur ini.

StackPane root = StackPane baru () root.getChildren (). Tambahkan (btn)

Langkah 5: Buat pemandangan

Tempat kejadian berada pada tahap yang lebih tinggi dalam hierarki struktur aplikasi JavaFx. Jadi, anda perlu menambahkan susun atur anda ke tempat kejadian. Anda boleh membuatnya sebagai permulaan javafx.scene.Scene kelas dan lulus objek susun atur kepada pembina kelas pemandangan.

Adegan pemandangan = Adegan baru (akar, 300, 250)

Langkah 5: Siapkan pentas

Pentas adalah wadah utama dan pintu masuk aplikasi. Gunakan kaedah yang ditawarkan oleh javafx.stage.Stage kelas untuk menetapkan beberapa atribut untuk pentas.Gunakan kaedah pertunjukan () untuk memaparkan panggung. Inilah kodnya.

primerStage.setTitle ('Hello World!') primerStage.setScene (pemandangan) primerStage.show ()

Langkah 6: Buat kaedah utama

Pada langkah terakhir, buat kaedah utama di mana anda akan melancarkan aplikasi iaitu kaedah pelancaran panggilan () dan menyampaikan argumen baris perintah (args) kepadanya.

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

Langkah7: Jalankan aplikasi untuk melihat output.

Untuk menjadikannya lebih menarik, anda dapat mengubah UI aplikasi JavaFX dengan menerapkan reka bentuk khusus padanya seperti HTML dan CSS.

Ini membawa kita ke akhir iniTutorial JavaFX. Kami melalui struktur dalaman aplikasi JavaFX dan mempelajari keupayaan utama seni bina, kitaran hidup, dan komponennya. Kami juga memeriksa cara membuat aplikasi GUI sederhana.

Pastikan anda berlatih sebanyak mungkin dan kembalikan pengalaman anda.

Lihat oleh Edureka, sebuah syarikat pembelajaran dalam talian yang dipercayai dengan rangkaian lebih daripada 250,000 pelajar berpuas hati yang tersebar di seluruh dunia. Kami di sini untuk membantu anda dalam setiap langkah dalam perjalanan anda, kerana selain daripada soalan wawancara java ini, kami menyediakan kurikulum yang dirancang untuk pelajar dan profesional yang ingin menjadi Pembangun Java.

cara menggunakan python spyder

Ada soalan untuk kami? Sila sebutkan di bahagian komen Tutorial JavaFX ini dan kami akan menghubungi anda secepat mungkin.