Di part1, saya sudah membahas dasar dari berpindah scene. Namun tidak mengcover bagaimana caranya berpindah scene secara runtime. Kali ini saya akan membahas hal itu. Bagi yang belum membaca part1, monggo dibaca terlebih dahulu.
Konsep
Seperti pada sebelumnya, saya akan membahas "bagaimana sih konsepnya?" terlebih dahulu. Untuk melakukan perpindahan scene, yang kita butuhkan sebenernya hanya memanggil method yang kita gunakan untuk berpindah-pindah kemarin, yaitu loadView1() dan atau loadView2(). Namun yang jadi masalah adalah bagaimana cara memanggilnya?
Untuk menyelesaikan permasalahan ini, saya akan mengenalkan satu pattern yang sangat berguna untuk kasus-kasus semacam ini. Namanya adalah "Singleton".
Apa itu Singleton?
Singleton merupakan salah satu design pattern yang gunanya adalah memastikan hanya adanya satu instance saja dalam satu class yang digunakan bersama-sama.
Contoh kasusnya adalah kita membuat class A dimana class A tersebut kita hanya membutuhkan satu kali pembuatan saja. Namun kita bingung bagaimana caranya kita mendapat instance yang sama di tiap-tiap kelas yang berbeda? Berikut contohnya :
Jika Anda perhatikan, pada ClassA kita membuat satu variable static (Bagi yang belum paham static itu apa, static itu seperti semacam modifier. Jika class memiliki public, private, default dan protected , maka file punya static. Maksudnya file punya static itu apa saja yang didefinisikan sebagai static maka hal tersebut adalah milik file bukan class yang ada di dalam file. Jadi kita tidak perlu membuat object dari class yang ada di dalam file tersebut dan hanya perlu memanggil nama filenya saja) yang bertipe kelas itu sendiri. Variable tersebut nantinya yang akan kita panggil dan gunakan berulang-ulang dan hanya satu kali inisialisasi. Tetapi, bagaimana cara menggunakannya dari kelas lain? Cukup simple, kita hanya perlu memanggil getInstance() nya saja. Untuk lebih jelasnya, berikut contohnya :
Mari kita perhatikan kode di atas. Pada contoh di atas, saya membuat 2 class yang berbeda. Tiap-tiap class tersebut memiliki satu operasi yang membutuhkan ClassA di dalamnya. Jika kita lihat pada ClassB, ClassB mendefinisikan variable a1 dan ClassC mendefinisikan a2 yang keduanya sama-sama ClassA dan keduanya pula diinisialisasi menggunakan ClassA.getInstance() yang pada akhirnya keduanya memiliki isi yang sama meskipun berbeda tempat dan scope inisialisasi. Hal ini dikarenakan keduanya menggunakan satu instance yang sama. Bedanya, a1 dan a2 di deklarasikan di tempat yang berbeda saja. Saya rasa, cukup untuk penjelasan singleton. Mari kita lanjutkan ke topik utama kita.
Berpindah View
Disini kita akan mulai pembahasan tentang berpindah view. Seperti penjelasan saya tadi, kita membutuhkan Singleton Pattern pada kasus ini. Untuk itu kita perlu merubah Main.java yang kemarin menjadi seperti berikut :
Jika kita bandingkan dengan Main.java sebelumnya dan seperti penjelasan saya tentang singleton, kita membutuhkan variable instance dan method getInstance(). Keduanya sudah saya implementasikan disini namun jika kita perhatikan lagi ada yang berbeda dengan contoh singleton yang saya berikan. Ya, saya tidak menyertakan if(instance==null). Hal ini saya lakukan karena Main.java sudah pasti di ter"create" ketika program di run dan kemudian langsung menjalankan method start(). Dan karena itulah terdapat baris ke 24 pada kode di atas , instance = this; , yang maksudnya adalah variable instance diisi dengan this dengan instance pada class tersebut yang sedang aktif. Saya rasa cukup untuk penjelasan kode di atas. Mari lanjut ke hal berikutnya yaitu controller untuk view1.fxml dan view2.fxml
Langsung saja, berikut ini kode untuk Controller view1.fxml dan juga Controller view2.fxml
Ada sedikit perubahan pada view1.fxml dan view2.fxml . Kita akan meng"assign" controller untuk tiap-tiap fxml langsung pada fxml tersebut. Caranya adalah dengan manambahkan attribute fx:controller="namapackage.NamaClass" pada element teratas yang pada kali ini adalah AnchorPane. Dan juga untuk event click pada tombol di view, kita juga akan mengassign method untuk menghandle event tersebut langsung pada fxml view1 dan view2 juga. Caranya juga sama seperti sebelumnya dengan menambahkan attribute onAction="#namaMethod". Untuk lebih jelasnya, perhatikan perubahan pada view1.fxml dan view2.fxml berikut.
Dengan ini, berakhirlah sudah tutorial untuk berpindah-pindah view. Untuk full source nya, dapat di lihat disini.
Terima kasih telah berkunjung...
