鞋子布局

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 ，要么将要堆栈的参数括在括号内。