代碼分析

以下是我們將要分析的代碼，這是一個(gè)基于 Streamlit 的照片墻應(yīng)用：

import streamlit as st
from PIL import Image
import os
 
# 頁面標(biāo)題
st.title("優(yōu)美的照片墻")
 
# 創(chuàng)建文件上傳控件
uploaded_files = st.file_uploader("上傳圖片文件", type=["jpg", "jpeg", "png"], accept_multiple_files=True)
 
# 顯示照片墻
if uploaded_files:
    st.subheader("照片墻展示")
    cols = st.columns(4)  # 設(shè)置列數(shù)，可根據(jù)需要調(diào)整
 
    # 遍歷上傳的圖片文件
    for i, uploaded_file in enumerate(uploaded_files):
        # 使用 PIL 打開圖片
        image = Image.open(uploaded_file)
        
        # 將圖片顯示在列中
        with cols[i % 4]:  # 控制圖片排列，每行顯示4列
            st.image(image, use_column_width=True)
else:
    st.warning("請(qǐng)上傳圖片文件以生成照片墻！")

代碼功能分解

1. 導(dǎo)入必要的庫：

   • streamlit as st：Streamlit 庫，用于構(gòu)建交互式 web 界面。
   • PIL.Image：Python Imaging Library（Pillow），用于處理圖片文件。
   • os：雖然代碼中未直接使用 os，但導(dǎo)入它可能是為了后續(xù)可能的擴(kuò)展（如文件路徑操作）。

2. 設(shè)置頁面標(biāo)題：

   • st.title("優(yōu)美的照片墻")：在頁面頂部顯示一個(gè)標(biāo)題，簡(jiǎn)潔明了地告訴用戶這是一個(gè)照片墻應(yīng)用。

3. 文件上傳控件：

   • st.file_uploader：創(chuàng)建一個(gè)文件上傳控件，限制文件類型為常見的圖片格式（jpg、jpeg、png），并允許用戶一次上傳多個(gè)文件（accept_multiple_files=True）。

4. 條件渲染照片墻：

   • 如果用戶上傳了圖片（if uploaded_files），則顯示一個(gè)子標(biāo)題“照片墻展示”并創(chuàng)建一個(gè)包含 4 列的網(wǎng)格布局（st.columns(4)）。
   • 如果沒有上傳圖片，則顯示警告信息（st.warning），提示用戶上傳圖片。

5. 遍歷并顯示圖片：

   • 使用 enumerate 遍歷上傳的文件列表，獲取索引 i 和文件對(duì)象 uploaded_file。
   • 使用 PIL.Image.open 打開圖片文件。
   • 通過 i % 4 將圖片分配到 4 列中的一列，確保圖片按順序填充網(wǎng)格。
   • st.image(image, use_column_width=True)：將圖片顯示在指定列中，并自動(dòng)調(diào)整大小以適應(yīng)列寬。

代碼的優(yōu)點(diǎn)

• 簡(jiǎn)潔易懂：代碼結(jié)構(gòu)清晰，邏輯簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)。
• 響應(yīng)式設(shè)計(jì)：通過 use_column_width=True，圖片會(huì)自動(dòng)適應(yīng)列寬，確保在不同設(shè)備上顯示良好。
• 用戶友好：提供明確的提示信息（如警告），提升用戶體驗(yàn)。
• 可擴(kuò)展性：代碼邏輯簡(jiǎn)單，可以輕松添加新功能，如調(diào)整列數(shù)、添加圖片濾鏡等。

代碼的改進(jìn)空間

1. 錯(cuò)誤處理：

   • 當(dāng)前代碼未處理上傳無效圖片文件的情況（如損壞的圖片文件）?？梢蕴砑?nbsp;try-except 塊來捕獲異常并提示用戶。
   • 示例改進(jìn)：

try:
    image = Image.open(uploaded_file)
    with cols[i % 4]:
        st.image(image, use_column_width=True)
except Exception as e:
    st.error(f"無法加載圖片 {uploaded_file.name}：{str(e)}")

• 動(dòng)態(tài)列數(shù)：
  • 列數(shù)固定為 4，可能不適合所有場(chǎng)景?？梢愿鶕?jù)屏幕大小或用戶輸入動(dòng)態(tài)調(diào)整列數(shù)。
  • 示例改進(jìn)：

num_cols = st.slider("選擇列數(shù)", min_value=1, max_value=6, value=4)
cols = st.columns(num_cols)
with cols[i % num_cols]:
    st.image(image, use_column_width=True)

• 圖片預(yù)覽優(yōu)化：
  • 可以添加圖片縮略圖或限制上傳文件大小，以提高性能。
  • 示例改進(jìn)：

image = Image.open(uploaded_file).resize((200, 200))  # 調(diào)整為縮略圖

• 樣式美化：
  • Streamlit 支持自定義 CSS，可以為照片墻添加邊框、陰影或動(dòng)畫效果，提升視覺吸引力。
  • 示例改進(jìn)：

st.markdown("""
<style>
img {
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
</style>
""", unsafe_allow_html=True)

如何運(yùn)行這個(gè)應(yīng)用

• 安裝依賴：
  確保已安裝 Streamlit 和 Pillow：

pip install streamlit pillow

• 保存代碼：
  將代碼保存為 app.py。

• 運(yùn)行應(yīng)用：
  在終端中運(yùn)行以下命令：

streamlit run app.py

• 訪問應(yīng)用：
  瀏覽器會(huì)自動(dòng)打開 http://localhost:8501，你就可以上傳圖片并查看照片墻了！

運(yùn)行結(jié)果

以上就是Python利用Streamlit構(gòu)建一個(gè)簡(jiǎn)單的照片墻應(yīng)用的詳細(xì)內(nèi)容，更多關(guān)于Python Streamlit照片墻的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論