swingのラベルの位置が変えられない、配置方法が分からない Java Eclipse

Question

実現したいこと

swingのラベル（テストというテキストがついたラベル）が現状frameの左中央にいるのですが、
フレームの上中央に配置させたいです。
ただし、上に100ピクセルくらい隙間を空けたいです。
そのため、setBounds（）を使いましたが、まるで効きません。
rame.add(label,BorderLayout.CENTER);のコードが原因かと思い消すと、ラベル自体が消えてしまいます。
どうかよろしくお願いします。

該当のソースコード【コメントでご指摘戴いた部分を修正】

import java.awt.BorderLayout;
import java.awt.Color;

import javax.swing.JFrame;
import javax.swing.JLabel;

public class flame {
public static void main(String[] args) {
System.out.println("Hello World!");
JFrame frame= new JFrame("テスト");
frame.getContentPane().setBackground( Color.WHITE );
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(400,200);
System.out.println("表示あ");
JLabel label=new JLabel("test");
frame.setSize(600, 600);
frame.setBounds(100, 100, 600, 400);
frame.add(label,BorderLayout.CENTER);
frame.setVisible(true);
}
}

Comments

[jimbe]

まず、 swing では main メソッド内で最初のフレームを表示( frame.setVisible(true) )した後にそのフレーム等を操作してはいけません。
swing は最初のフレームの表示時点から、 main メソッドの動作するスレッドとは別スレッドで動作を始めるため、マルチスレッドでの操作による問題が発生する可能性があるためです。

[ikigamikita]

ありがとうございます。修正いたします。

Answer 1

swingのラベル（テストというテキストがついたラベル）が現状frameの左中央にいるのですが、
フレームの上中央に配置させたいです。
ただし、上に100ピクセルくらい隙間を空けたいです。

これだけの要件だと優に１０パターン以上（のレイアウト法が）ありそうですが...（その後どうなるかによって向き不向きが出てきます）

そのため、setBounds（）を使いましたが、まるで効きません。

setBoundsを使いたいのであれば、レイアウトマネージャーを無効にする必要があります。
そしてlabelのsetBoundsを呼ばなければなりません。
座標指定で配置する - レイアウトマネージャーを無効にする - Swing

ただし文字数によって調整が必要ですし、実行環境によっても見切れたりする可能性があるため推奨するつもりはありません（自分ひとりで使うなら「お好きにどうぞ」と思いますが^^;

import javax.swing.JFrame;
import javax.swing.JLabel;
import java.awt.Color;

public class Sample {
    public static void main(String[] args) {
        JFrame frame = new JFrame("テスト");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 200); // JFrameのサイズ

        frame.getContentPane().setBackground(Color.WHITE);
        frame.getContentPane().setLayout(null); // レイアウトマネージャー無効

        JLabel label = new JLabel("test");
        label.setBounds(187, 100, 26, 18); // JLabelの位置・サイズ
        label.setBackground(Color.PINK); label.setOpaque(true); // わかりやすいように色を付けただけ
        frame.add(label);

        frame.setVisible(true);
    }
}

GUIのレイアウトはどの言語・フレームワークを使っていても難しいので、デザイナーを使ったりしてどのようなコンポーネントがあるのか・どんなプロパティ（設定項目）があるのかを把握するとよいでしょう（デザイナーの操作に慣れる必要は出てきますが^^;
【Java】Swingを使ってウィンドウを表示させる【初心者向け】 | ポテパンスタイル

WindowBuilder（Swing Desinger）でマウスポチポチのみでの作例

import java.awt.Color;
import java.awt.EventQueue;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;

public class Sample extends JFrame {

	private static final long serialVersionUID = 1L;
	private JPanel contentPane;

	/**
	 * Launch the application.
	 */
	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					Sample frame = new Sample();
					frame.setVisible(true);
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		});
	}

	/**
	 * Create the frame.
	 */
	public Sample() {
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setBounds(100, 100, 400, 200);
		contentPane = new JPanel();
		contentPane.setBackground(new Color(255, 255, 255));
		contentPane.setBorder(new EmptyBorder(100, 5, 5, 5));

		setContentPane(contentPane);
		
		JLabel lblNewLabel = new JLabel("test");
		lblNewLabel.setOpaque(true);
		lblNewLabel.setBackground(new Color(255, 192, 203));
		contentPane.add(lblNewLabel);
	}

}

Comments

[ikigamikita]

