Question

我最近的任务是完全修改我公司的一个软件Gui外观。到目前为止，我只做了基本的外观改变。主要通过一些GridBagConstraints处理将Gui从默认的Metal L＆amp; F升级到System L＆amp; F. 但这项任务有所不同：

我们有一位平面设计师绘制了所需的设计： enter image description here

我知道如何创建这种功能。我可能会使用双JTabbedPanes或只是添加Jpanels。

我的问题是如何将图形与gui对象合并。为了制作一个看起来像这样的Java Swing应用程序，我应该问设计师给我什么 - 使用圆角标签和标签面板颜色的合并？如果我现在给出的所有内容都是上面的这张图，我怎么能让JPanels或JTabbedPanes穿上这件华丽的服装呢？

Answer 1

大多数自定义 Swing GUI 是使用带有ImageIcons和自定义处理代码的JLabel制作的。例如：

public class CustomGUI extends JFrame {

private JLabel frame, border, grip, exit, minimize;
private Point initialClick;

public CustomGUI() {
    initComponents();
}

private void initComponents() {
    setTitle("CustomGUI");
    setMinimumSize(new Dimension(640, 480));
    setLocationRelativeTo(null);
    setDefaultCloseOperation(EXIT_ON_CLOSE);
    setUndecorated(true);
    setBackground(new Color(0, 0, 0, 0));
    setLayout(null);
    pack();

    frame = new JLabel();
    frame.setBounds(0, 0, 640, 480);
    frame.setIcon(new ImageIcon(getClass().getResource("frame.png"));

    border = new JLabel();
    border.setBounds(0, 0, 640, 480);
    border.setIcon(new ImageIcon(getClass().getResource("border.png"));

    grip = new JLabel();
    grip.setBounds(215, 0, 376, 25);
    grip.setIcon(new ImageIcon(getClass().getResource("grip.png"));
    grip.addMouseListener(new MouseAdapter() {
        @Override
        public void mousePressed(MouseEvent evt) {
            initialClick = evt.getPoint();
        }
    });
    grip.addMouseMotionListener(new MouseMotionAdapter() {
        @Override
        public void mouseDragged(MouseEvent evt) {
            int thisX = getLocation().x;
            int thisY = getLocation().y;
            int xMoved = (thisX + evt.getX()) - (thisX + initialClick.x);
            int yMoved = (thisY + evt.getY()) - (thisY + initialClick.y);
            int posX = thisX + xMoved;
            int posY = thisY + yMoved;
            setLocation(posX, posY);
        }
    });

    exit = new JLabel();
    exit.setBounds(620, 4, 32, 16);
    exit.setIcon(new ImageIcon(getClass().getResource("exit.png"));
    exit.addMouseListener(new MouseAdapter() {
        @Override
        public void mouseClicked(MouseEvent evt) {
            dispatchEvent(new WindowEvent(new UI(), WindowEvent.WINDOW_CLOSING));
        }
        @Override
        public void mouseEntered(MouseEvent evt) {
            exit.setIcon(new ImageIcon(getClass().getResource("exitGlow.png"));
        }
        @Override
        public void mouseExited(MouseEvent evt) {
            exit.setIcon(new ImageIcon(getClass().getResource("exit.png"));
        }
    });

    minimize = new JLabel();
    minimize.setBounds(600, 4, 16, 16);
    minmize.setIcon(new ImageIcon(getClass().getResource("minimize.png"));
    minimize.addMouseListener(new MouseAdapter() {
        @Override
        public void mouseClicked(MouseEvent evt) {
            setState(Frame.ICONIFIED);
        }
        @Override
        public void mouseEntered(MouseEvent evt) {
            minimize.setIcon(new ImageIcon(getClass().getResource("minimizeGlow.png"));
        }
        @Override
        public void mouseExited(MouseEvent evt) {
            minimize.setIcon(new ImageIcon(getClass().getResource("minimize.png"));
        }
    });

    add(minimize);
    add(exit);
    add(grip);
    add(border);
    add(frame);
}

public static void main(String[] args) {
    EventQueue.invokeLater(() -> {
        new CustomGUI().setVisible(true);
    });
}
}

此代码创建一个自定义GUI，其中包含自定义框架，边框和用于拖动窗口的手柄，包括退出和最小化按钮，当鼠标进入它们时会发光，使它们看起来很专业。（每个组件的图像都需要位于项目的根目录中才能生效。）如果要创建自定义选项卡式窗格，请创建JLabels ImageIcons，其中JLabels看起来像圆形标签或任何你希望它们看起来像每个都有相应的文字，并添加处理，通过改变它的颜色或在它周围添加一个边框使其看起来被选中，并将相应的面板放在前面，隐藏所有其他面板。

或者，您可以create a custom Look and Feel，但这很难做到，并且不会让您ImageIcons与{{1}}一起使用的自由。

你也可以使用JavaFX，这是一个丰富的GUI平台，旨在取代Swing，但就Swing而言，上述代码是Swing应用程序的最佳选择。

如何创建专业定制的Java Swing Gui？

1 个答案: