Cara Membuat Grid GUI di Java (dengan Gambar)

2024 Pengarang: Gilbert Ryder | [email protected]. Terakhir diubah: 2023-12-16 17:34

Grid tidak melakukan sesuatu yang istimewa pada tahap ini, tetapi dengan sedikit riset, Anda dapat menambahkan pendengar aksi dan sedikit logika untuk membuat game 2D sederhana seperti tic-tac-toe, atau yang lebih rumit seperti Battleship.

Catatan: Artikel ini menggunakan Eclipse untuk semua contoh sehingga semuanya mungkin berbeda tergantung pada IDE Anda. Ini seharusnya sangat mirip dengan apa yang Anda perlukan di JCreator, tetapi agak tidak berguna untuk IDE berbasis GUI seperti NetBeans, terutama karena metode drag and drop NetBeans.

Langkah

Langkah 1. Buat proyek Java

Ini agak sederhana. Nyalakan IDE Anda dan buat proyek baru. Sebut saja apa pun yang Anda inginkan. Contohnya adalah buttongrid.

Nama ini tidak terlalu penting sama sekali karena hanya nama file yang akan diberikan

Langkah 2. Buat kelas Java dengan metode utama

Buat kelas baru dan beri nama sesuai keinginan Anda. Contohnya adalah buttongrid. Untuk pengguna Eclipse, Anda perlu mencentang kotak yang disebut public static void main(string args), jadi Anda tidak perlu mengetiknya saat memulai.

Nama ini lebih penting daripada yang sebelumnya karena harus berupa satu kata atau jika tidak, tidak akan dapat digunakan

Langkah 3. Impor perpustakaan

Ini membawa semua informasi yang Anda perlukan untuk menulis kode Anda ke kode ini. Anda harus mengimpor javax.swing. JFrame, javax.swing. JButton, dan java.awt. Gridlayout. Ini diletakkan sebelum awal kelas, di suatu tempat di baris antara 1 sampai 3, urutan mereka di sana tidak masalah.

Langkah 4. Buat konstruktor

Konstruktor membuat instance baru dari kelas buttongrid yang memungkinkan banyak kisi tombol yang berbeda untuk semua memiliki informasi terpisah. Semua konstruktor harus diberi nama yang sama dengan kelasnya. Konstruktor tidak memerlukan apa pun sebelumnya, tetapi 'publik' sering diletakkan di sana untuk kemudahan referensi. Konstruktor sering ditempatkan sebagai metode pertama di kelas, jadi itu berjalan tepat setelah nama kelas, namun harus ditempatkan di dalam kelas. Konstruktor buttongrid membutuhkan parameter, yang dimasukkan ke dalam tanda kurung setelah nama konstruktor. Parameter dalam contoh ini adalah bilangan bulat 'x' dan 'y'.

Langkah 5. Buat Bingkai:

1. Bingkai harus diberi nama. Untuk memastikan itu dapat direferensikan di luar metode konstruktor ButtonGrid, Anda menempatkannya di luar metode itu, tetapi di dalam kelas. Sebagian besar variabel diberi nama di bagian atas kelas tepat sebelum konstruktor. Untuk membuat bingkai baru, ketik: JFrame frame = new JFrame();
2. Di dalam metode konstruktor kita perlu memastikan bahwa semua tombol diletakkan di tata letak kotak. Untuk melakukan ini, kita mengatur tata letak bingkai dengan mengetik: frame.setLayout(new GridLayout(x,y));
3. Tidak wajib, tetapi untuk menutup frame saat Anda menekan tombol 'x' di pojok kanan atas kita perlu menambahkan baris: frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE);
4. Untuk membuat bingkai menjadi ukuran yang tepat sehingga semuanya pas, kita perlu menjalankan perintah paket: frame.pack();

