如何在Swing中创建“游戏选项/暂停屏幕”?

时间:2017-08-19 23:08:26

标签: java swing

背景:在Swing中制作游戏。这是简单的转弯基础游戏。不是很多。因此我不认为我需要实现Game Tick。相反,我的想法是当一个组件被更改或需要更新时,只需简单地重新验证/重新绘制该组件而不是重新绘制整个屏幕。

我有一个GameJPanel,它目前有所有组件。此JPanel包含重新验证/重新绘制的组件等。 我想我可以制作持有GameJPanel和我的OptionJPanel的JLayeredPane。在GameJPanel上有一个按钮,当按下该按钮会导致OptionJPanel显示在它上面并使其JPanel 50%透明(因此它会影响它使GameJPanel变暗)。

然而,一旦我这样做,发生的事情是GameJPanel开始替换OptionJPanel组件(因为事件......等;重新绘制组件)。

所以目前我不知道该怎么做。我在想,如果我有某种游戏方式,我就不会遇到这个问题,但是,我并非100%肯定。我有点担心,如果我实施了一个游戏技巧,游戏中的事件将导致GameJPanel组件显示半秒然后被替换。有些事件会导致组件重新绘制而无需手动执行(如JLabel setText()的快速示例;)

enter image description here 作为我想要的例子。

我尝试过使用CardLayout但我无法弄清楚如何在后台看到GameJPanel时将OptionJPanel置于GameJPanel之上(我尝试设置背景颜色,setOpaque(false)...,试图限制选项JPanel大小,但我认为CardLayout延伸它(不是100%肯定))我得到的只是灰色背景。

我不想去CardLayout路线,因为将来我还计划在GameJPanel上放置组件(就像有人点击一个按钮,让另一个面板上的另一个面板有一个组件滑入或滑出等) 。 我使用CardLayout和GameJPanel中的其他组件来交换屏幕,但是没有必要让显示的其他组件显示出来。

关于如何解决这个问题的任何想法都很棒,甚至是显示此问题的示例代码。

2 个答案:

答案 0 :(得分:3)

如上所述,您将使用JDialog,一个易于制作的组件(类似于制作JFrame)并且易于放置。只需将它放在"相对于" JFrame,例如,

myDialog.setLocationRelativeTo(myJFrame);

...它会自动将其自身置于JFrame上。棘手的部分是调暗底层的JFrame,为此你需要使用一个JGlassPane添加到JFrame的rootpane,一组使用背景颜色使用alpha复合值。这个棘手的部分是绘制较暗的背景而不会产生副作用,为此,请阅读Rob Camick(StackOverflow用户camickr)关于使用alpha合成的Swing绘图的优秀教程,你可以在这里找到:Java Tips Weblog: Backgrounds with Transparency

此处显示了此类程序的一个示例:

import java.awt.Color;
import java.awt.Component;
import java.awt.Dialog.ModalityType;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.GridLayout;
import java.awt.Window;
import java.awt.event.ActionEvent;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;

import javax.imageio.ImageIO;
import javax.swing.*;

public class DialogEg {
    // path to example image used as "game" background
    private static final String IMG_PATH = "https://upload.wikimedia.org/"
            + "wikipedia/commons/7/76/Jump_%27n_Bump.png";

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> createAndShowGui());
    }

    private static void createAndShowGui() {
        // get the "game" background image, or exit if fail
        BufferedImage img = null;
        try {
            URL imgUrl = new URL(IMG_PATH);
            img = ImageIO.read(imgUrl);
        } catch (IOException e) {
            e.printStackTrace();
            System.exit(-1);
        }

        // pass "game" image into main JPanel so that it will be drawn
        DeMainPanel mainPanel = new DeMainPanel(img);
        JFrame frame = new JFrame("Dialog Example");
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        frame.add(mainPanel); // add main JPanel to JFrame
        frame.pack();
        frame.setLocationByPlatform(true);
        frame.setVisible(true);
    }
}

// main JPanel
@SuppressWarnings("serial")
class DeMainPanel extends JPanel {
    private BufferedImage img; // background image

    // JButton action that shows the JDialog and darkens the glasspane
    private PauseAction pauseAction = new PauseAction("Pause");

    public DeMainPanel(BufferedImage img) {
        super();
        this.img = img;
        add(new JButton(pauseAction));
    }

