Tutorial JavaFX: Bagaimana cara membuat aplikasi?



Tutorial JavaFX ini memberikan pengenalan singkat tentang platform JavaFX, fitur-fiturnya, arsitekturnya dan akan membantu Anda membuat aplikasi JavaFX pertama Anda

JavaFX adalah platform Java untuk membuat aplikasi internet kaya (RIA) yang dapat berjalan di berbagai perangkat. Ini dimaksudkan untuk menggantikan Berayun di Jawa aplikasi sebagai kerangka GUI. Selain itu, ia menawarkan lebih banyak fungsi daripada Swing. JavaFX adalah toolkit GUI generasi berikutnya untuk . Kedengarannya menarik? Dalam tutorial JavaFX ini, mari kita pelajari konsepnya secara detail.

Apa itu JavaFX?

JavaFX adalah pustaka Java yang digunakan untuk merancang, membuat, menguji, dan menerapkan aplikasi GUI lintas platform dan rich internet application (RIA) yang dapat berjalan di berbagai perangkat.





  • Salah satu insentif untuk membuat JavaFX adalah menggantikan Swing. Selain itu, JavaFX lebih konsisten dalam desainnya daripada Swing.
  • Ini memiliki lebih banyak fitur dan juga lebih modern, memungkinkan Anda merancang GUI menggunakan file tata letak (XML) dan menatanya .
  • JavaFX juga mengintegrasikan grafik 2D + 3D, bagan, audio, video, dan aplikasi web tertanam ke dalam satu perangkat GUI yang koheren.

catatan: Rich Internet Applications adalah aplikasi web yang menawarkan fitur dan pengalaman 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 itu, lihat bagian arsitekturnya di bagian selanjutnya dari tutorial JavaFX ini.



Arsitektur JavaFX

JavaFX memiliki berbagai komponen built-in yang saling berhubungan satu sama lain. Ini berisi sekumpulan API yang kaya yang lebih dari cukup untuk mengembangkan aplikasi internet kaya yang berjalan secara konsisten di banyak platform. Ilustrasi berikut menunjukkan arsitektur JavaFX API.

Arsitektur - Tutorial JavaFX - Edureka

Mari kita pelajari setiap komponen ini secara mendetail.



Grafik Adegan

Scene Graph adalah titik awal membangun aplikasi JavaFX. Ini adalah hierarki node yang mewakili semua elemen visual dari antarmuka pengguna aplikasi. Satu elemen dalam grafik pemandangan disebut node. Setiap node adalah node cabang atau node daun. Node cabang dapat berisi node lain, seperti anak-anaknya tetapi node Leaf tidak berisi node lain. Node pertama di pohon disebut simpul akar. Node root tidak memiliki orang tua.

Ada berbagai kelas yang hadir javafx.scene paket yang digunakan untuk membuat, memodifikasi dan menerapkan beberapa transformasi pada node.

Mesin Grafis

Mesin grafis JavaFX menyediakan dukungan grafis ke komponen grafik pemandangan. Ini umumnya mendukung grafik 2D serta 3D keduanya. Juga menyediakan perenderan perangkat lunak bila perangkat keras grafis yang ada pada sistem tidak dapat mendukung perenderan yang dipercepat perangkat keras.

Dua pipeline akselerasi grafis di JavaFX adalah:

  • Prisma - Ituadalah akselerasi perangkat keras grafis berkinerja tinggi yang dapat merender grafis 2D dan 3D.
  • Quantum Toolkit -Ini digunakan untuk mengikat prisma dan kit alat jendela kaca bersama-sama dan membuatnya tersedia untuk lapisan di atas dalam tumpukan.

Perangkat Jendela Kaca

Ini adalah lapisan yang bergantung pada platform yang menghubungkan platform JavaFX ke sistem operasi asli. Ini menyediakan layanan sistem operasi asli seperti mengelola jendela, acara, pengatur waktu, dan permukaan.

