• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:SpringLayoutでリスト状に並べる
#navi(../)
*SpringLayoutでリスト状に並べる [#nc4396b2]
>編集者:[[Terai Atsuhiro>terai]]~
作成日:2004-03-22~
更新日:&lastmod;
---
category: swing
folder: SpringLayout
title: SpringLayoutの使用
tags: [SpringLayout, LayoutManager]
author: aterai
pubdate: 2004-03-22T10:23:19+09:00
description: SpringLayoutを使用して、各ラベルのサイズとパネルからの距離が一定の比率になるような配置を指定します。
image: https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTwX9UR-I/AAAAAAAAAk8/TLNZjmIrPnw/s800/SpringLayout.png
---
* 概要 [#summary]
`SpringLayout`を使用して、各ラベルのサイズとパネルからの距離が一定の比率になるような配置を指定します。

#contents
#download(https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTTwX9UR-I/AAAAAAAAAk8/TLNZjmIrPnw/s800/SpringLayout.png)

**概要 [#k994c8ea]
高さの異なるコンポーネントをリスト状に並べてみます。
* サンプルコード [#sourcecode]
#code(link){{
private static void setScaleAndAdd(
    JComponent parent, SpringLayout layout, JComponent child,
    float sx, float sy, float sw, float sh) {
  Spring panelw = layout.getConstraint(SpringLayout.WIDTH,  parent);
  Spring panelh = layout.getConstraint(SpringLayout.HEIGHT, parent);

#screenshot
  SpringLayout.Constraints c = layout.getConstraints(child);
  c.setX(Spring.scale(panelw, sx));
  c.setY(Spring.scale(panelh, sy));
  c.setWidth(Spring.scale(panelw,  sw));
  c.setHeight(Spring.scale(panelh, sh));

**サンプルコード [#gefca96e]
 public void addComp(JComponent label) {
   SpringLayout layout = new SpringLayout();
   Component[] list = pnl.getComponents();
   if(list.length==0) {
     layout.putConstraint(
           SpringLayout.WEST,label,0,SpringLayout.WEST,pnl);
     layout.putConstraint(
           SpringLayout.NORTH,label,0,SpringLayout.NORTH,pnl);
   }else{
     JComponent cmp = null;
     for(int i=0;i<list.length;i++) {
       JComponent tmp = (JComponent)list[i];
       layout.putConstraint(
             SpringLayout.WEST,tmp,0,SpringLayout.WEST,pnl);
       if(cmp==null) {
         layout.putConstraint(
               SpringLayout.NORTH,tmp,0,SpringLayout.NORTH,pnl);
       }else{
         layout.putConstraint(
               SpringLayout.NORTH,tmp,0,SpringLayout.SOUTH,cmp);
       }
       cmp = tmp;
     }
     layout.putConstraint(
           SpringLayout.WEST,label,0,SpringLayout.WEST,pnl);
     layout.putConstraint(
           SpringLayout.NORTH,label,0,SpringLayout.SOUTH,cmp);
   }
   pnl.add(label);
   pnl.setLayout(layout);
   initComps();
 }
  parent.add(child);
}

 public void initComps() {
   Rectangle rv = scroll.getViewport().getViewRect();
   Insets ins = pnl.getInsets();
   int cw = (int)rv.getWidth() - ins.left - ins.right;
   int ch = 0;
   Component[] list = pnl.getComponents();
   for(int i=0;i<list.length;i++) {
     JComponent tmp = (JComponent)list[i];
     int th = tmp.getPreferredSize().height;
     tmp.setPreferredSize(new Dimension(cw, th));
     ch = ch + th;
   }
   Dimension d = new Dimension(
                   (int)rv.getWidth(),ch+ins.top+ins.bottom);
   pnl.setPreferredSize(d);
   pnl.revalidate();
 }
// public void initLayout() {
//   SpringLayout layout = new SpringLayout();
//   Insets i = panel.getInsets();
//   int w = panel.getWidth()  - i.left - i.right;
//   int h = panel.getHeight() - i.top  - i.bottom;
//
//   l1.setPreferredSize(new Dimension(w * 90 / 100, h * 55 / 100));
//   l2.setPreferredSize(new Dimension(w * 40 / 100, h * 30 / 100));
//
//   layout.putConstraint(SpringLayout.WEST,  l1, w * 5 / 100,
//                        SpringLayout.WEST,  panel);
//   layout.putConstraint(SpringLayout.NORTH, l1, h * 5 / 100,
//                        SpringLayout.NORTH, panel);
//   layout.putConstraint(SpringLayout.WEST,  l2, w * 50 / 100,
//                        SpringLayout.WEST,  panel);
// //layout.putConstraint(SpringLayout.WEST, l2, 0, SpringLayout.WEST, l1);
//   layout.putConstraint(SpringLayout.SOUTH, l2, -h * 5 / 100,
//                        SpringLayout.SOUTH, panel);
//
//   panel.setLayout(layout);
//   panel.revalidate();
// }
}}

-&jnlp;
-&jar;
-&zip;
* 解説 [#explanation]
上記のサンプルでは、`SpringLayout`を使って`2`つの`JComponent`をパネル内にレイアウトしています。

**解説 [#b910d821]
上記のサンプルでは、SpringLayoutを使ってパネルにコンポーネントを並べています。右クリックのポップアップメニューから、高さの異なるラベルとボタンを追加することができます。追加されたコンポーネントの幅はJListのようにViewportに合わせて変化しますが、高さはsetPreferredSize()で設定されたものを維持します。
%%パネルのサイズが変更されるたびに、各ラベルのサイズとパネルからの距離が一定の割合になるように設定し直しています(ただしパネルの余白は無視)。%%

チュートリアルの[[SpringForm>http://java.sun.com/docs/books/tutorial/uiswing/layout/example-1dot4/index.html#SpringForm]]にある[[SpringUtilities.java>http://java.sun.com/docs/books/tutorial/uiswing/layout/example-1dot4/SpringUtilities.java]]を使用すると、サンプルのaddCompメソッドは以下のように書くこともできます。
 public void addComp2(JComponent cmp) {
   pnl.add(cmp);
   Component[] list = pnl.getComponents();
   SpringUtilities.makeCompactGrid(pnl,
                                   list.length, 1, //rows, cols
                                   6, 6,           //initX, initY
                                   6, 6);          //xPad, yPad
   initComps();
 }
- `JLabel`
-- 幅はパネルの`90%`、高さは`55%`になるよう設定
-- 左上座標は親パネルの左上から`x: 5%`、`y: 5%`の位置
-- %%パネルと自身の`WEST`からの距離`5%`、パネルと自身の`NORTH`からの距離`5%`%%
- `JButton`
-- 幅はパネルの`40%`、高さは`30%`になるよう設定
-- 左上座標は、親パネルの左上から`x: 50%`、`y: 65%`の位置
-- %%パネルと自身の`WEST`からの距離`50%`、パネルと自身の`SOUTH`からの距離`-5%`%%

//**参考リンク
**コメント [#eec7c049]
* 参考リンク [#reference]
- [https://docs.oracle.com/javase/jp/8/docs/api/javax/swing/SpringLayout.html SpringLayout (Java Platform SE 8)]

* コメント [#comment]
#comment
- 以前の内容は、[[BoxLayoutでリスト状に並べる>Swing/ComponentList]]に移動しました。 -- &user(aterai); &new{2006-06-15 (木) 19:40:17};
- リスナーを使わなくても次ので出来ました。 --  &new{2010-09-02 (木) 02:41:13};

#code{{
panel.setLayout(layout);
Spring panelw = layout.getConstraint(SpringLayout.WIDTH, panel);
layout.getConstraints(name).setWidth(Spring.scale(panelw, .9f));
layout.getConstraints(name).setX(Spring.scale(panelw, .05f));
}}

- ご指摘ありがとうございます。こんなメソッドが有ったのですね。サンプルを全体的に修正してみました。 -- &user(aterai); &new{2010-09-02 (木) 07:01:18};

#comment