Cara Membuat GUI Grid di Java (dengan Gambar)

2024 Pengarang: Gilbert Ryder | [email protected]. Diubah suai terakhir: 2023-12-16 17:38

Grid tidak melakukan apa-apa yang istimewa pada tahap ini, tetapi dengan sedikit kajian, anda dapat menambahkan pendengar aksi dan sedikit logik untuk membuat permainan 2D sederhana seperti tic-tac-toe, atau permainan yang lebih rumit seperti Battleship.

Catatan: Artikel ini menggunakan Eclipse untuk semua contohnya sehingga perkara mungkin berbeza bergantung pada IDE anda. Ini semestinya sangat serupa dengan yang anda perlukan di JCreator, tetapi agak tidak berguna untuk IDE berasaskan GUI seperti NetBeans, terutama kerana kaedah drag and drop dari NetBeans.

Langkah-langkah

Langkah 1. Buat projek Java

Ini agak mudah. Hidupkan IDE anda dan buat projek baru. Panggilnya sesuka hati anda. Contohnya adalah buttongrid.

Nama ini sama sekali tidak penting kerana hanya nama fail yang akan diberikan

Langkah 2. Buat kelas Java dengan kaedah utama

Buat kelas baru dan beri nama yang anda mahukan. Contohnya adalah buttongrid. Untuk pengguna Eclipse, anda akan mahu menandakan kotak yang disebut public static void main (string args), jadi anda tidak perlu menaipnya semasa anda memulakan.

Nama ini lebih penting daripada yang sebelumnya kerana ia harus menjadi satu kata atau tidak akan dapat digunakan

Langkah 3. Import perpustakaan

Ini membawa semua maklumat yang anda perlukan untuk menulis kod anda ke kod ini. Anda perlu mengimport javax.swing. JFrame, javax.swing. JButton, dan java.awt. Gridlayout. Ini diletakkan sebelum permulaan kelas, di suatu tempat pada baris antara 1 hingga 3, pesanan yang ada di sana tidak penting.

Langkah 4. Buat konstruktor

Pembina membuat contoh baru kelas buttongrid yang membolehkan banyak grid butang berbeza untuk semua mempunyai maklumat yang berasingan. Semua pembina perlu dinamakan sama dengan kelasnya. Pembina tidak memerlukan apa-apa sebelum ini, tetapi 'awam' sering diletakkan di sana untuk kemudahan rujukan. Pembina selalunya diletakkan sebagai kaedah pertama dalam kelas, jadi tepat selepas nama kelas, ia mesti diletakkan di dalam kelas. Pembina butongrid memerlukan parameter, yang dimasukkan ke dalam kurungan selepas nama pembina. Parameter dalam contoh ini adalah bilangan bulat 'x' dan 'y'.

Langkah 5. Buat Bingkai:

1. Bingkai mesti dinamakan. Untuk memastikan ia dapat dirujuk di luar kaedah pembina ButtonGrid, anda meletakkannya di luar kaedah itu, tetapi berada di dalam kelas. Sebilangan besar pemboleh ubah dinamakan di bahagian atas kelas tepat sebelum konstruktor. Untuk membuat bingkai baru anda taip: JFrame frame = JFrame baru ();
2. Di dalam kaedah pembina kita perlu memastikan bahawa semua butang dimasukkan ke dalam susunan grid. Untuk melakukan ini, kami menetapkan susun atur bingkai dengan mengetik: frame.setLayout (GridLayout baru (x, y));
3. Tidak semestinya wajib, tetapi untuk menutup bingkai ketika anda menekan butang 'x' di sudut kanan atas, kita perlu menambahkan baris: frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE);
4. Untuk menjadikan bingkai ukuran yang sesuai sehingga semuanya sesuai, kita perlu menjalankan perintah pak: frame.pack ();

