将网页右上角的组件对齐到GridBagLayout管理器

我正在尝试创建一个类似Facebook的登录页面，但是我写的代码并未在左上方显示它，而是显示在页面中心，我正在使用GridBagLayout并在FIRST_LINE_END上设置文本。将网页右上角的组件对齐到GridBagLayout管理器

final JFrame f2=new JFrame("Admin Main"); 
        f2.setSize(1350,730); 
        f2.setVisible(true); 
        f1.setVisible(false); 
        f2.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);![enter image description here][2] 
        GridBagLayout gbl=new GridBagLayout(); 
        final JPanel p2=new JPanel(gbl){ 
     private Image img = ImageIO.read(new File("F:\\Untitled Folder\\Rohan\\football2.jpg")); 
     @Override 
          protected void paintComponent(Graphics g) { 
       super.paintComponent(g); 

       g.drawImage(img, 0,0,1366,730, null); 
       } 
     };; 
        GridBagConstraints g2=new GridBagConstraints(); 
        g2.insets=new Insets(3,3,3,3); 
        JLabel l2=new JLabel("Admin ID",JLabel.LEFT); 
        JLabel l3=new JLabel("Password",JLabel.LEFT); 
        l2.setFont(new Font("TimesRoman",Font.BOLD,16)); 
        l2.setForeground(Color.BLUE); 
        l2.setBackground(Color.WHITE); 
        l3.setFont(new Font("TimesRoman",Font.BOLD,16)); 
        l3.setForeground(Color.BLUE); 
        l3.setBackground(Color.WHITE); 
        final JTextField t1=new JTextField(15); 
        final JPasswordField pw1=new JPasswordField(15); 
        JButton b3=new JButton("Back"); 
        JButton b4=new JButton("Sign in"); 
        f2.add(p2); 
        g2.anchor=GridBagConstraints.FIRST_LINE_END; 
        g2.gridx=1; 
        g2.gridy=1; 
        p2.add(l2,g2); 
        g2.gridx=2; 
        g2.gridy=1; 
        p2.add(t1,g2); 
        g2.gridx=1; 
        g2.gridy=2; 
        p2.add(l3,g2); 
        g2.gridx=2; 
        g2.gridy=2; 
        p2.add(pw1,g2); 
        g2.gridx=1; 
        g2.gridy=3; 
        p2.add(b3,g2); 
        g2.gridx=2; 
        g2.gridy=3; 
        p2.add(b4,g2);

enter image description here

来源

2013-05-21 Rohan Singh Dhaka

