Create app.py

app.py

@@ -0,0 +1,45 @@
+import gradio as gr
+import random
+
+# 晚餐清單，每個選項包含名稱和圖片連結
+# 圖片連結可以是你自己的圖片庫，或是來自網路上的公開圖片
+dinner_options = {
+    "紅燒牛肉麵": "https://images.unsplash.com/photo-1563823439066-88b901614f04?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb",
+    "蒜香奶油蝦義大利麵": "https://images.unsplash.com/photo-1627878347895-df5698b67272?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb",
+    "日式豬排咖哩飯": "https://images.unsplash.com/photo-1548694086-63d08f5d0232?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb",
+    "麻婆豆腐": "https://images.unsplash.com/photo-1596796530661-d7072a394879?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb",
+    "三杯雞": "https://images.unsplash.com/photo-1563823439066-88b901614f04?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb",
+    # 你可以從這裡開始增加更多選項，確保至少有50個！
+    # 記得為每道菜換上不同的圖片連結
+}
+
+# 挑選晚餐的函式
+def pick_dinner():
+    # 從字典中隨機挑選一組鍵值對 (晚餐名稱, 圖片連結)
+    dish, image_url = random.choice(list(dinner_options.items()))
+    return f"今晚吃 **{dish}**！", image_url
+
+# 建立 Gradio 介面
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    gr.Markdown("# 🍜 晚餐挑選器")
+    gr.Markdown("選擇困難？交給我來決定你今晚要吃什麼！")
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            # 建立一個按鈕，點擊後觸發 pick_dinner 函式
+            btn = gr.Button("隨機挑選")
+            
+        with gr.Column(scale=2):
+            # 顯示結果的文字框
+            output_text = gr.Markdown()
+            # 顯示結果圖片的圖片框
+            output_image = gr.Image(label="圖片參考", interactive=False)
+            
+    # 將按鈕的點擊事件與函式和輸出元件連結
+    btn.click(
+        fn=pick_dinner,
+        outputs=[output_text, output_image]
+    )
+
+if __name__ == "__main__":
+    demo.launch()