如何使标签和按钮居中?

Posted

技术标签:

【中文标题】如何使标签和按钮居中?【英文标题】:How do I center label and button? 【发布时间】:2021-07-21 20:05:57 【问题描述】:

I want my Game to look like this:

但它不会,我不知道为什么......一切都没有在我想要的地方。

有人可以帮我吗?我究竟做错了什么? It looks like this:

颜色变化不是问题。它只是所有东西所在的位置。

package view;

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class WelcomeScreen extends JFrame
    JButton button;
    JLabel label;
    ActionListener action;
    GridBagLayout gb = new GridBagLayout();

    public <button> WelcomeScreen(ActionListener action)
        JPanel panel = new JPanel();
        this.setSize(800,600);

        GridBagConstraints gcon = new GridBagConstraints();
        gcon.weightx = 1;
        gcon.weighty = 1;
        gcon.fill = GridBagConstraints.HORIZONTAL;
        gcon.insets = new Insets(5,5,5,5);

        button = new JButton("Start");
        button.setPreferredSize(new Dimension(200, 50));
        button.setFont(new Font("Arial", Font.PLAIN, 20 ));
        button.setBorder(BorderFactory.createEmptyBorder(2, 10, 2, 2));
        button.setHorizontalAlignment(SwingConstants.LEFT);

        label = new JLabel("Game");
        label.setPreferredSize(new Dimension(200, 50));
        label.setFont(new Font("Arial", Font.PLAIN, 60 ));

        this.action = action;
        panel.setBorder(BorderFactory.createEmptyBorder(20, 10, 20, 10));
        panel.setLayout(gb);
        //label
        gcon.gridx = 2;
        gcon.gridy = 0;
        //gcon.gridwidth = 4;
        //gcon.gridheight = 1;
        gb.setConstraints(label,gcon);
        panel.add(label);

        //button
        gcon.gridx = 2;
        gcon.gridy = 1;
        //gcon.gridwidth = 2;
        //gcon.gridheight = 1;
        gb.setConstraints(button,gcon);
        panel.add(button);
        this.add(panel,BorderLayout.CENTER);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setTitle("Start");
        this.setVisible(true);
        button.addActionListener(action);
    

【问题讨论】:

【参考方案1】:

据我了解,您希望标签和按钮在框架中居中。 为此,请勿设置 weightx 和 weighty,因为它们会告诉布局管理器扩展至可用空间。

所以删除

    gcon.weightx = 1;
    gcon.weighty = 1;

然后,替换下面的代码

    //label
    gcon.gridx = 2;
    gcon.gridy = 0;
    //gcon.gridwidth = 4;
    //gcon.gridheight = 1;
    gb.setConstraints(label,gcon);
    panel.add(label);


    //button
    gcon.gridx = 2;
    gcon.gridy = 1;
    //gcon.gridwidth = 2;
    //gcon.gridheight = 1;
    gb.setConstraints(button,gcon);
    panel.add(button);

有了这个

    //label
    gcon.gridx = 0;
    gcon.gridy = 0;
    panel.add(label, gcon);

    //button
    gcon.gridx = 0;
    gcon.gridy = 1;
    panel.add(button, gcon);

由于没有行和列的权重大于 0,布局管理器会自动将标签按钮块放在中间。

完整代码

package test;

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.awt.event.ActionListener;

import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingConstants;

