Макет обуви

Question

Я пытаюсь создать макет обуви, как показано ниже:

пример макета GUI http://csclub.uwaterloo.ca/~s3weber/gui.png

текст вызывает у меня проблему. Я попробовал:

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

Но это совсем не работает. Есть идеи?

Answer 1

Правильно ли установлены ширины всех элементов?

Answer 2

В частице, для более поздних посетителей, вам нужно установить ширину стека внутри потока, потому что в противном случае он будет на ширине 100%, а check и para будут помещены в свои собственные строки. Нечто подобное прекрасно работает с добавленной рамкой для визуализации рамки.

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

Установка ширины стека на -80 позволяет ему использовать все пространство в строке и оставить 80 пикселей для других компонентов, что, по-видимому, является желательным поведением для приложения, подобного этому.

Также обратите внимание, что Ruby смущен, когда вы используете неявный параметр хеширования в сочетании с блоком, разделенным фигурными скобками, поэтому вам нужно либо использовать do..end, как здесь, либо заключить параметры в скобки. 1006 *