javaでラベルとボタンの配置方法が知りたい

Question

###環境

言語： java
環境： eclipse
レイアウト：GridLayout
GUI : swing

###困っていること

図のようにGridLayoutでのラベルとボタンを配置したいんですが、うまくできないので教えてください。

Comments

[KSwordOfHaste]

重要な情報が抜けています。前提GUIライブラリーはAndroid SDK, swing, JavaFXのどれですか？
なおeclipseで上記のいずれの開発もできるのでeclipseかどうかは本件に直接関係しないと思います。

Answer 1

swingであればBorderLayout,BoxLayout,GridBagLayout,GroupLayoutなど複数の方法が使えそうですが、BorderLayoutを使うなら以下のような階層にすれば配置だけはそれらしくなります。しかし、各部品の大きさは意図通りにはならないと思います。

JPanel(BorderLayout)
  +CENTER: JLabel
  +SOUTH: Box(水平)
            +Button
            +Button
            +Button

swingのレイアウト制約に慣れるためには、各部品の最小、推奨、最大サイズ、アラインメント（左よせとか中央配置とか）がデフォルトでどのような値になるかを研究し、どの制約を指定すれば期待どおりになるか調べてみるとよいです。

制約なしでWindows上で実行すると最小、推奨、最大サイズは以下のようになります。

部品	最小	推奨	最大
JLabel	27, 16	27, 16	27, 16
Box	210, 26	210, 26	210, 26
JButton	70, 26	70, 26	70, 26

JLabelやJButtonの大きさは表示テキストにより決まり、さらにJLabelはデフォルトで左寄せでテキストが配置されます。そこで、ご質問にあるレイアウトに近づけるためには例えば以下が必要です。

• JLabelの推奨サイズを適当に大きくする
• JLabelのアラインメントをJLabel.CENTERにする

コンストラクターの第三引数に指定するとよいです。

• JButtonの推奨サイズと最大サイズを適当に大きくする

どちらか一方を指定しただけでは意図通りの大きさになりません。

レイアウト制約にはそれぞれのGUIライブラリーのくせのようなものがあります。例えばswingのJButtonでは、推奨サイズを指定すれば大きくなってくれてもよさそうなのに実際には最大サイズも指定しないといけなかったりといったところが「直感的」でないように思います。

awt/swingを解説したページには(こうしたややこしい点の説明が面倒なせいか)単純にsetSizeで大きさを指定してしまうサンプルが載っていることがありますが、setSizeは必ずしもベストな方法ではありません(※)ので注意が必要です。

※:setSizeがベストでない理由
setSizeで一旦大きさを指定したとしても、レイアウト制約を適用するためにJFrameコンストラクターでpack()を呼び出すとsetSizeの指定は無視され、最小、推奨、最大サイズ等の制約に従ったレイアウト計算が行われてしまいます。ゆえにsetSizeはレイアウトマネージャーを一切使わずに位置と大きさを全て自分で明示的に指定する場合でもない限りは使うべきではありません。setSizeを使うなら、JPanelにレイアウトマネージャーを指定することには意味がなくなります。

Comments

[akayon]

すみません、ご丁寧に答えいただいてありがたいんですが、GridLayoutでの方法が知りたいです。

[KSwordOfHaste]

GridLayoutとBorderLayoutを勘違いしてました。
上記のJLabel/JButtonについての説明が共通的なポイントになると思います。

[KSwordOfHaste]

あれ・・元の質問にあったイメージが見えなくなっていますね。記憶ではラベルとボタンの高さが違っていたのでGridLayoutでは無理かも知れません。またGridLayoutでは列スパンが指定できないと思うので上のラベルを1行目の真ん中に配置するしかなく、それはあまりよい方法とはいえないと思います。

[akayon]

イメージなぜか消えました、、、
これは学校の課題なので
GridLayoutで可能なはずなのですが、、

[KSwordOfHaste]

ところで、リファレンス等は調べてますか？

[akayon]

はい、ですが有力な情報は見つからなかったので、質問させていただいた次第です。

[KSwordOfHaste]

GridLayoutを用いて2x3の升目に配置してみて結果どうなるかまずはやってみるとよいと思います。
http://docs.oracle.com/javase/jp/8/docs/api/java/awt/GridLayout.html
なお、1行目の1列目、3列目には何も表示されないようなコンポーネントをaddする必要があるので、GridLayoutを設定したコンテナーに対して
panel.add(new Component() {});
or
panel.add(Box.createGlue());
のようにしておくとよいと思います。

[akayon]

ボタンの処理はその方法で分けれるんですか？
僕は一個ずつGridLayoutを作って一個ずつボタンの処理を分けていました。

[KSwordOfHaste]

作成するGridLayoutは一つのみです。
GridLayoutのリファレンスに例が載っているので参考にしてください。

[akayon]

無事解決しました。ありがとうございます

Answer 2

BorderLayoutを使ってください。
こちらが参考になります。