Bagaimana untuk Membina GUI Catur Berasaskan Ayunan yang Teguh dan Boleh Resizable?

Membuat GUI Catur Ayunan Yang Teguh, Boleh Resizable

Artikel ini membincangkan reka bentuk dan pelaksanaan GUI Catur berasaskan Swing yang teguh dan boleh diubah saiz. Spesifikasi yang digariskan oleh Pasukan Reka Bentuk Pengguna memerlukan:

• Bar alat dengan butang untuk tindakan permainan biasa
• Kawasan yang dikhaskan untuk kegunaan masa hadapan
• Papan catur yang kekal segi empat sama sambil mengisi ruang yang ada
• Kebolehcapaian papan kekunci dan penunjuk fokus untuk catur kepingan

Butiran Pelaksanaan

Teknik berikut telah digunakan untuk mencapai kefungsian yang diingini:

• Panel untuk Catur Papan: GridLayout 9x9 digunakan untuk mencipta papan catur, dengan sel pertama dikhaskan untuk label tanpa teks.
• Susun Butang Berasingan: Untuk memudahkan logik permainan, susunan butang 8x8 dikekalkan secara berasingan.
• Butang untuk Kefungsian Papan Kekunci : Butang digunakan untuk petak papan catur, membolehkan interaksi papan kekunci dan tetikus. Pengalihan keluar margin membolehkannya mengecil kepada saiz ikon.
• GridBagLayout untuk Papan Segi Empat: Papan catur ditambahkan pada GridBagLayout sebagai satu-satunya komponen tanpa kekangan tertentu, memusatkannya. Untuk mengekalkan dimensi segi empat sama, papan catur menanyakan saiz komponen induk dan mengembalikan saiz pilihan iaitu segi empat sama terbesar yang mungkin dan tidak melebihi lebar atau tinggi induk yang lebih kecil.
• Imej untuk Buah Catur: Imej untuk buah catur diperoleh dan disimpan dalam dua dimensi tatasusunan.

Kod Contoh

Coretan kod berikut menunjukkan pemulaan papan catur dan imej bidak catur:

for (int ii = 0; ii < 8; ii++) {
    for (int jj = 0; jj < 8; jj++) {
        chessBoardSquares[ii][jj] = new JButton();
        // Remove button margin to allow shrinking to icon size
        chessBoardSquares[ii][jj].setMargin(new Insets(0, 0, 0, 0));
        chessBoardSquares[ii][jj].setIcon(new ImageIcon(
                new BufferedImage(64, 64, BufferedImage.TYPE_INT_ARGB)));
        if ((jj % 2 == 1 &amp;&amp; ii % 2 == 1)
                || (jj % 2 == 0 &amp;&amp; ii % 2 == 0)) {
            chessBoardSquares[ii][jj].setBackground(Color.WHITE);
        } else {
            chessBoardSquares[ii][jj].setBackground(Color.BLACK);
        }
    }
}

createImages();

Atas ialah kandungan terperinci Bagaimana untuk Membina GUI Catur Berasaskan Ayunan yang Teguh dan Boleh Resizable?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!