5. Terakhir untuk bingkai, kita perlu membuatnya supaya dapat dilihat: frame.setVisible (benar);

   

   Langkah 6. Buat grid butang:

   1. Butang yang berinteraksi dengan pengguna perlu dibuat, tetapi kerana kita tidak tahu berapa banyak yang kita perlukan, ia harus diberi nama terlebih dahulu. Jadi tepat di bawah garis di mana anda membuat bingkai buat butang: JButton grid; Dua set kurung persegi ada untuk mengatakan bahawa JButton di grid disimpan dalam format dua dimensi, jika hanya ada satu set kurungan persegi maka itu hanyalah garis JButton, yang masih berfungsi, itu hanya lebih mudah untuk merujuk butang mana yang sedang dibuat atau berinteraksi dengan dua dimensi.
   2. JButton telah dinamakan, tetapi kita masih harus mengatakan berapa banyak butang yang ada. Anda perlu menambahkan sebaris kod dalam konstruktor yang menetapkan jumlahnya: grid = JButton baru [lebar] [panjang];

   3. Sekarang telah ditentukan bahawa akan ada sejumlah butang, masing-masing mesti dibuat. Cara termudah untuk melakukannya adalah dengan dua untuk gelung, satu untuk paksi-x, satu untuk paksi-y. Di dalam dua gelung itu kami membuat butang baru, dan untuk memudahkan rujukan, contohnya meletakkan teks di dalam setiap butang sehingga kami tahu butang mana dalam array dua dimensi di mana. Untuk membuat butang, di dalam gelung anda perlu meletakkan grid [x] [y] = JButton baru ("(" + x + "," + y + ")");

      

      Langkah 7. Tambahkan butang ke bingkai

      Di dalam gelung, kita perlu meletakkan butang ke bingkai dengan perintah mudah: frame.add (grid [x] [y]);

      

      Langkah 8. Buat ButangGrid

      Dalam jenis kelas utama anda: ButtonGrid baru (3, 3); Kedua-dua nombor tiga adalah grid 3 hingga 3, dan dua nombor positif boleh dimasukkan ke dalamnya.

      

      Langkah 9. Jalankan Program

      Untuk melakukan ini dalam gerhana tekan Ctrl + F11

      Kaedah 1 dari 1: Kod Langkah

      Kelas utama:

      kelas awam ButtonGrid {public static void main (String args) {}}
      

      Import:

      import javax.swing. JFrame; import javax.swing. JButton; import java.awt. GridLayout; kelas awam ButtonGrid {…
      

      Kod Pembina:

      kelas awam ButtonGrid {public ButtonGrid (lebar int, panjang int) {}}…
      

      Kod Rangka:

      kelas awam ButtonGrid {JFrame frame = Jframe baru (); ButtonGrid awam (lebar int, panjang int) {frame.setLayout (GridLayout baru (lebar, panjang)); frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (benar); }} …
      

      Kod Grid Butang:

      | JFrame frame = JFrame baru (); // membuat bingkai JButton grid; // menamakan grid butang umum ButtonGrid (lebar int, panjang int) {// konstruktor dengan 2 parameter frame.setLayout (GridLayout baru (lebar, panjang)); // tetapkan susunan grid bingkai = JButton baru [lebar] [panjang]; // peruntukkan ukuran grid untuk (int y = 0; y <panjang; y ++) {untuk (int x = 0; x <lebar; x ++) {grid [x] [y] = JButton baru ("(" + x + "," + y + ")"); frame.add (grid [x] [y]); // butang tambah ke grid}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); frame.setVisible (benar); }…
      

      Menambah Butang ke Bingkai:

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

      Membuat contoh grid butang:

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

      Kod Akhir:

      import javax.swing. JFrame; // import perpustakaan JFrame import javax.swing. JButton; // import perpustakaan JButton import java.awt. GridLayout; // mengimport kelas awam perpustakaan GridLayout ButtonGrid {JFrame frame = JFrame baru (); // membuat bingkai JButton grid; // menamakan grid butang umum ButtonGrid (lebar int, panjang int) {// konstruktor frame.setLayout (GridLayout baru (lebar, panjang)); // tetapkan grid susun atur = JButton baru [lebar] [panjang]; // peruntukkan ukuran grid untuk (int y = 0; y <panjang; y ++) {untuk (int x = 0; x <lebar; x ++) {grid [x] [y] = JButton baru ("(" + x + "," + y + ")"); // membuat bingkai butang baru.add (grid [x] [y]); // butang tambah ke grid}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // menetapkan ukuran yang sesuai untuk bingkai bingkai.setVisible (benar); // menjadikan bingkai dapat dilihat} kekosongan statik awam utama (String args) {ButtonGrid baru (3, 3); // membuat ButtonGrid baru dengan 2 parameter}}
      

      import javax.swing. JFrame; // import perpustakaan JFrame import javax.swing. JButton; // import perpustakaan JButton import java.awt. GridLayout; // mengimport perpustakaan GridLayout

      kelas awam ButtonGrid {

      JFrame frame = JFrame baru (); // membuat grid JButton bingkai ; // namakan grid butang

      ButtonGrid awam (lebar int, panjang int) {// konstruktor frame.setLayout (GridLayout baru (lebar, panjang)); // tetapkan grid susun atur = JButton baru [lebar] [panjang]; // peruntukkan ukuran grid untuk (int y = 0; y <panjang; y ++) {untuk (int x = 0; x <lebar; x ++) {grid [x] [y] = JButton baru ("(" + x + "," + y + ")"); // membuat bingkai butang baru.add (grid [x] [y]); // butang tambah ke grid}} frame.setDefaultCloseOperation (JFrame. EXIT_ON_CLOSE); frame.pack (); // menetapkan ukuran yang sesuai untuk bingkai bingkai.setVisible (benar); // menjadikan bingkai kelihatan} kekosongan statik awam utama (String args) {ButtonGrid baru (3, 3); // membuat ButtonGrid baru dengan 2 parameter}