jupyter-notebook - 如何控制 Ipyvuetify ProgressCircular

Question

我想使用一个名为 ProgressCircular 的 ipyvuetify 小部件来显示加载过程。因此，我试图弄清楚如何在我的代码中显示和隐藏小部件。

progress=v.ProgressCircular(width=3,
              color='red',
              indeterminate=True,
                       )

尽管我可以使用 dir() 查看所有属性，但我仍然找不到合适的属性。人们如何弄清楚如何在缺少示例的包中使用类或函数。

dir(v.ProgressCircular)

Answer 1

无需为此使用输出或样式，只需制作一个容器小部件并更改其子级：

import ipyvuetify as v
import time

progress=v.ProgressCircular(width=3,
              color='red',
              indeterminate=True,)

container = v.Html(tag='div', children=[progress])
display(container)

time.sleep(2)
container.children=[v.Chip(children=['Done'])]

Answer 2

我将假设您在 Jupyter 环境中工作：

在声明您的小部件后，将其放在单元格的最后一行或display按照@ac24 的建议使用：

progress = v.ProgressCircular(
    width = 3,
    color = 'red',
    indeterminate = True
)
progress
# alternatively 
# display(progress)

完成后，您可以使用一些非常基本的 html 属性来使用它

progress.class_ = 'd-none' # disapear
progress.class_ = None # shown

当您抱怨文档时，请参阅此处了解 HTML 属性的用法https://ipyvuetify.readthedocs.io/en/latest/usage.html#setting-attributes，更多示例将无用，因为 html 属性的可能组合几乎是无限的。幸运的是，vuetify.js 提供了一个非常完整的，可以与 ipyvuetify 结合使用： https ://vuetifyjs.com/en/styles/display/

Answer 3

您可以display(progress)在 ipywidgetsOutput小部件中使用。

import ipyvuetify as v
import ipywidgets as ipyw
import time

progress=v.ProgressCircular(width=3,
              color='red',
              indeterminate=True,
                       )

output = ipyw.Output()
display(output)

with output:
    display(progress)
    time.sleep(2)
output.clear_output()