请点击到GridBagLayout的标签，然后通过最新的顺序，我敢肯定，第一，第二页包含similair代码，并在[SSCCE（http://sscce.org/）形式 – mKorbel

我看到你当前布局的两个问题：

你把你的登录面板，在父BorderLayout中心（这样你的面板被拉伸到其容器的大小）
您的GridBagLayout中没有任何东西可以将您的组件“推”到顶部和左侧。

有几个选择这里：（使用BorderLayout的，一旦与约束北部和第二次与约束WEST例如）

您巢登录面板分成几个小组。
将您的loginPanel添加到WEST，并在GridBagLayout的底部添加“填充”组件，以便将其他组件添加到顶部。

这里是第二个解决方案的演示：

import java.awt.BorderLayout; 
import java.awt.Color; 
import java.awt.Dimension; 
import java.awt.FlowLayout; 
import java.awt.Font; 
import java.awt.GridBagConstraints; 
import java.awt.GridBagLayout; 
import java.awt.Insets; 
import java.net.MalformedURLException; 
import java.net.URL; 

import javax.swing.Box; 
import javax.swing.ImageIcon; 
import javax.swing.JButton; 
import javax.swing.JFrame; 
import javax.swing.JLabel; 
import javax.swing.JPanel; 
import javax.swing.JPasswordField; 
import javax.swing.JTextField; 
import javax.swing.SwingUtilities; 

public class TestLoginGridBagLayout { 

    protected void initUI() throws MalformedURLException { 
     JFrame frame = new JFrame("Admin Main"); 
     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
     JLabel background = new JLabel(new ImageIcon(new URL(
       "http://media1.santabanta.com/full1/Football/Football%20Abstract/football-abstract-6a.jpg"))) { 
      @Override 
      public Dimension getPreferredSize() { 
       Dimension preferredSize = super.getPreferredSize(); 
       Dimension layoutPreferredSize = super.preferredSize(); 
       preferredSize.width = Math.max(preferredSize.width, layoutPreferredSize.width); 
       preferredSize.height = Math.max(preferredSize.height, layoutPreferredSize.height); 
       return preferredSize; 
      } 
     }; 
     background.setLayout(new BorderLayout()); 
     frame.add(background); 
     GridBagLayout gbl = new GridBagLayout(); 
     final JPanel loginPanel = new JPanel(gbl); 
     loginPanel.setOpaque(false); 
     background.add(loginPanel, BorderLayout.WEST); 
     JLabel adminIDLabel = new JLabel("Admin ID", JLabel.LEFT); 
     JLabel passwordLabel = new JLabel("Password", JLabel.LEFT); 
     adminIDLabel.setFont(new Font("TimesRoman", Font.BOLD, 16)); 
     adminIDLabel.setForeground(Color.BLUE); 
     adminIDLabel.setBackground(Color.WHITE); 
     passwordLabel.setFont(new Font("TimesRoman", Font.BOLD, 16)); 
     passwordLabel.setForeground(Color.BLUE); 
     passwordLabel.setBackground(Color.WHITE); 
     final JTextField adminID = new JTextField(15); 
     final JPasswordField password = new JPasswordField(15); 
     JPanel buttonPanel = new JPanel(new FlowLayout(FlowLayout.TRAILING)); 
     buttonPanel.setOpaque(false); 
     JButton back = new JButton("Back"); 
     JButton signIn = new JButton("Sign in"); 
     buttonPanel.add(back); 
     buttonPanel.add(signIn); 
     GridBagConstraints gbc = new GridBagConstraints(); 
     gbc.insets = new Insets(3, 3, 3, 3); 
     gbc.anchor = GridBagConstraints.FIRST_LINE_END; 
     loginPanel.add(adminIDLabel, gbc); 
     gbc.gridwidth = GridBagConstraints.REMAINDER; 
     loginPanel.add(adminID, gbc); 
     gbc.gridwidth = 1; 
     loginPanel.add(passwordLabel, gbc); 
     gbc.gridwidth = GridBagConstraints.REMAINDER; 
     loginPanel.add(password, gbc); 
     loginPanel.add(buttonPanel, gbc); 
     GridBagConstraints gbcFiller = new GridBagConstraints(); 
     gbcFiller.weightx = 1.0; 
     gbcFiller.weighty = 1.0; 
     gbcFiller.fill = GridBagConstraints.BOTH; 
     loginPanel.add(Box.createGlue(), gbcFiller); 
     frame.pack(); 
     frame.setVisible(true); 
    } 

    /** 
    * @param args 
    */ 
    public static void main(String[] args) { 
     SwingUtilities.invokeLater(new Runnable() { 
      @Override 
      public void run() { 
       try { 
        new TestLoginGridBagLayout().initUI(); 
       } catch (MalformedURLException e) { 
        e.printStackTrace(); 
       } 
      } 
     }); 
    } 

}

我也参加了的自由：

重命名你的变量为有意义的名称（它使你的代码更易于阅读其他）
将您的自定义背景图片面板替换为JLabel
将您的按钮移动到与另一个嵌套面板LayoutManager
拍另一个背景图像，因为我没有你的。

来源

2013-05-21 11:46:42

thanxs很多先生.. –

谢谢，基本上增加Box.createGlue（）weighty = 1的伎俩 – Tires

如果你希望它明确地在左上角我宁愿使用西北锚。 FIRST_LINE_END从左向右流动的文本也会将文本置于右侧，其他方向则从右向左。

此外，开关gridx和网格开始于而不是。并根据需要从那里增加。

因此，例如：

g2.anchor=GridBagConstraints.NORTHWEST; 
g2.gridx=0; 
g2.gridy=0; 
p2.add(l2,g2); 
g2.gridx=1; 
g2.gridy=0; 
p2.add(t1,g2); 
/*And so on for the rest of the block*/

来源

2013-05-21 11:23:19 trappski

使用'为gridx /实际上不建议使用gridy。使用'gridwidth/gridheight'是一种更好的方法（使用绝对值（1,2,3，...）或相对值）（例如'GridBagConstraints。REMAINDER'）。无论如何，将anchord设置为'NORTHWEST'并不能解决问题。 –

没有效果先生，它仍然在屏幕中间..我使用Netbeans我不认为这是因为.. –

然后它将如何解决先生？ @Guillaume Polet –

使用FIRST_LINE_START锚值。

g2.anchor=GridBagConstraints.FIRST_LINE_START;

来源

2013-05-21 11:25:00

这不会解决他的问题 –

没有效果，使用FIRST_LINE_START –

将网页右上角的组件对齐到GridBagLayout管理器

回答

相关问题