Schuhe Layout

Question

Ich versuche, ein Schuh-Layout wie das folgende zu erstellen:

Beispiel GUI-Layout http://csclub.uwaterloo.ca/~s3weber/gui.png

der Text bereitet mir ein Problem. Ich habe es versucht:

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

Aber das funktioniert überhaupt nicht. Irgendwelche Ideen?

Answer 1

Haben Sie die Breiten aller Elemente richtig eingestellt?

Answer 2

Bei Partikeln müssen Sie für spätere Besucher die Breite des Stapels innerhalb des Flusses festlegen, da er sonst 100 % breit ist und der Check und der Para in ihre eigenen Zeilen verschoben werden. Etwas wie dies funktioniert gut, mit einem zusätzlichen Rahmen, um die Box zu visualisieren.

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

Wenn man die Breite des Stapels auf -80 setzt, kann er den gesamten Platz in der Zeile nutzen und lässt 80 Pixel für die anderen Komponenten übrig, was das gewünschte Verhalten für eine Anwendung wie diese zu sein scheint.

Beachten Sie auch, dass Ruby verwirrt ist, wenn Sie einen impliziten Hash-Parameter in Verbindung mit einem durch geschweifte Klammern abgegrenzten Block verwenden, so dass Sie entweder do..end verwenden müssen, wie ich es hier getan habe, oder die zu stapelnden Parameter in Klammern einschließen.