如何正确设置图像的JButton大小? [英] how to properly set size of JButton with image?

问题描述

这就是我现在拥有的:

这就是我想要的图像外观:

This is what I want the image to look like:

我有两个Java文件，一个扩展了JFrame，而Jpanel的一部分基本上是

I have two java files, one extends JFrame and part with Jpanel looks basically

 ShinyButtons panel = new ShinyButtons(); 

 panel.setLocation(10, 10);

 getContentPane().add(panel); 

另一种使用JButton扩展了JPanel 导入javax.swing.*;

another one extends JPanel with JButtons import javax.swing.*;

public class ShinyButtons extends JPanel{ 
public static byte RED = 0; 
public static byte ORANGE = 1; 
public static byte YELLOW = 2; 
public static byte GREEN = 3; 
public static byte BLUE = 4; 
public static byte LIGHT_GRAY = 5; 
public static byte DARK_GRAY = 6; 

public static byte ROWS = 8; 

private byte[][] buttonTable; 

public ShinyButtons() { 
    buttonTable = new byte[ROWS][ROWS]; 
    resetButtons();
    setBorder(BorderFactory.createEmptyBorder());
    setSize(552,552); 

    ImageIcon[] icons = {new ImageIcon("RedButton.png"), new ImageIcon("OrangeButton.png"), new ImageIcon("YellowButton.png"),
               new ImageIcon("GreenButton.png"), new ImageIcon("BlueButton.png"), new ImageIcon("LightGrayButton.png"),
               new ImageIcon("DarkGrayButton.png")};


    for (int row=0; row<8; row++){
        for (int col=0; col<8; col++){
            JButton buttons = new JButton(); 
            buttons.setSize(69,69); 
            buttons.setIcon(icons[(byte)(Math.random()*7)]);                
            add(buttons); 
            buttons.setLocation(row*69, col*69);
            buttons.setBorder(BorderFactory.createEmptyBorder());
        }
    }
} 

private void resetButtons() { 
    for (int r=0; r<ROWS; r++) 
        for (int c=0; c<ROWS; c++) 
            buttonTable[r][c] = (byte)(Math.random()*7); 
} 

public byte getButton(int r, int c) { return buttonTable[r][c]; }
}

推荐答案

如何通过图像正确设置JButton的大小?"

"how to properly set size of JButton with image?"

不要完全设置大小.使用布局管理器.请参见 在容器内布置组件 学习不同的布局管理器.最明显的是GridLayout，它将按您定义的大小在网格中布置组件.如果您看下面的方法，您将看到我使用具有8行8列的GridLayout.该方法采用动态网格大小.我通过了8.您要做的就是面板上的所有图像/标签.无需指定位置/大小. GridLayout将为您解决这个问题.

Don't set the sizes at all Use a Layout manager. See Laying out Components Within a Container to learn the different layout managers. The most obvious one is GridLayout that will layout your components in a grid of a size defined by you. If you look at the method below, you will see I use a GridLayout with 8 rows and 8 cols. The method takes in a dynamic grid size. I passed 8 to it. The all you have to do is all the images/labels to the panel. No need to specify location/size. The GridLayout will take care of that for you.

private JPanel createPanel(ImageIcon[] icons, int gridSize) {
    Random random = new Random();
    JPanel panel = new JPanel(new GridLayout(gridSize, gridSize));
    for (int i = 0; i < gridSize * gridSize; i++) {
        int index = random.nextInt(icons.length);
        JLabel label = new JLabel(icons[index]);
        label.setBorder(new LineBorder(Color.GRAY, 2));
        panel.add(label);
    }
    return panel;
}

完整代码

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.GridLayout;
import java.util.Random;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.SwingUtilities;
import javax.swing.border.LineBorder;

public class CircleImages {

    public CircleImages() {
        ImageIcon[] icons = createImageIcons();
        JPanel iconPanel = createPanel(icons, 8);

        JPanel bottomLeftPanel = new JPanel(new FlowLayout(FlowLayout.LEADING));
        bottomLeftPanel.add(new JLabel("Score: "));
        bottomLeftPanel.add(new JTextField(10));

        JPanel bottomRightPanel = new JPanel(new FlowLayout(FlowLayout.TRAILING));
        bottomRightPanel.add(new JButton("New Game"));
        bottomRightPanel.add(new JButton("Quit"));

        JPanel bottomPanel = new JPanel(new GridLayout(1, 2));
        bottomPanel.add(bottomLeftPanel);
        bottomPanel.add(bottomRightPanel);

        JFrame frame = new JFrame();
        frame.add(iconPanel);
        frame.add(bottomPanel, BorderLayout.PAGE_END);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    private JPanel createPanel(ImageIcon[] icons, int gridSize) {
        Random random = new Random();
        JPanel panel = new JPanel(new GridLayout(gridSize, gridSize));
        for (int i = 0; i < gridSize * gridSize; i++) {
            int index = random.nextInt(icons.length);
            JLabel label = new JLabel(icons[index]);
            label.setBorder(new LineBorder(Color.GRAY, 2));
            panel.add(label);
        }
        return panel;
    }

    private ImageIcon[] createImageIcons() {
        String[] files = {"blackcircle.png",
            "bluecircle.png",
            "greencircle.png",
            "greycircle.png",
            "orangecircle.png",
            "redcircle.png",
            "yellowcircle.png"
        };
        ImageIcon[] icons = new ImageIcon[files.length];
        for (int i = 0; i < files.length; i++) {
            icons[i] = new ImageIcon(getClass().getResource("/circles/" + files[i]));
        }
        return icons;
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                new CircleImages();
            }
        });
    }
}

这篇关于如何正确设置图像的JButton大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！