どちらの回答者様もありがとうございました。最初に回答くださった方にBA差し上げます。
setLocation（）で、位置調整することにしました。

[TN8001]

> 最初に回答くださった方にBA差し上げます。

jimbeさんのほうが先ですが...（変えてもわたしは気にしません）

> setLocation（）で、位置調整することにしました。

レイアウトマネージャー無効の状態で、setLocationだけだと表示されないはずですが...
setSizeもあるなら（setSize・setLocation）まとめてやるのがsetBoundsです。

まあikigamikitaさんの希望の状態になったのならいいですが^^;

Answer 2

rame.add(label,BorderLayout.CENTER);のコードが原因かと思い消すと、ラベル自体が消えてしまいます。

Swing のコンポーネントは基本となる JFrame (他にもありますが) に載せ(add)なければ表示されません。

また、なにやら frame.setSize やら frame.setBounds やら呼び出していますが、それらは JFrame に対するものであって Label には関係ありません。

Swing のコンポーネントの配置は基本的に LayoutManager が自動で行います。
質問のコードで frame.add している先は JFrame の ContentPane であり、それには BorderLayout が設定されています。
BorderLayout は東西南北中央の 5 か所のコンポーネントの大きさ等から全体を 適切に 配置・設定するものです。
中央である BorderLayout.CENTER は東西南北のコンポーネントを配置して余った空間を全て使う領域で、これだけに配置した場合は ContentPane いっぱいの大きさに拡大されます。 JLabel の文字列は JLabel 自身が設定に従って描画するもので、質問のコードではそれは何も指定していませんのでデフォルト通り上下位置は中央、左右位置は左詰めで表示されます。

フレームの上中央に配置させたいです。
ただし、上に100ピクセルくらい隙間を空けたいです。

その位置に表示してもしウインドウの大きさを変えたらどう変化する べき なのか、他のコンポーネントを追加した時にそれらとお互いにどのように配置されることになるのかによって、フレーム内のコンテナの設定やコンポーネントの置き方が大きく変わります。

---

以下は GridBagLayout で配置したものです。他に frame クラスを JFrame の TestFrame クラスとしています。
フレームの大きさを変えてもラベルが上から 100 px の左右中央にあり続けます。

Google検索「java swing gridbaglayout」

import java.awt.*;

import javax.swing.*;

public class TestFrame extends JFrame { //java はクラス名は大文字始まりが基本、また、 main メソッドのためだけのクラスでは無く JFrame として活用
  public static void main(String[] args) {
    new TestFrame().setVisible(true); //表示したら速やかに main メソッドを終えるよう、setVisible をここに書いておく
  }

  TestFrame() {
    super("テスト");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(600, 400); //これはフレームの大きさ

    Container contentPane = getContentPane();
    contentPane.setBackground(Color.WHITE); //ContentPane の背景色
    contentPane.setLayout(new GridBagLayout()); //レイアウトマネージャを変更

    GridBagConstraints gbc = new GridBagConstraints();

    JLabel label = new JLabel("test");
    label.setOpaque(true); //JLabel の背景は基本透明なので不透明にし
    label.setBackground(Color.CYAN); //位置・大きさを確認し易いよう色を付けてみる
    gbc.gridx = 0;
    gbc.insets = new Insets(100, 0, 0, 0); //上に 100 px の空き
    contentPane.add(label, gbc);

    gbc.insets = new Insets(0, 0, 0, 0); //クリア
    gbc.weighty = 1; //余計な空白はここが吸収
    contentPane.add(Box.createVerticalGlue(), gbc);
  }
}

---

TN8001 さんの回答を見て、幾つかパターンを ^^;

BoxLayout だとこんな感じ。
縦方向の設定にして、100 px の空白、ラベル、残りを埋める糊、を並べます。

import java.awt.*;

import javax.swing.*;

public class TestFrame extends JFrame {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  TestFrame() {
    super("テスト");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(600, 400);

    Container contentPane = getContentPane();
    contentPane.setBackground(Color.WHITE);
    contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS)); //レイアウトマネージャを変更

    contentPane.add(Box.createVerticalStrut(100)); //高さ 100 px の棒(?)

    JLabel label = new JLabel("test");
    label.setOpaque(true);
    label.setBackground(Color.CYAN);
    label.setAlignmentX(Component.CENTER_ALIGNMENT);
    contentPane.add(label);

    contentPane.add(Box.createVerticalGlue());
  }
}