5. Terakhir untuk frame kita perlu membuatnya agar terlihat: frame.setVisible(true);

   

   Langkah 6. Buat kisi tombol:

   1. Tombol-tombol yang berinteraksi dengan pengguna perlu dibuat, tetapi karena kita tidak tahu berapa banyak yang kita butuhkan, mereka harus diberi nama terlebih dahulu. Jadi tepat di bawah garis tempat Anda membuat bingkai buat tombol: JButton grid; Dua set kurung persegi ada untuk mengatakan bahwa JButton di grid disimpan dalam format dua dimensi, jika hanya ada satu set kurung persegi maka itu hanya akan menjadi garis JButton, yang masih berfungsi, hanya saja lebih mudah untuk merujuk tombol mana yang sedang dibuat atau berinteraksi dengannya saat itu dua dimensi.
   2. JButton telah diberi nama, tetapi kami masih harus mengatakan berapa banyak tombol yang ada. Anda perlu menambahkan baris kode dalam konstruktor yang menetapkan jumlah: grid=new JButton[width][length];

   3. Sekarang telah ditentukan bahwa akan ada sejumlah tombol, masing-masing harus dibuat. Cara termudah untuk melakukannya adalah dengan dua loop for, satu untuk sumbu x, satu untuk sumbu y. Di dalam dua loop kami membuat tombol baru, dan untuk kemudahan referensi, contoh menempatkan teks di dalam setiap tombol sehingga kami tahu tombol mana dalam array dua dimensi di mana. Untuk membuat tombol, di dalam loop Anda harus meletakkan grid[x][y] = new JButton ("("+x+", "+y+")");

      

      Langkah 7. Tambahkan tombol ke bingkai

      Di dalam loop kita perlu meletakkan tombol ke frame dengan perintah sederhana: frame.add(grid[x][y]);

      

      Langkah 8. Buat Instance ButtonGrid

      Di kelas utama Anda ketik: new ButtonGrid(3, 3); Hasil dua tiganya adalah kisi 3 kali 3, dan dua angka positif apa pun dapat dimasukkan ke dalamnya.

      

      Langkah 9. Jalankan Program

      Untuk melakukan ini di Eclipse, tekan Ctrl + F11

      Metode 1 dari 1: Kode Langkah

      Kelas utama:

      public class ButtonGrid { public static void main(String args) { } }
      

      Impor:

      impor javax.swing. JFrame; impor javax.swing. JButton; impor java.awt. GridLayout; ButtonGrid kelas publik { …
      

      Kode Konstruktor:

      public class ButtonGrid { public ButtonGrid(int lebar, int panjang){} } …
      

      Kode Bingkai:

      ButtonGrid kelas publik { JFrame frame=new Jframe(); public ButtonGrid(int lebar, int panjang){ frame.setLayout(new GridLayout(lebar, panjang)); frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); bingkai.paket(); frame.setVisible(benar); } } …
      

      Kode Kisi Tombol:

      |JFrame bingkai=baru JFrame(); //membuat bingkai JButton grid; //menamai grid tombol public ButtonGrid(int width, int length){ //constructor dengan 2 parameter frame.setLayout(new GridLayout(width, length)); //set layout frame grid=new JButton[width][length]; //mengalokasikan ukuran grid for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+ x+", "+y+")"); frame.add(kisi[x][y]); //menambahkan tombol ke kisi } } frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); bingkai.paket(); frame.setVisible(benar); } …
      

      Menambahkan Tombol ke Bingkai:

      for(int y=0; y<panjang; y++){ for(int x=0; x<lebar; x++){ grid[x][y]=new JButton("("+x+", "+y+")"); frame.add(kisi[x][y]); } } …
      

      Membuat instance grid tombol:

      public static void main(String args) { new ButtonGrid(3, 3);//membuat ButtonGrid baru dengan 2 parameter } …
      

      Kode Akhir:

      impor javax.swing. JFrame; //import library JFrame import javax.swing. JButton; //import library JButton import java.awt. GridLayout; //import perpustakaan GridLayout kelas publik ButtonGrid { JFrame frame=new JFrame(); //membuat bingkai JButton grid; //nama grid tombol public ButtonGrid(int width, int length){ //constructor frame.setLayout(new GridLayout(width, length)); //set layout grid=new JButton[width][length]; //mengalokasikan ukuran grid for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+ x+", "+y+")"); //membuat tombol baru frame.add(grid[x][y]); //menambahkan tombol ke kisi } } frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); bingkai.paket(); //set ukuran yang sesuai untuk frame frame.setVisible(true); //membuat frame terlihat } public static void main(String args) { new ButtonGrid(3, 3);//membuat ButtonGrid baru dengan 2 parameter } }
      

      impor javax.swing. JFrame; //import library JFrame import javax.swing. JButton; //import library JButton import java.awt. GridLayout; //mengimpor pustaka GridLayout

      ButtonGrid kelas publik {

      JFrame bingkai=baru JFrame(); //membuat bingkai JButton grid; // beri nama kisi-kisi tombol

      public ButtonGrid(int lebar, int panjang){ //constructor frame.setLayout(new GridLayout(lebar, panjang)); //set layout grid=new JButton[width][length]; //mengalokasikan ukuran grid for(int y=0; y<length; y++){ for(int x=0; x<width; x++){ grid[x][y]=new JButton("("+ x+", "+y+")"); //membuat tombol baru frame.add(grid[x][y]); //menambahkan tombol ke kisi } } frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); bingkai.paket(); //set ukuran yang sesuai untuk frame frame.setVisible(true); //membuat frame terlihat } public static void main(String args) { new ButtonGrid(3, 3);//membuat ButtonGrid baru dengan 2 parameter }