靴レイアウト

Question

は、次のようなレイアウト：

example GUI layout http://csclub.uwaterloo.ca/~s3weber/gui.png

テキストは私に問題を与えています。私は試した：

stack { 
    flow { 
     check 
     stack { 
     para 'text 1' 
     para 'text 2' 
     } 
     para 'Free' 
    } 
} 

しかし、それはまったく動作しません。何か案は？

Answer 1

すべての要素の幅を適切に設定しましたか？

Answer 2

パーティクルでは、フローの中でスタックの幅を設定する必要があります。それ以外の場合は幅100％になり、チェックとパラは自分の行にプッシュされます。このようなものは、ボックスを視覚化するための境界線が追加されています。 -80にスタックの幅を設定

Shoes.app do 
    stack { 
    flow { 
     border black 
     check 
     stack :width=>-80 do 
     para 'text 1' 
     para 'text 2' 
     end 
     para 'Free' 
    } 
    } 
end 

は、行の空間の全てを使用し、このようなアプリケーションのための所望の挙動であると思われる他の成分、80個の画素を残すことを可能にします。

暗黙のハッシュパラメータを中括弧で区切られたブロックとともに使用するとRubyが混乱するので、ここではdo..endを使用するか、かっこ内にスタックするようにパラメータを囲む必要があります。