Cara Tambah Butang dan Teks ke Projek JavaFX Anda - dummies

Sebagai pemrogram java awal, anda akan mahu menambah perkara pada projek JavaFX anda. Apabila anda membuat program GUI berkuasa tinggi, anda mula dengan membuat tetingkap dengan butang dan widget lain. Kemudian anda menambah kaedah untuk bertindak balas terhadap ketukan kekunci, klik butang, dan lain-lain perkara tersebut.

Di sini, anda menggunakan fail XML untuk menggambarkan butang dan medan teks:

1Buka projek JavaFX anda.

Lihat dalam Explorer Package Eclipse untuk projek baru.

2Pilih cawangan projek baru dalam Explorer Package Eclipse.

Cari cawangan aplikasi, yang berada di dalam cawangan src.

3Klik kanan (atau pada Mac, klik kawalan) cawangan aplikasi. Dalam menu konteks yang muncul, pilih Fail → Baru → Lain-lain.

Kotak dialog Pilihan A Wizard muncul.

4Dalam kotak dialog Pilihan A Wizard, kembangkan cawangan JavaFX. Di cawangan JavaFX, klik dua kali item Dokumen FXML Baru.

Kotak dialog Fail FXML dipaparkan.

5Dalam kotak nama kotak dialog, taipkan nama untuk fail baru anda dan kemudian klik Selesai.

Namakan fail Root .

Anda taip nama Root, tetapi e (fx) clipse mencipta fail yang nama penuhnya Root. fxml.

Root baru ini. fail fxml menerangkan susun atur butang, medan teks, dan perkara lain dalam aplikasi JavaFX baharu anda.

6Klik kanan (atau pada Mac, klik kanan) Root baru. cawangan fxml dalam Explorer Package Eclipse. Dalam menu konteks yang muncul, pilih Open with SceneBuilder.

Tetingkap aplikasi Builder Scene muncul.

Tetingkap Scene Builder mengandungi beberapa bahagian:

Bawah tetingkap Scene Builder mengandungi Panel kandungan , di mana anda melihat pratonton apl baharu anda. (Pada masa ini, tiada apa-apa dalam aplikasinya untuk dilihat, jadi panel Kandungan adalah ruang kosong yang besar.)

Bahagian kiri atas tetingkap mengandungi Panel perpustakaan , yang menempatkan bahagian Containers, seksyen Kawalan, dan beberapa bahagian lain.

Di dunia GUI, perkara seperti butang, medan teks, label, dan kotak semak dipanggil kawalan . Bahagian Kawalan panel Perpustakaan membentuk palet. Untuk membuat tetingkap GUI, anda menyusun kawalan dari palet dan jatuhkannya ke panel Kandungan.

Bahagian bawah kiri tetingkap mengandungi Panel Dokumen , yang mengandungi seksyen Hierarki dan seksyen Pengawal. Bahagian Hierarki mengandungi item AnchorPane.

Bahagian Hierarki mengandungi pokok yang menunjukkan elemen tetingkap anda berada di dalam elemen lain.Bahagian Pengawal membantu anda memaut tetingkap yang anda reka dengan kod Java aplikasi.

Bahagian paling kanan tetingkap mengandungi panel Inspektor , yang mengandungi bahagian Properties, bahagian Layout, dan seksyen Kod.

Dalam seksyen Properties, anda menerangkan ciri elemen dalam tetingkap anda. Dalam bahagian Kod, anda namakan kaedah Java yang dikaitkan dengan elemen dalam tetingkap anda.

Perbatuan anda mungkin berbeza-beza! Arahan ini berfungsi pada pelepasan pratonton Scene Builder 2. 0. Jika anda mempunyai versi Builder Scene yang berbeza, langkah anda mungkin sedikit berbeza.

7Pilih item AnchorPane dalam bahagian Hierarki.

Penanda muncul di tengah-tengah panel Kandungan Builder Scene.

8Drag penanda dalam panel Kandungan untuk membesarkan AnchorPane.

The AnchorPane akan membesarkan.

9Cari kemasukan TextField dalam bahagian Kawalan panel Perpustakaan

Kemudian seret kawalan TextField ke AnchorPage dalam panel Kandungan.

10Lihat kemasukan Button di bahagian Kawalan panel Perpustakaan.

Seret kawalan Button ke AnchorPage dalam panel Kandungan.

11Dalam menu utama, pilih Fail → Simpan.

Melakukannya menyimpan fail FXML baru anda.

12Close the Scene Builder application.

Apabila anda kembali ke meja kerja Eclipse, anda boleh melihat kod baru dalam Root anda. fail fxml.

Klik dua kali Root. cawangan fxml dalam Explorer Package untuk melihat kod fail. Sekiranya anda tidak melihat perkataan TextField dan Button dalam kod itu, klik tetikus anda di dalam tetingkap editor. (Mengklik tetikus anda mengemas kini editor untuk mencerminkan perubahan yang dibuat oleh Pembina Scene.) Jika kod dalam editor tidak sepatutnya diindentikasi dengan betul, klik tetikus anda di kawasan kosong di editor dan tekan Ctrl-Shift-F.

Pada bila-bila masa anda hendak format kod di editor Eclipse (membuat kod lebih mudah dibaca dan mudah difahami) tekan Ctrl-Shift-F.

13Edit utama projek. fail java.

Komen penyataan akar BorderPane dan tambahkan pernyataan akar Ibu Bapa, seperti yang ditunjukkan dalam jenis tebal dalam Penyenaraian 20-3.

Suntingan dalam Penyenaraian 20-3 menyambungkan aplikasi ke Root yang baru direka. susun atur fxml.

14Mulakan projek ini.

Apabila anda melakukannya, anda dapat melihat jalankan projek anda menggunakan Root. fail fxml.