BorderLayout でも北南は横にしか広がらないので、ラベルを北(or南)に配置して直接 Border で上に 100 px の間を開けることでもできます。
ただこの場合は上 2 点と違って JLabel が北(or南)の部分全体に広がるので、文字列の配置を setHorizontalAlignment で設定する必要があります。

import java.awt.*;

import javax.swing.*;

public class TestFrame extends JFrame {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  TestFrame() {
    super("テスト");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(600, 400);

    Container contentPane = getContentPane();
    contentPane.setBackground(Color.WHITE);

    JLabel label = new JLabel("test");
    label.setOpaque(true);
    label.setBackground(Color.CYAN);
    label.setHorizontalAlignment(JLabel.CENTER);
    label.setBorder(BorderFactory.createEmptyBorder(100,0,0,0));
    contentPane.add(label, BorderLayout.NORTH);
  }
}

上のようにラベルの border で空きを調整するなら FlowLayout のほうが簡単かもしれません。
FlowLayout はコンポーネントの推奨サイズで中央に並べますので、縦長の JLabel になります。

import java.awt.*;

import javax.swing.*;

public class TestFrame extends JFrame {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  TestFrame() {
    super("テスト");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(600, 400);

    Container contentPane = getContentPane();
    contentPane.setBackground(Color.WHITE);
    contentPane.setLayout(new FlowLayout());

    JLabel label = new JLabel("test");
    label.setOpaque(true);
    label.setBackground(Color.CYAN);
    label.setBorder(BorderFactory.createEmptyBorder(100,0,0,0));
    contentPane.add(label);
  }
}

使ったことは無いですが SpringLayout というのもあります。
ラベルの上辺と contentPane の上辺との間を 100 px とし、ラベルの左右中心と contentPAne の左右中心を合わせています。

import java.awt.Color;
import java.awt.Container;

import javax.swing.*;

public class TestFrame extends JFrame {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  TestFrame() {
    super("テスト");
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(600, 400);

    Container contentPane = getContentPane();
    contentPane.setBackground(Color.WHITE);
    SpringLayout layout = new SpringLayout();
    contentPane.setLayout(layout);

    JLabel label = new JLabel("test");
    label.setOpaque(true);
    label.setBackground(Color.CYAN);
    contentPane.add(label);

    layout.putConstraint(SpringLayout.NORTH, label, 100, SpringLayout.NORTH, contentPane);
    layout.putConstraint(SpringLayout.HORIZONTAL_CENTER, label, 0, SpringLayout.HORIZONTAL_CENTER, contentPane);
  }
}

番外編(?)：『白地に黒で 上から 100 px・左右中心の位置に "test" と書くパネル』を作って配置です。
BOLD フォントから文字列の描画幅を得て座標を計算して…とやってますが、素直にレイアウトマネージャと JLabel を使ったほうが良いですね^^

import java.awt.*;
import java.awt.geom.Rectangle2D;

import javax.swing.*;

public class TestFrame extends JFrame {
  public static void main(String[] args) {
    new TestFrame().setVisible(true);
  }

  TestFrame() {
    super("テスト");
    setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    setSize(600, 400);

    setContentPane(new TestPanel());
  }

  private class TestPanel extends JPanel {
    TestPanel() {
      setBackground(Color.WHITE);
    }
    @Override
    protected void paintComponent(Graphics g) {
      super.paintComponent(g);

      String text = "test";

      Font font = getFont().deriveFont(Font.BOLD);
      FontMetrics metrics = g.getFontMetrics(font);
      Rectangle2D rect = metrics.getStringBounds(text, g);
      int tx = (getWidth()-(int)rect.getWidth()) / 2;
      int ty = 100 + metrics.getMaxAscent();
      int rw = (int)rect.getWidth();
      int rh = metrics.getMaxAscent() + metrics.getMaxDescent();

      g.setColor(Color.CYAN);
      g.fillRect(tx, 100, rw, rh); //座標は矩形の左上
      g.setFont(font);
      g.setColor(Color.BLACK);
      g.drawString(text, tx, ty); //座標は文字列のベースラインの左端
    }
  }
}

Comments

[ikigamikita]

回答ありがとうございます。勉強不足のため大変参考になります。
今回、レイアウト崩れは気にしない方針ですが、他のコンポーネントとの相対位置のことは考えられていなかったため、復讐や再考します。