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中文網其他相關文章！