Chaussures Disposition

Question

Je suis en train de produire une mise en page des chaussures comme les suivantes:

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

le texte me donne un problème. J'ai essayé:

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

Mais cela ne fonctionne pas du tout. Des idées?

Answer 1

Avez-vous réglé les largeurs de tous les éléments correctement?

Answer 2

En particule, pour les visiteurs ultérieurs, vous devez définir la largeur de la pile à l'intérieur du flux car sinon elle sera à la largeur 100% et le contrôle et para seront poussés à leurs propres rangées. Quelque chose comme ça fonctionne très bien, avec une bordure supplémentaire pour visualiser la boîte.

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

Réglage de la largeur de la pile à -80 lui permettre d'utiliser tout l'espace de la rangée et de laisser 80 pixels pour les autres composants, ce qui semble être le comportement souhaité pour une application de ce type. Notez également que Ruby est confus lorsque vous utilisez un paramètre de hachage implicite en conjonction avec un bloc délimité par des accolades. Vous devez donc utiliser do..end comme je l'ai ici ou inclure les paramètres à empiler entre parenthèses.