Panel

作成時のプロパティ

//add方式

w.add("panel" [, bounds, text, {creation_properties}]); //※[ ]内はオプション

//文字列方式

Panel{}

bounds [Array of Number]

長さ4の数値配列。[left,top,right,bottom]の座標。英語アレルギーの人のために日本語にすると[左,上,右,下]の座標。

text [String]

パネルに表示する文字。

creation_properties[Object]

properties自体はいろんなプロパティを格納した単なる入れ物に過ぎない。properties自体に何かを設定するのではなく、その子プロパティに設定していく。ここに属するものは、ウィンドウ作成時に1度だけ設定できる。後で変更ができない。

• • • borderStyle [String]：枠線の見た目を変更する。具体的な見た目は次項参照。

      • • etched：デフォルトはこれ。文字通りエッチングしたみたいな線。エロ想像した人は帰れ。

        • black：黒。

        • gray：灰色。

        • raised：ボタン的な。盛り上がった感じ。

        • sunkun：逆に沈んだ感じ。

    • name [String]：このパーツに好きな名前をつける。ウィンドウの findElement () や親の children プロパティで name を利用すると、このオブジェクトを取得できる。

NOTE 1 : borderStyleの違い

borderStyleの違いを見るため以下のコードを実行してみる。

var w = new Window('dialog{ text : "bprderStyleの違い" , orientation : "row" , \

p1 : Panel{ text : "etched" , preferredSize : [100,50] , properties : {borderStyle : "etched"} }\

p2 : Panel{ text : "black" , preferredSize : [100,50] , properties : {borderStyle : "black"} }\

p3 : Panel{ text : "gray" , preferredSize : [100,50] , properties : {borderStyle : "gray"} }\

p4 : Panel{ text : "raised" , preferredSize : [100,50] , properties : {borderStyle : "raised"} }\

p5 : Panel{ text : "suken" , preferredSize : [100,50] , properties : {borderStyle : "sunken"} }\

}');

w.show();

(JavaScript Tools Guideより)

NOTE 2 : Panel と TabbedPanel、Tabの関係