Media dan Mesin Web

  • Mesin Web - Ituadalah mesin browser web yang digunakan untuk menyematkan konten ke grafik adegan JavaFX.Ini mendukung HTML5, CSS, , DOM, dan SVG.
  • Mesin Media - Itumenyediakan alat untuk membuat aplikasi media yang memungkinkan pemutaran media di jendela desktop atau di dalam halaman web pada platform yang didukung. JavaFX mesin media didasarkan pada mesin sumber terbuka yang dikenal sebagai Pita . Ini mendukung pemutaran konten video dan audio.

Ini adalahkomponen yang mendukung JavaFX API. Bagian selanjutnya dari tutorial JavaFX ini adalah tentang struktur aplikasi JavaFX.

Anatomi Aplikasi JavaFX

Aplikasi JavaFXdibagi secara hierarkis menjadi tiga komponen utama: Panggung, Pemandangan, dan Node.

Tahap

Ini adalah wadah utama dan titik masuk aplikasi. Ini mewakili jendela utama dan objek panggung yang dibuat diteruskan sebagai argumen dari Mulailah() metode dari Aplikasi kelas.Panggung memiliki dua parameter, Lebar, dan Tinggi, yang menentukan posisi yaitu.

Ada lima jenis tahapan yang tersedia & dikurangi

  • Dihiasi
  • Tanpa dekorasi
  • Transparan
  • Bersatu
  • Utilitas

Anda harus menelepon menunjukkan() metode untuk menampilkan isi panggung.

Tempat kejadian

Itu tempat kejadian merupakan wadah untuk konten visual panggung. Ini memegang elemen UI, seperti Image Views, Buttons, Grids, TextBoxes. Javafx.scene.Scene kelasdari paket javafx.scene menyediakan semua metode untuk menangani objek adegan.Anda dapat membuat adegan dengan membuat Tempat kejadian objek kelas dan meneruskan objek layout ke konstruktor kelas Scene.

Grafik & Node Pemandangan

Itu ada dilevel terendah dari hierarki. SEBUAH grafik adegan adalah struktur data seperti pohon (hierarki) yang mewakili isi dari sebuah adegan. Anda dapat menganggapnya sebagai kumpulan berbagai node. Pada dasarnya. Sebuah simpul adalah objek visual / grafis dari grafik pemandangan.Itu Node Kelas paket javafx.scene mewakili satu node di JavaFX dan kelas ini adalah superclass dari semua node.

Sekarang setelah Anda mengetahui filestruktur aplikasi JavaFX secara detail, mari kita pelajari cara membuat aplikasi JavaFX dengan contoh dalam tutorial JavaFX ini.

Membuat Aplikasi JavaFX

Mari kita lihat bagaimana melakukan J avaFX pemrograman pada IDE Eclipse. Hal pertama yang perlu Anda lakukan adalah menginstal e (fx) clipse plugin untuk Eclipse IDE. e (fx) clipse adalah seperangkat alat dan pustaka yang diperlukan yang membantu Anda melakukan pemrograman JavaFX.

Di sini, kami membuat aplikasi JavaFX sederhana yang mencetak Selamat datang di Edureka! di konsol saat mengklik tombol yang ditampilkan di panggung.

paket aplikasi impor javafx.application.Application impor javafx.event.ActionEvent impor javafx.event.EventHandler impor javafx.scene.Scene impor javafx.scene.control.Button impor javafx.scene.layout.StackPane impor javafx.stage.Stage kelas publik Main memperluas Aplikasi {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! '') Btn.setOnAction (new EventHandler () {@Override public void handle ( Acara ActionEvent) {System.out.println ('Selamat datang di Edureka!')}}) StackPane root = new StackPane () root.getChildren (). Tambahkan (btn) Scene scene = Scene baru (root, 300, 250) primaryStage .setTitle ('Hello World!') primaryStage.setScene (scene) primaryStage.show ()} public static void main (String [] args) {launch (args)}}

Keluaran:

