如何使用 eel 模塊創建 GUI 應用程序？
在Python中，有許多庫和模塊可以用來創建圖形用戶界面（GUI）應用程序。
其中一個流行的選擇是使用eel模塊。eel是一個簡單易用的Python庫，它允許您使用HTML、CSS和JavaScript來構建GUI應用程序，并通過Python與之交互。
本文將介紹如何使用eel模塊創建GUI應用程序，并提供一個簡單的示例來幫助您入門。
步驟1：安裝eel模塊
首先，您需要安裝eel模塊。在命令行中運行以下命令來安裝：
pip install eel
步驟2：創建HTML文件
接下來，您需要創建一個HTML文件，用于構建GUI界面。
在您的項目文件夾中創建一個名為index.html的文件，并在其中編寫HTML和CSS代碼。
例如，您可以創建一個簡單的界面，其中包含一個按鈕和一個顯示文本的區域。
<!DOCTYPE html>
<html>
<head>
<title>My App</title>
<style>
body {
text-align: center;
}
button {
padding: 10px 20px;
font-size: 16px;
}
#output {
margin-top: 20px;
font-size: 20px;
}
</style>
</head>
<body>
<h1>Welcome to My App</h1>
<button onclick="buttonClicked()">Click Me</button>
<div id="output"></div>
<script>
function buttonClicked() {
eel.button_clicked();
}
function displayOutput(output) {
document.getElementById("output").innerHTML = output;
}
</script>
</body>
</html>
步驟3：編寫Python代碼
現在，您可以編寫Python代碼來與HTML界面進行交互。
在您的項目文件夾中創建一個名為app.py的Python文件，并在其中編寫以下代碼：
import eel
# 初始化eel
eel.init('web')
# 定義一個Python函數，用于處理按鈕點擊事件
@eel.expose
def button_clicked():
output = "Button Clicked!"
eel.displayOutput(output)
# 啟動GUI應用程序
eel.start('index.html', size=(500, 400))在這個示例中，我們首先導入了eel模塊，并使用eel.init('web')初始化了eel。
然后，我們定義了一個名為button_clicked()的Python函數，并使用@eel.expose裝飾器將其暴露給JavaScript代碼。
在這個函數中，我們設置了一個輸出變量，并調用了eel.displayOutput(output)來將輸出傳遞給HTML界面。
最后，我們使用eel.start('index.html', size=(500, 400))啟動了GUI應用程序。
這將打開一個窗口，并加載index.html文件作為界面。
步驟4：運行應用程序
現在，您可以運行app.py文件來啟動應用程序。在命令行中運行以下命令：
python app.py這將啟動應用程序，并打開一個窗口顯示HTML界面。
當您點擊按鈕時，Python代碼將處理按鈕點擊事件，并將輸出顯示在界面上。
總結
使用eel模塊可以輕松地創建Python GUI應用程序。
通過結合HTML、CSS和JavaScript，您可以構建出漂亮且交互性強的界面，并使用Python代碼與之交互。
本文提供了一個簡單的示例，幫助您入門使用eel模塊創建GUI應用程序。
希望這篇文章對您有所幫助！