public class WelcomeScreen extends JFrame
    JButton button;
    JLabel label;
    ActionListener action;
    GridBagLayout gb = new GridBagLayout();



    public <button> WelcomeScreen(ActionListener action)
        JPanel panel = new JPanel();
        this.setSize(800,600);

        GridBagConstraints gcon = new GridBagConstraints();
        gcon.fill = GridBagConstraints.HORIZONTAL;
        gcon.insets = new Insets(5,5,5,5);

        button = new JButton("Start");
            button.setPreferredSize(new Dimension(200, 50));
            button.setFont(new Font("Arial", Font.PLAIN, 20 ));
            button.setBorder(BorderFactory.createEmptyBorder(2, 10, 2, 2));
            button.setHorizontalAlignment(SwingConstants.CENTER);

        label = new JLabel("Game");
            label.setPreferredSize(new Dimension(200, 50));
            label.setFont(new Font("Arial", Font.PLAIN, 60 ));

        this.action = action;
        panel.setBorder(BorderFactory.createEmptyBorder(20, 10, 20, 10));
        panel.setLayout(gb);
        //label
        gcon.gridx = 0;
        gcon.gridy = 0;
        panel.add(label, gcon);


        //button
        gcon.gridx = 0;
        gcon.gridy = 1;
        panel.add(button, gcon);
        this.add(panel,BorderLayout.CENTER);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setTitle("Start");
        this.setVisible(true);
        button.addActionListener(action);





    
    
    public static void main(String[] args) 
        new WelcomeScreen(null).setVisible(true);
    

【讨论】:

@Annithsi Humm,这听起来很奇怪,我添加了结果的屏幕截图和完整的代码,以防我忘记复制粘贴某些内容,此外我只是将按钮中的文本居中,因为左对齐是不太好。 非常感谢 :) 不幸的是它不起作用..也许是因为我正在使用 Mac?不管怎样,谢谢你的尝试:) @Annithsi 这不应该依赖于平台,正如 GridBagLayout 文档中所写:除非您为行 (weightx) 和列 (weighty) 中的至少一个组件指定权重,所有组件都聚集在其容器的中心。这是因为当权重为零(默认值)时,GridBagLayout 对象会在其单元格网格和容器边缘之间放置任何额外的空间。 。面板中有一些额外的组件吗?【参考方案2】:

如果您愿意使用库,我可以推荐 MigLayout

解决方案:

使用 MigLayout,代码看起来更具可读性,而且通常更容易:

JPanel contentPane = new JPanel(new MigLayout("", "[grow, center]", "[grow, center]"));
JPanel panel = new JPanel(new MigLayout("wrap 1", "[grow, fill]", "[]20px[]"));

JLabel label = new JLabel("Game");
label.setFont(new Font("Arial", Font.PLAIN, 60 ));
panel.add(label);


JButton button = new JButton("Start");
button.setFont(new Font("Arial", Font.PLAIN, 20 ));
button.setBorder(BorderFactory.createEmptyBorder(2, 10, 2, 2));
button.setHorizontalAlignment(SwingConstants.LEFT);
panel.add(button);

contentPane.add(panel);
setContentPane(contentPane);

解释:

“面板”仍然是持有组件的 JPanel。内容由布局约束控制:

    MigLayout 的第一个参数是布局约束,在这种情况下,它只是在每个添加的组件后自动换行到下一行。 第二个参数是列约束。在这里,它确保“单元格”(布局管理器像表格一样工作)随着“增长”而扩展,并且该单元格内的组件用“填充”填充整个单元格。 第三个参数是行约束。在这里,它们只是定义了行之间的间隙。列和行约束中的 '[]' 分别代表列/行。该括号内的任何内容都定义了单元格及其内容的行为方式,括号外的任何内容都用于定义间隙。

“contentPane”只是使用上述相同的方法确保“面板”在内部居中。然后可以将其添加到更大的组件(如框架)并展开,仍然保持内容居中。

您应该在 http://www.miglayout.com/whitepaper.html 找到有关布局功能的所有信息

【讨论】:

以上是关于如何使标签和按钮居中?的主要内容,如果未能解决你的问题,请参考以下文章

如何设置a标签的宽高,如何使a标签的文字垂直居中

如何使用自动布局使两个标签垂直居中

如何使文字在div中水平和垂直居中的css代码

如何在标签或按钮中垂直居中对齐*(星号)

用table建立表单时,td元素下的提交按钮如何居中

输入标签更大的尺寸和输入标签中的文本垂直居中