Selamat datang di Edureka!

Penjelasan Program Contoh Aplikasi JavaFX

Mari kita coba memahami cara kerja program contoh ini dalam langkah-langkah sederhana.

Langkah 1: Perluas metode javafx.application.Application dan timpa metode start ()

Seperti yang kita bahas sebelumnya, Mulailah() Metode adalah titik awal Aplikasi JavaFX. Impor JavaFX.application.Application untuk mengganti metode start (). Ganti metode start () dan berikan otujuan kelas javafx.stage.Stage.

@Oride mulai kekosongan publik (Tahap utama)

Langkah 2: Buat Tombol

Anda dapat membuat tombol dengan membuat instance javafx.scene.control.Button kelas. Oleh karena itu, impor kelas yang relevan ke dalam kode. Teruskan teks label tombol di konstruktor kelas Tombol.

bagaimana menambahkan java ke path
Tombol btn = Tombol baru ()

Step3: Buat acara untuk tombol tersebut

Aplikasi contoh ini mencetak teks untuk suatu acara di tombol. Jadi, Anda perlu membuat acara untuk tombol tersebut. Untuk tujuan ini, hubungi setOnAction () pada tombol dan tentukan kelas anonim Event Handler sebagai parameter metode.Di dalam kelas anonim ini, tentukan metode handle (). Lihat kode untuk metode handle ().

btn.setText ('Ucapkan' Selamat Datang di Edureka! '') btn.setOnAction (EventHandler baru () {@Override public void handle (acara ActionEvent) {System.out.println ('Selamat datang di Edureka!')}

Step4: Buat tata letak dan tambahkan tombol ke dalamnya

JavaFX biasanya menyediakan sejumlah tata letak. Terapkan salah satunya untuk memvisualisasikan widget dengan benar. Anda perlu menambahkan node lain seperti tombol, teks, dll. Ke tata letak ini.

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

Step5: Ciptakan suasana

Adegan berada pada level yang lebih tinggi dalam hierarki struktur aplikasi JavaFx. Jadi, Anda perlu menambahkan tata letak Anda ke tempat kejadian. Anda dapat membuatnya sebagai contoh javafx.scene.Scene kelas dan meneruskan objek layout ke konstruktor kelas adegan.

Scene scene = Scene baru (root, 300, 250)

Step5: Persiapkan panggungnya

Panggung adalah wadah utama dan titik masuk aplikasi. Gunakan metode yang ditawarkan oleh javafx.stage.Stage kelas untuk mengatur beberapa atribut untuk panggung.Gunakan metode show () untuk menampilkan panggung. Ini kodenya.

primaryStage.setTitle ('Halo Dunia!') primaryStage.setScene (scene) primaryStage.show ()

Step6: Buat metode utama

Pada langkah terakhir, buat metode utama di mana Anda akan meluncurkan aplikasi, yaitu memanggil metode launch () dan meneruskan argumen baris perintah (args) ke sana.

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

Step7: Jalankan aplikasi untuk melihat hasilnya.

Agar lebih menarik Anda dapat mengubah UI aplikasi JavaFX dengan menerapkan desain khusus seperti HTML dan CSS.

Ini membawa kita pada akhir iniTutorial JavaFX. Kami mempelajari struktur internal aplikasi JavaFX dan mempelajari kapabilitas utama arsitektur, siklus proses, dan komponennya. Kami juga memeriksa cara membuat aplikasi GUI sederhana.

Pastikan Anda berlatih sebanyak mungkin dan mengembalikan pengalaman Anda.

Lihat oleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas dan tersebar di seluruh dunia. Kami di sini untuk membantu Anda dengan setiap langkah dalam perjalanan Anda, selain pertanyaan wawancara java ini, kami hadir dengan kurikulum yang dirancang untuk siswa dan profesional yang ingin menjadi Pengembang Java.

Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar dari Tutorial JavaFX ini dan kami akan menghubungi Anda kembali secepatnya.