如何将按钮垂直放置在框架的中心?

Posted

技术标签:

【中文标题】如何将按钮垂直放置在框架的中心?【英文标题】:How can I place buttons in the center of the frame in a vertical line? 【发布时间】:2014-05-20 22:34:54 【问题描述】:

我会将这些按钮放置在框架的中心并相互上方,就像这样。

                                     BUTTON
                                     BUTTON
                                     BUTTON

我在这个论坛上搜索了多个主题,但到目前为止我尝试的所有方法都不起作用。我希望有人有解决方案。

这是我目前的代码:

package ípsen1;

import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JPanel;

public class Paneel extends JPanel implements ActionListener 
Image achtergrond;
private JButton spelHervatten;
private JButton spelOpslaan;
private JButton spelAfsluiten;


public Paneel()
    //buttons   
    spelHervatten = new JButton("Spel hervatten");
    spelHervatten.setPreferredSize(new Dimension(380, 65));

    spelOpslaan = new JButton("Spel opslaan");
    spelOpslaan.setPreferredSize(new Dimension(380, 65));

    spelAfsluiten = new JButton("Spel afsluiten");  
    spelAfsluiten.setPreferredSize(new Dimension(380, 65));


    //object Paneel luistert naar button events
    spelAfsluiten.addActionListener(this);

    add (spelHervatten);
    add (spelOpslaan);
    add (spelAfsluiten);
    

public void paintComponent(Graphics g) 
    //achtergrond afbeelding zetten
    achtergrond = Toolkit.getDefaultToolkit().getImage("hout.jpg");
    //screensize
    g.drawImage(achtergrond, 0,0, 1024,768,this);


    //actie na klik op button
            public void actionPerformed(ActionEvent e) 
                if(e.getSource() == spelAfsluiten)
                    System.out.println("Spel afsluiten");
                    System.exit(0);
                    
                
            

【问题讨论】:

spelOpslaan.setPreferredSize(new Dimension(380, 65)); 见Should I avoid the use of set(Preferred|Maximum|Minimum)Size methods in Java Swing?(是的。) public void paintComponent(Graphics g) //achtergrond afbeelding zetten achtergrond = Toolkit.getDefaultToolkit().getImage("hout.jpg");.. 1) 第一行应该是 super.paintComponent(g); 2) achtergrond afbeelding zetten 不是英文的评论是 SO 上的噪音。 3) 不要在paintXxx(..) 方法中加载图像!而是在启动时加载它并将其存储为类属性。 若想尽快获得更好的帮助,请发布MCVE(最小完整且可验证的示例)。 【参考方案1】:

您可以使用GridBagLayout

setLayout(new GridBagLayout());
GridBagConstraints gbc = new GridBagConstraints();
gbc.gridwidth = GridBagConstraints.REMAINDER;
gbc.fill = GridBagConstraints.HORIZONTAL;

add(new JButton("Button"), gbc);
add(new JButton("Button"), gbc);
add(new JButton("Button"), gbc);
add(new JButton("Button"), gbc);

详情请见How to Use GridBagLayout

【讨论】:

【参考方案2】:

BoxLayout 可能就是您所追求的。您可以在该特定布局管理器的构造函数中指定要沿 y 轴添加组件。

您可以将此行添加到 Paneel 类的构造函数中。

this.setLayout(new BoxLayout(this, BoxLayout.Y_AXIS));

至于将所有内容居中对齐,我不知道这是否是一种好习惯,但您可以单独为每个按钮设置水平对齐方式。示例:

spelHervatten.setAlignmentX(CENTER_ALIGNMENT);

【讨论】:

【参考方案3】:

对等宽的单列按钮使用GridLayout

按钮随着窗口大小的增加而伸展。要保持按钮大小,请将GridLayout 作为单个组件放入GridBagLayout 中,不受约束。它将居中。

通过设置边距来增加按钮的大小。

import java.awt.*;
import javax.swing.*;
import javax.swing.border.EmptyBorder;

/*
 * Uses a GridLayout for a single column of buttons of equal width.
 * The buttons stretch as the window's size increases.  To maintain
 * the button size, put the GridLayout as a single component into a 
 * GridBagLayout with no constraint.  It will be centered.
 */
public class CenteredSingleColumnOfButtons 

    public static void main(String[] args) 
        Runnable r = new Runnable() 
            @Override
            public void run() 
                // the GUI as seen by the user (without frame)
                JPanel gui = new JPanel(new GridLayout(0,1,10,10));
                gui.setBorder(new EmptyBorder(20,30,20,30));

                String[] buttonLabels = 
                    "Spel hervatten",
                    "Spel opslaan",
                    "Spel afsluiten"
                ;

                Insets margin = new Insets(20,150,20,150);
                JButton b = null;
                for (String s : buttonLabels) 
                    b = new JButton(s);
                    b.setMargin(margin);
                    gui.add(b);
                

                JFrame f = new JFrame("Centered Single Column of Buttons");
                f.add(gui);
                // Ensures JVM closes after frame(s) closed and
                // all non-daemon threads are finished
                f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
                // See http://***.com/a/7143398/418556 for demo.
                f.setLocationByPlatform(true);

                // ensures the frame is the minimum size it needs to be
                // in order display the components within it
                f.pack();
                f.setMinimumSize(f.getSize());
                // should be done last, to avoid flickering, moving,
                // resizing artifacts.
                f.setVisible(true);
                System.out.println(b.getSize());
            
        ;
        // Swing GUIs should be created and updated on the EDT
        // http://docs.oracle.com/javase/tutorial/uiswing/concurrency
        SwingUtilities.invokeLater(r);
    

【讨论】:

【参考方案4】:

我认为没有办法做到这一点。

您应该获取面板/框架的大小,然后手动计算以找到按钮的中心位置。

【讨论】:

绝对布局的建议不会产生专业或长期可持续的结果,尤其是当有许多其他更简单的解决方案可以跨平台工作时【参考方案5】:

改写了一些部分:

您可能想尝试将按钮放入 JFrame 的“风向”样式BorderLayout: http://www.leepoint.net/notes-java/GUI/layouts/20borderlayout.html

只需在CENTER 中创建一个块,其中一个EASTWEST 块周围具有一定的大小。然后将按钮插入中心块内。如果您不希望它们成为全尺寸,只需添加另一个 EASTWEST

【讨论】:

直到您想要添加三个以上的按钮或者不想让它们扩大整个宽度或希望它们等高...有趣的想法...

以上是关于如何将按钮垂直放置在框架的中心?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React、Next.js 中使用 tailwind.css 垂直和水平放置内容中心?

如何使用ios中的自动布局将三个按钮并排放置在中心并留有间距?

如何将箭头图标垂直对齐到中心

将底部元素定位在垂直中心

将底部元素定位在垂直中心

如何垂直对齐段落中心