funfunfun32
もうちょい!レイアウト
レイアウトでもうちょっといろいろな設定を試してみるでする。
はじめはいろいろありすぎて頭がこんがらがっちまうですが
まあ、ひとつづつゆっくりと理解していけば良いんじゃないすか!
ってなことで・・・・
■センタリングの設定
「並べる方向」のセンタリングからっす。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@100.
rm color: Color yellow.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
rm wrapDirection: #topToBottom.
rm listCentering: #center.
rm wrapCentering: #topToBottm.
i _ 20.
20 timesRepeat: [ r _ RectangleMorph new.
r color: Color white.
r extent: 20@15.
r borderWidth: 1.
r borderColor: Color red.
s _ StringMorph new.
s contents: i asString.
i _ i - 1.
r addMorph: s.
rm addMorph: r ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )
「折り返す方向」のセンタリング
--------------------------------------------
rm listCentering: #center.
rm wrapCentering: #center.
--------------------------------------------
Alt + d ( Cmd + d )
「並べる方向」に均等に並べるってやつやね。
--------------------------------------------
rm listCentering: #justified.
rm wrapCentering: #topToBottm.
--------------------------------------------
Alt + d ( Cmd + d )
「19」と「20」がなるほどな結果となってます。
まあこうゆう時は透明なダミーのモーフとか入れるんでしょうね。
「折り返す方向」も均等にしてみるっす。
--------------------------------------------
rm listCentering: #justified.
rm wrapCentering: #justified.
--------------------------------------------
Alt + d ( Cmd + d )
■リサイジングってやつね
配置されているサブモーフに合わせてオーナー(土台のモーフね)の
大きさを変えちゃえるです。
その前にあまりいろいろ設定しすぎると違いが良くわからんチンになるので
この2行を元の設定に戻してからね・・・。
--------------------------------------------
rm listCentering: #leftToRight.
rm wrapCentering: #topToBottm.
--------------------------------------------
Alt + d ( Cmd + d )
はい元にもどったね。
では「並べる方向」に「shrinkWrp」を設定しまする。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@100.
rm color: Color yellow.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
rm wrapDirection: #topToBottom.
rm listCentering: #leftToRight.
rm wrapCentering: #topToBottm.
rm hResizing: #shrinkWrap.
i _ 20.
20 timesRepeat: [ r _ RectangleMorph new.
r color: Color white.
r extent: 20@15.
r borderWidth: 1.
r borderColor: Color red.
s _ StringMorph new.
s contents: i asString.
i _ i - 1.
r addMorph: s.
rm addMorph: r ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )
「並ぶ方向」(この場合は横方向)の余計な余白がなくなったね。
「折り返す方向」にも「shrinkWrp」を設定しまする。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@100.
rm color: Color yellow.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
rm wrapDirection: #topToBottom.
rm listCentering: #leftToRight.
rm wrapCentering: #topToBottm.
rm hResizing: #shrinkWrap.
rm vResizing: #shrinkWrap.
i _ 20.
20 timesRepeat: [ r _ RectangleMorph new.
r color: Color white.
r extent: 20@15.
r borderWidth: 1.
r borderColor: Color red.
s _ StringMorph new.
s contents: i asString.
i _ i - 1.
r addMorph: s.
rm addMorph: r ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )
「折り返す方向」(この場合縦方向)の余白もなくなりましたです。
実はリサイジングには「SpaceFill」ってのがあるんだけど、それはこの次のページでやるです。
■オーナーとサブモーフとの間隔(レイアウトインセット)
オーナーとの間隔をみるとサブモーフがくっついちゃってるじゃん?
サブモーフにもっとゆとりのあるレイアウトライフを送ってほしいって時にはこれだすね。
オーナーとサブモーフとの間隔を「10」に設定するです。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@100.
rm color: Color yellow.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
rm wrapDirection: #topToBottom.
rm listCentering: #leftToRight.
rm wrapCentering: #topToBottm.
rm hResizing: #shrinkWrap.
rm vResizing: #shrinkWrap.
rm layoutInset: 10.
i _ 20.
20 timesRepeat: [ r _ RectangleMorph new.
r color: Color white.
r extent: 20@15.
r borderWidth: 1.
r borderColor: Color red.
s _ StringMorph new.
s contents: i asString.
i _ i - 1.
r addMorph: s.
rm addMorph: r ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )
ね!ゆとりが出て来たでしょ?
■サブモーフ同士の間隔(セルインセット)
サブモーフ(セル)同士ももうちょっとゆとりの生活をさせたいときは
このセルインセットをつかうよろし。
セル同士の間隔を「5」に設定します。
--------------------------------------------
rm _ RectangleMorph new.
rm extent: 200@100.
rm color: Color yellow.
rm borderWidth: 1.
rm layoutPolicy: TableLayout new.
rm listDirection: #leftToRight.
rm wrapDirection: #topToBottom.
rm listCentering: #leftToRight.
rm wrapCentering: #topToBottm.
rm hResizing: #shrinkWrap.
rm vResizing: #shrinkWrap.
rm layoutInset: 10.
rm cellInset: 5.
i _ 20.
20 timesRepeat: [ r _ RectangleMorph new.
r color: Color white.
r extent: 20@15.
r borderWidth: 1.
r borderColor: Color red.
s _ StringMorph new.
s contents: i asString.
i _ i - 1.
r addMorph: s.
rm addMorph: r ].
rm openInWorld
--------------------------------------------
Alt + d ( Cmd + d )
これでサブモーフ同士にきょりが出来てよいコミュニケーション関係になることでしょう。
(う〜ん、なんか主旨がずれてきてるな・・・・)
だいたい、こんな感じじゃないでしょか?
▲PREV ------ ● TOP ● ------ NEXT▼
■ MEMO ■
Sunday, 14 March 2004, 5:05:27 pm
最後の図はListを横方向、Wrapを縦方向と勘違いしてたときに作ったやつです。でもまあ「並ぶ方向」を左から右、「折り返す方向」を上から下ってことでみるといいか!と思って載せて置きました。--thoru
Links to this Page
- FunFunFunMorphic last edited on 25 March 2004 at 5:25:44 am by tk0005-202x210x196x109.ap-TK.usen.ad.jp
- funfunfun31 last edited on 18 June 2007 at 5:22:30 am by localhost.localdomain
- funfunfun33 last edited on 18 June 2007 at 5:18:38 am by localhost.localdomain