Streamlit 零件状态元素

欢迎回到Streamlit 第 8 部分：状态元素！在本期中，我们将深入探讨 Streamlit 提供的各种状态元素，通过在操作期间提供视觉反馈来增强应用程序中的用户体验。

如果您还没有这样做，您需要将 Streamlit 导入为 st，配置您的页面，并布置要遵循的框架。通过在终端中输入streamlit run app.py 来运行应用程序，让我们开始吧。

实施进度条

我们要查看的第一个状态元素是进度条。这是直观地指示长时间运行的任务（例如数据处理或复杂计算）进度的好方法。

要在 Streamlit 中创建进度条：

1. 定义一些要在进度条旁边显示的文本。
2. 使用 st.progress() 来初始化它。
3. 创建一个 for 循环来模拟进度，添加睡眠延迟来可视化更新。

progress_text = "Operation in progress. Please wait."
my_bar = st.progress(value=0, text=progress_text)

for percent_complete in range(100):
    time.sleep(0.01)
    my_bar.progress(percent_complete + 1, text=progress_text)

time.sleep(0.5)
my_bar.empty()  # Clears the progress bar

要使应用程序具有交互性，请考虑添加一个重新运行按钮来重新加载应用程序，以便用户可以重新运行进度栏。

st.button("Rerun")

探索现状和成功要素

接下来是成功栏。这可用于显示成功结果或操作完成。

st.success("This is a status message!", icon="✅")

这是向用户展示事情进展顺利的简单而有效的方法！

使用 Spinner 进行操作

旋转器是指示后台正在运行某些内容的好方法。当您想要让用户了解情况而不阻塞界面时，这特别有用。

with st.spinner("In progress..."):
    time.sleep(1.5)

st.success("Done!")

此代码将在 time.sleep() 函数运行时显示一个微调器，然后在完成时显示一条成功消息。

处理错误和警告

要处理错误场景或警告，您可以分别使用 st.error() 和 st.warning()。这些功能使清晰地沟通问题变得非常容易。

st.error("This is an error message!")
st.warning("This is a warning message!")

它们显示红色和黄色消息，使用户可以轻松区分错误和警告。

显示信息和异常

有关一般信息，请使用 st.info()。它对于在交互过程中提供信息性消息很有用。

st.info("This is an info message!")

此外，如果您需要显示异常（用于调试目的），请使用st.exception()。当您希望用户或开发人员了解为什么出现问题时，这会很方便。

try:
    raise Exception("This is an exception!")
except Exception as e:
    st.exception(e)

这将显示完整的回溯，在开发过程中提供有价值的上下文。

气球和雪的乐趣

Streamlit 还提供了一些异想天开的功能，为您的应用添加有趣的效果。您可以使用气球和雪来增添一点庆祝或季节气息！

• 气球：

progress_text = "Operation in progress. Please wait."
my_bar = st.progress(value=0, text=progress_text)

for percent_complete in range(100):
    time.sleep(0.01)
    my_bar.progress(percent_complete + 1, text=progress_text)

time.sleep(0.5)
my_bar.empty()  # Clears the progress bar

• 雪：

st.button("Rerun")

这些效果纯粹是视觉效果，但它们可以在特殊场合为您的应用增添有趣的风格。

结论和后续步骤

这就是 Streamlit 第 8 部分：状态元素！这些元素可以帮助您的用户了解幕后发生的事情，并使整体体验更具互动性。

希望您喜欢本教程！下期再见！

---

？获取代码：GitHub - jamesbmour/blog_tutorials
？相关Streamlit教程：JustCodeIt
？支持我的工作：请我喝杯咖啡

以上是Streamlit 零件状态元素的详细内容。更多信息请关注PHP中文网其他相关文章！