ruby - 鞋子布局

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 或将参数括在括号内以堆栈。