Ruby 鞋类布局

Ruby 鞋类布局,ruby,user-interface,shoes,Ruby,User Interface,Shoes,我正在尝试制作一个如下所示的鞋子布局: 课文给了我一个问题。我试过: stack { flow { check stack { para 'text 1' para 'text 2' } para 'Free' } } 但这根本不起作用。有什么想法吗?您是否正确设置了所有元素的宽度?在“粒子”中,对于以后的访问者,您需要设置流中堆栈的宽度,因为否则它将是100%宽度,并且复选框和段落将被推到自己的

我正在尝试制作一个如下所示的鞋子布局:

课文给了我一个问题。我试过:

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

但这根本不起作用。有什么想法吗?

您是否正确设置了所有元素的宽度?

在“粒子”中,对于以后的访问者,您需要设置流中堆栈的宽度,因为否则它将是100%宽度,并且复选框和段落将被推到自己的行中。类似这样的东西效果很好,添加了一个边框来可视化长方体

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,就像我在这里所做的那样,要么将参数括起来堆叠在括号内。

什么宽度是“正确的”在这种情况下?你需要确保流的子流的宽度加起来等于流本身的宽度,否则流会把它们包起来。哦,你说得对!堆栈自动100%:(是否有办法将其大小调整到其内容?我认为这是不可能的,尽管我不可能是鞋方面的专家。