View this PageEdit this PageAttachments to this PageHistory of this PageHomeRecent ChangesSearch the SwikiHelp Guide

funfunfun33

PREV ------ ● TOP ● ------ NEXTUploaded Image: fmrph.jpg


レイアウトはとりあえずここら辺で切り上げ

リサイジングでもうひとつ「spaceFill」ってのがあるです。
これはどうやらオーナー側に設定するのではなくて
サブモーフ側で設定するみたいでするよ。

■オーナーの形に合わせるってか

ではあらたに緑色の四角形のモーフをオーナーにして
サブモーフに楕円を3つ配置して「spaceFill」を試してみることにしまする。
新たにもうひとつ「WorkSpace」を出して以下のコードを試してみます。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@200.
rm color: Color green.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
3 timesRepeat: [ 
		em _ EllipseMorph new.
		rm addMorph: em ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )

Uploaded Image: image34.jpg


まだ「spaceFill」の設定はしてないよん。

Uploaded Image: image35.jpg


■サブモーフにもレイアウトの設定をするっす

サブモーフの楕円にもレイアウト設定をばやりまして
「並べる方向」に「spaceFill」の設定をしてみまする。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@200.
rm color: Color green.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
3 timesRepeat: [ 
		em _ EllipseMorph new.
		em layoutPolicy: TableLayout new.
		em hResizing: #spaceFill.
		rm addMorph: em ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )

Uploaded Image: image36.jpg


オーナーの左右に合わせて各サブモーフがサイズを変えてまするな。

Uploaded Image: image37.jpg


で調子に乗って「折り返す方向」に「spaceFill」を設定してみますると・・・・
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@200.
rm color: Color green.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
3 timesRepeat: [ 
		em _ EllipseMorph new.
		em layoutPolicy: TableLayout new.
		em vResizing: #spaceFill.
		rm addMorph: em ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )

Uploaded Image: image38.jpg


・・・とこんな感じになりますな。実は楕円が縦に並ぶのを予想してたんですが。

Uploaded Image: image39.jpg


オーナー側の設定も変えなきゃならなかったの忘れてたわけですな。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@200.
rm color: Color green.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm wrapDirection: #topToBottom.
3 timesRepeat: [ 
		em _ EllipseMorph new.
		em layoutPolicy: TableLayout new.
		em vResizing: #spaceFill.
		rm addMorph: em ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )

Uploaded Image: image40.jpg


そうそうこうゆうかんじにしたかったのねん。

Uploaded Image: image41.jpg


最後に縦横を設定したものっす。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@200.
rm color: Color green.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
rm wrapDirection: #topToBottom.
3 timesRepeat: [ 
		em _ EllipseMorph new.
		em layoutPolicy: TableLayout new.
		em hResizing: #spaceFill.
		em vResizing: #spaceFill.
		rm addMorph: em ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )

Uploaded Image: image42.jpg


ハコの中にみっちりと・・・・

Uploaded Image: image43.jpg


PREV ------ ● TOP ● ------ NEXT







■ MEMO ■

Sunday, 14 March 2004, 5:02:43 pm
赤ハロメニューで設定するよりコードで設定する方がなんかわかりやすいかも。たまにGUIよりCUIのほうが良いなと思う瞬間であります。--thoru

Links to this Page