    // draw the "game" background image within the JPanel if not null
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        if (img != null) {
            g.drawImage(img, 0, 0, this);
        }
    }

    // size this JPanel to match the image's size
    @Override
    public Dimension getPreferredSize() {
        if (isPreferredSizeSet() || img == null) {
            return super.getPreferredSize();
        }
        int width = img.getWidth();
        int height = img.getHeight();
        return new Dimension(width, height);
    }
}

// Action / ActionListener for JButton -- shows JDialog and darkens glasspane
@SuppressWarnings("serial")
class PauseAction extends AbstractAction {
    private static final int ALPHA = 175; // how much see-thru. 0 to 255
    private static final Color GP_BG = new Color(0, 0, 0, ALPHA);
    private DeDialogPanel deDialogPanel = new DeDialogPanel();  // jpanel shown in JDialog

    public PauseAction(String name) {
        super(name);
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        // comp is our JButton
        Component comp = (Component) e.getSource();
        if (comp == null) {
            return;
        }

        // create our glass pane
        JPanel glassPane = new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                // magic to make it dark without side-effects
                g.setColor(getBackground());
                g.fillRect(0, 0, getWidth(), getHeight());
                super.paintComponent(g);
            }
        };
        // more magic below
        glassPane.setOpaque(false); 
        glassPane.setBackground(GP_BG);     

        // get the rootpane container, here the JFrame, that holds the JButton
        RootPaneContainer win = (RootPaneContainer) SwingUtilities.getWindowAncestor(comp);
        win.setGlassPane(glassPane);  // set the glass pane
        glassPane.setVisible(true);  // and show the glass pane

        // create a *modal* JDialog
        JDialog dialog = new JDialog((Window)win, "", ModalityType.APPLICATION_MODAL);
        dialog.getContentPane().add(deDialogPanel);  // add its JPanel to it
        dialog.setUndecorated(true); // give it no borders (if desired)
        dialog.pack(); // size it
        dialog.setLocationRelativeTo((Window) win); // ** Center it over the JFrame **
        dialog.setVisible(true);  // display it, pausing the GUI below it

        // at this point the dialog is no longer visible, so get rid of glass pane
        glassPane.setVisible(false);

    }
}

// JPanel shown in the modal JDialog above
@SuppressWarnings("serial")
class DeDialogPanel extends JPanel {
    private static final Color BG = new Color(123, 63, 0);

    public DeDialogPanel() {
        JLabel pausedLabel = new JLabel("PAUSED");
        pausedLabel.setForeground(Color.ORANGE);
        JPanel pausedPanel = new JPanel();
        pausedPanel.setOpaque(false);
        pausedPanel.add(pausedLabel);

        setBackground(BG);
        int eb = 15;
        setBorder(BorderFactory.createEmptyBorder(eb, eb, eb, eb));
        setLayout(new GridLayout(0, 1, 10, 10));
        add(pausedPanel);
        add(new JButton(new FooAction("RESUME")));
        add(new JButton(new FooAction("RESTART")));
        add(new JButton(new FooAction("EXIT TO MAP")));
    }

    // simple action -- all it does is to make the dialog no longer visible
    private class FooAction extends AbstractAction {
        public FooAction(String name) {
            super(name);
        }

        @Override
        public void actionPerformed(ActionEvent e) {
            Component comp = (Component) e.getSource();
            Window win = SwingUtilities.getWindowAncestor(comp);
            win.dispose();  // here -- dispose of the JDialog
        }
    }
}

GUI最初看起来像这样:

enter image description here

但是当对话框显示并且玻璃窗格变暗时,它看起来像这样:

enter image description here

答案 1 :(得分:1)

所以经过大约一个月的游戏工作后,我再次被这篇文章所吸引。我用DontKnowMuchButGettingBetter的方式实现了游戏的一部分,并通过将组件添加到GlassPane来实现这一点(可以说是制作JPanel,将其设置为GlassPane,在该Panel上做了什么)......

后面的实现(GlassPane)并不是解决此问题的最佳方法,因为您无法将玻璃窗格用于其他有用的事情。

我回到原来的想法,使用JLayeredPane。在不同的级别上拥有不同的组件并解决这个问题。我之前的问题是,当组件重新绘制时,支持层中的组件过度绘制了前层中的组件。

我刚刚遇到一个叫做isOptimizedDrawingEnabled()的方法......通过使这个方法总是为JLayeredPane返回false我能够达到我想要的效果。