読者です 読者をやめる 読者になる 読者になる

GridBagLayout を使って柔軟なレイアウトを構成する

Java

グリッドでレイアウトするレイアウトマネージャに GridLayout がありますが、こいつは基本的に配置するコンポーネントが全部同じサイズになります。各コンポーネントのサイズを変更したり ( セルの結合みたいなイメージ ) もう少し柔軟にレイアウトしたいなって場合は GridBagLayout というレイアウトマネージャが使えるみたいです。

・GridLayout (Java Platform SE 8 )
http://docs.oracle.com/javase/jp/8/api/java/awt/GridLayout.html

・GridBagLayout (Java Platform SE 8 )
http://docs.oracle.com/javase/jp/8/api/java/awt/GridBagLayout.html


GridBagLayout を使ってラベルを配置する簡単なサンプルが以下になります。

■ GridBagLayoutSample.java

package test;

import java.awt.Color;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingConstants;
import javax.swing.border.LineBorder;

public class GridBagLayoutSample {

  private void createAndShowGUI() {
    JFrame frame = new JFrame();
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setBounds(10, 10, 500, 250);
    frame.setTitle("GridBagLayoutSample");

    JPanel p = new JPanel();
    GridBagLayout gblayout = new GridBagLayout();
    p.setLayout(gblayout);
    
    JLabel l1 = new JLabel("label1", SwingConstants.CENTER);
    JLabel l2 = new JLabel("label2", SwingConstants.CENTER);
    JLabel l3 = new JLabel("label3", SwingConstants.CENTER);
    JLabel l4 = new JLabel("label4", SwingConstants.CENTER);
    
    l1.setBorder(new LineBorder(Color.BLACK, 2));
    l2.setBorder(new LineBorder(Color.BLACK, 2));
    l3.setBorder(new LineBorder(Color.BLACK, 2));
    l4.setBorder(new LineBorder(Color.BLACK, 2));
    
    GridBagConstraints gbc = new GridBagConstraints();
    gbc.fill = GridBagConstraints.BOTH;
    gbc.gridx = 0;
    gbc.gridy = 0;
    gbc.gridwidth = 1;
    gbc.gridheight = 2;
    gbc.insets = new Insets(1, 1, 1, 1);
    gbc.weightx = 1.0;
    gbc.weighty = 1.0;
    gblayout.setConstraints(l1, gbc);
    p.add(l1);
    
    gbc.fill = GridBagConstraints.BOTH;
    gbc.gridx = 1;
    gbc.gridy = 0;
    gbc.gridwidth = 1;
    gbc.gridheight = 1;
    gbc.insets = new Insets(1, 1, 1, 1);
    gbc.weightx = 1.0;
    gbc.weighty = 1.0;
    gblayout.setConstraints(l2, gbc);
    p.add(l2);
    
    gbc.fill = GridBagConstraints.BOTH;
    gbc.gridx = 1;
    gbc.gridy = 1;
    gbc.gridwidth = 1;
    gbc.gridheight = 1;
    gbc.insets = new Insets(1, 1, 1, 1);
    gbc.weightx = 1.0;
    gbc.weighty = 1.0;
    gblayout.setConstraints(l3, gbc);
    p.add(l3);
    
    gbc.fill = GridBagConstraints.BOTH;
    gbc.gridx = 0;
    gbc.gridy = 2;
    gbc.gridwidth = 2;
    gbc.gridheight = 1;
    gbc.insets = new Insets(1, 1, 1, 1);
    gbc.weightx = 1.0;
    gbc.weighty = 1.0;
    gblayout.setConstraints(l4, gbc);
    p.add(l4);
    
    frame.getContentPane().add(p);
    frame.setVisible(true);
  }

  public static void main(String[] args) {
    javax.swing.SwingUtilities.invokeLater(new Runnable() {
      public void run() {
        new GridBagLayoutSample().createAndShowGUI();
      }
    });
  }
}

■ 実行結果
f:id:a4dosanddos:20151029013947p:plain


細かい設定は GridBagConstraints を使ってやります。

・GridBagConstraints (Java Platform SE 8 )
http://docs.oracle.com/javase/jp/8/api/java/awt/GridBagConstraints.html

詳細は API ドキュメントにゆずりますが ( というか細かいところは理解できておらず、上記のサンプルでも本当は必要ない設定とかもしちゃってそう・・・ )、insets がパディングの設定weightx / weighty が x 方向 / y 方向のコンポーネントの重みの設定になるみたいです。上記の例では weightx / weighty ともにすべて 1.0 と指定しているので重みが同じになり、結果各方向のサイズも均等になります。

例えば、l1 に関する weightx を 0.1 とかに設定すると、実行結果は以下のようになります。

f:id:a4dosanddos:20151029014654p:plain


簡単ですが、以上です。

[ 環境情報 ]
Windows 7 SP1
Java SE 8 Update 25