Question

在Shoes中，我想创建一个最初隐藏的按钮。我试过传递：hidden =＆gt; true作为按钮样式的一部分，以及在创建它之后调用@ button.hide（），但它仍然是固定可见的。

我已经能够通过不创建按钮来解决这个问题，直到我想要它显示，但这需要检查它是否已经存在，而不仅仅是使用它。

Answer 1

目前不在。在Shoes中，按钮仍然相当不可靠，特别是在Windows上。您可以通过将按钮放在插槽中并隐藏或显示插槽来解决此问题，但您可能会发现按钮在单击一次后不会再次隐藏：

Shoes.app do
  para 'This is some text.'

  @flow = flow :width => 50, :hidden => true do
    button 'a' do |btn|
      alert 'Hello, World!'
    end
  end

  button 'toggle' do
    @flow.toggle
  end
  para 'Blah blah blah'

end

幸运的是，有一条出路：插槽。可以为插槽提供单击事件，这使得它们的行为与按钮的行为非常相似。事实上，你可以用插槽制作相当不错的按钮。

这是我拼凑在一起的东西。它允许您使用pesto_button方法生成基于流的按钮。您可以修改它以满足您的需求，包括使用图像作为背景，可修改的文本（具有自动扩展宽度？），动态更改样式的能力等等：

class PestoButton < Widget
  def initialize (text, opts = {})
    @border_color = opts[:border_color] || gray
    @border_width = opts[:border_width] || 3
    @color = opts[:up_color] || gainsboro
    @click_color = opts[:down_color] || @border_color
    @width = opts[:width] || 80
    @click = block_given? ? Proc.new { yield } : nil
    @text = text
    @visible = true
    @flow = flow :width => @width do
      background @color
      border @border_color, :strokewidth => @border_width
      para @text, :align => 'center'
    end

    @flow.click do
      @flow.clear
      @flow.append do
        background @click_color
        border @border_color, :strokewidth => @border_width
        para @text, :align => 'center'
      end
    end

    @flow.release do
      @flow.clear
      @flow.append do
        background @color
        border @border_color, :strokewidth => @border_width
        para @text, :align => 'center'
        @click.call if @click
      end
    end
  end

  def click
    @click = block_given? ? Proc.new { yield } : nil
  end

  def show
    @flow.show
  end

  def toggle
    @flow.toggle
  end

  def hide
    @flow.hide
  end
end

Shoes.app do
  para 'This is some text.'
  @btn = pesto_button 'Click me!' do
    alert 'Hello, World!'
  end

  button 'toggle' do
    @btn.toggle
  end

  button 'new block' do
    @btn.click do
      alert 'Goodbye, World!'
    end
  end

  button 'no block' do
    @btn.click  #Clears the click method
  end

  para 'Blah blah blah'
end

如何在Shoes中创建隐藏按钮？

1 个答案: