Question

我目前正在研究Java GUI实现，对于我的下一个任务，我们将创建一个程序来模拟房屋的控制。我们已经获得了非常自由的统治来构建它，但是我们喜欢它（只要它在Java中）。我已经制定了这个模型：http://i.imgur.com/9RtWL7b.jpg（如下所示），这就是我想要制作的东西。

程序样机： Program Mockup

下面是我目前的代码，它产生了这个http://i.imgur.com/XZLiwWx.jpg（下面）

下面的示例代码： Program Example

我的问题是;如何让三个按钮位于屏幕左侧？我是以错误的方式来做这件事的吗？我觉得我下面的代码非常笨重而且没有组织，我应该采用不同的方法吗？

如果需要更多信息，请与我们联系。

import java.awt.*;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;

import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JButton;

public class ImageTest {

    public static void main(String[] args) {
        ImagePanel panel            = new ImagePanel("program/assets/main_bg.jpg");

        TopTabButton buttonHome     = new TopTabButton("home");
        TopTabButton buttonSettings = new TopTabButton("settings");
        TopTabButton buttonHelp     = new TopTabButton("help");

        panel.add(buttonHome);
        panel.add(buttonSettings);
        panel.add(buttonHelp);


        panel.setPreferredSize(new Dimension(1000, 760));

        JFrame frame = new JFrame();
        frame.setBackground(new Color(53, 56, 64));
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        frame.getContentPane().add(panel);

        frame.pack();

        frame.setLocationRelativeTo(null);
        frame.setResizable(false);
        frame.setVisible(true);
    }

}

class TopTabButton extends JButton {

    public TopTabButton(String buttonCode) {
        setIcon(new ImageIcon("program/assets/top_tab_button_bg_" + buttonCode + "_inactive.png"));
        setRolloverIcon(new ImageIcon("program/assets/top_tab_button_bg_" + buttonCode + "_active.png"));
        setBorderPainted(false);
        setFocusPainted(false);
        setContentAreaFilled(true);
        setSize(new Dimension(126, 75));
     }

}

class ImagePanel extends JPanel {

    private Image img;

    public ImagePanel(String img) {
        this(Toolkit.getDefaultToolkit().createImage(img));
    }

    public ImagePanel(Image img) {
        this.img = img;
        Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));
        setPreferredSize(size);
        setMinimumSize(size);
        setMaximumSize(size);
        setSize(size);
        setLayout(new GridBagLayout());
    }

    public void paintComponent(Graphics g) {
        g.drawImage(img, 0, 0, getWidth(), getHeight(), this);
    }
}

class ButtonPanelTest extends JPanel {

    private Image img;

    public ButtonPanelTest(String name) {
        Button Button1 = new Button(name);
        Dimension size = new Dimension(100, 50);
        setSize(size);
        setLayout(new GridBagLayout());
    }

}

Answer 1

让我们从手头的问题开始......

由于JFrame默认使用BorderLayout，因此frame.getContentPane().add(panel);会将其添加到窗口的中心位置。相反，请尝试使用frame.getContentPane().add(panel, BorderLayout.NORTH);

setSize中的TapTabButton电话无关紧要。它的大小将由添加到...的容器的布局管理器建立。

不建议拨打setPreferredSize(size)，setMinimumSize(size)和setMaximumSize(size)，而应覆盖相应的getXxxSize方法并返回所需的大小。这样可以防止人们在以后覆盖它们;）

此外，对setSize的调用无关......

我要警惕ImageIcon。它使用委托模型加载图像（将其传递给另一个Thread），这意味着getWidth和getHeight可能实际返回0，因为可能不够加载数据以确定图像的大小。

相反，使用ImageIO，这将在返回之前读取图像...

您必须使用super.paintComponent方法拨打paintComponent！这非常重要，因为paintComponent的一项工作是为绘画准备Graphics上下文

setSize中的

ButtonPanelTest ...无关

工作示例

好的，玩了一下，但基本上，所有的setXxxSize电话都搞乱了......

enter image description here

import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.GridBagLayout;
import java.awt.Image;
import java.awt.Toolkit;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class ImageTest {

    public static void main(String[] args) {
        ImagePanel panel = new ImagePanel("program/assets/main_bg.jpg");

        TopTabButton buttonHome = new TopTabButton("home");
        TopTabButton buttonSettings = new TopTabButton("settings");
        TopTabButton buttonHelp = new TopTabButton("help");

        panel.add(buttonHome);
        panel.add(buttonSettings);
        panel.add(buttonHelp);


//        panel.setPreferredSize(new Dimension(1000, 760));

        JFrame frame = new JFrame();
        frame.setBackground(new Color(53, 56, 64));
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        frame.add(panel, BorderLayout.NORTH);

        frame.pack();

        frame.setLocationRelativeTo(null);
//        frame.setResizable(false);
        frame.setVisible(true);
    }

    class TopTabButton extends JButton {

        public TopTabButton(String buttonCode) {
            setText(buttonCode);
//        setIcon(new ImageIcon("program/assets/top_tab_button_bg_" + buttonCode + "_inactive.png"));
//        setRolloverIcon(new ImageIcon("program/assets/top_tab_button_bg_" + buttonCode + "_active.png"));
//        setBorderPainted(false);
//        setFocusPainted(false);
//        setContentAreaFilled(true);
//        setSize(new Dimension(126, 75));
        }
    }

    class ImagePanel extends JPanel {

        private Image img;

        public ImagePanel(String img) {
            this(Toolkit.getDefaultToolkit().createImage(img));
        }

        public ImagePanel(Image img) {
            this.img = img;
            Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));
//        setPreferredSize(size);
//        setMinimumSize(size);
//        setMaximumSize(size);
//        setSize(size);
            setLayout(new GridBagLayout());
        }

        public void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.drawImage(img, 0, 0, getWidth(), getHeight(), this);
        }
    }
//
//class ButtonPanelTest extends JPanel {
//
//    private Image img;
//
//    public ButtonPanelTest(String name) {
//        Button Button1 = new Button(name);
//        Dimension size = new Dimension(100, 50);
//        setSize(size);
//        setLayout(new GridBagLayout());
//    }
//}
}

是的，我可能会将UI的每个元素构建为单独的面板，而不是尝试将其全部用于窗格。

这可以隔离控制和责任，同时减少布局拥堵和混乱......

Answer 2

您必须将窗口拆分为不同的面板，并在每个面板中提供不同类型的布局。

例如，在您的情况下，您必须将BorderLayout应用于窗口并将3个按钮的面板放置到NORTH位置。它会将您的按钮放在窗口的顶部（暂时在中间）。您必须将布局应用于每个面板，以在窗口中选择元素的位置。

点击此链接，它会向您解释布局的工作方式Visual Guide to Layouts

Swing组件的定位Java - JPanel，JButton，JFrame

2 个答案:

工作示例