Question

我想用ipywidgets创建一个交互式模块。到目前为止这么好，但我被卡住了。我想隐藏某个ipywidget对象的可见性，这取决于某种情况，我希望我的打印文本显示在小部件上方并保持不变。

dropdown=widgets.Dropdown(
    options={'Coffee machine': 1, 'Washing machine': 2, 'Water Heater': 3, 'Heating System': 4, 'Dryer': 5, 'Oven': 6, 'Microwave': 7, 'Other':8},
    value=1,
    description='Apparaat:',
    )
text_new=widgets.Text()
def text_field(value):
    if(value==8):
        display(text_new)
        text_new.on_submit(handle_submit)
    else:
        text_new.visible(False) #Doesn't work but I want something like this
print("Today you had an increase in electricity consumption, would you like to name this device?") #This just be above the dropdown menu and be stuck
i=widgets.interactive(text_field, value=dropdown)
display(i)

现在做什么：当在下拉菜单中选中“其他”时，会出现一个文本框，用户可以在其中键入内容。但是，在检查另一台机器时，文本框会保留在那里。我只需要一个“隐藏”功能，但我似乎无法找到一个有效的功能。

此外，在下拉菜单上检查另一个选项后，打印消失，而不是回来。

Answer 1

我遇到了同样的问题

boton.layout.visibility = 'hidden'

或

check.layout.display = 'none'

他们做了一些改变......我从这里得到了 Cannot create a widget whose initial state is visible=False

Answer 2

给出一个小部件：

import ipywidgets
button = ipywidgets.Button()

有两种直接的方法可以隐藏小部件，但有明显的区别。

隐藏和取消隐藏小部件，而不会影响整体页面布局：

# Turn the widget "invisible" without affecting layout
button.layout.visibility = "hidden"

# Make the widget visible again, layout unaffected
button.layout.visibility = "visible"

隐藏和取消隐藏小部件并折叠小部件占用的空间：

# Hide widget and collapse empty space
button.layout.display = "none"

# Re-add the widget, adjusting page layout as necessary.
button.layout.display = "block"

何时使用每个？根据经验，请使用layout.visibility，以便在切换可见性时页面布局不会经常跳来跳去。但是，对于非常大的窗口小部件，请考虑使用layout.display来避免巨大的空格。

有关此处适用的更多一般CSS信息，请参见What is the difference between visibility:hidden and display:none?

Answer 3

除了可接受的答案之外，如果您想动态更改控件的可见性，还可以声明布局变量并重新使用。

layout_hidden  = widgets.Layout(visibility = 'hidden')
layout_visible = widgets.Layout(visibility = 'visible')

喜欢附加到事件：

def visible_txt(b):
    text_box.layout = layout_visible

def hidden_txt(b):
    text_box.layout = layout_hidden

btn_visible.on_click(visible_txt)
btn_hidden.on_click(hidden_txt)

ipywidget交互式隐藏可见性

3 个答案: