脚本如何实现图形化界面交互

本文目录导读：

1. Python + Tkinter（内置库）
2. Python + PyQt5（功能强大）
3. HTML + JavaScript（Web方式）
4. Electron（桌面应用）
5. 简单比较
6. 实战建议

Python + Tkinter（内置库）

import tkinter as tk
from tkinter import messagebox
def click_handler():
    name = entry.get()
    messagebox.showinfo("提示", f"你好，{name}！")
# 创建窗口
window = tk.Tk()
window.title("示例程序")
window.geometry("300x200")
# 添加组件
label = tk.Label(window, text="请输入名字：")
label.pack()
entry = tk.Entry(window)
entry.pack()
button = tk.Button(window, text="点击", command=click_handler)
button.pack()
window.mainloop()

Python + PyQt5（功能强大）

import sys
from PyQt5.QtWidgets import *
class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
    def initUI(self):
        self.setWindowTitle("PyQt示例")
        self.setGeometry(100, 100, 400, 300)
        # 创建按钮
        btn = QPushButton("点击", self)
        btn.move(150, 100)
        btn.clicked.connect(self.on_click)
    def on_click(self):
        QMessageBox.information(self, "提示", "按钮被点击！")
app = QApplication(sys.argv)
window = MainWindow()
window.show()
sys.exit(app.exec_())

HTML + JavaScript（Web方式）

<!DOCTYPE html>
<html>
<head>图形界面示例</title>
    <style>
        .container { padding: 20px; text-align: center; }
        button { padding: 10px 20px; margin: 10px; font-size: 16px; }
    </style>
</head>
<body>
    <div class="container">
        <h2>用户交互</h2>
        <input type="text" id="nameInput" placeholder="输入名字">
        <button onclick="handleClick()">点击</button>
        <p id="output"></p>
    </div>
    <script>
        function handleClick() {
            const name = document.getElementById('nameInput').value;
            document.getElementById('output').textContent = `你好，${name}！`;
        }
    </script>
</body>
</html>

Electron（桌面应用）

// main.js
const { app, BrowserWindow } = require('electron')
function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })
  win.loadFile('index.html')
}
app.whenReady().then(createWindow)

简单比较

实战建议

使用 Tkinter 制作简单的计算器界面：

import tkinter as tk
def calculate():
    try:
        result = eval(entry.get())
        label_result.config(text=f"结果: {result}")
    except:
        label_result.config(text="输入错误")
# 界面
root = tk.Tk()"简易计算器")
entry = tk.Entry(root, width=20)
entry.pack(pady=10)
btn = tk.Button(root, text="计算", command=calculate)
btn.pack()
label_result = tk.Label(root, text="结果: ")
label_result.pack(pady=10)
root.mainloop()

选择方案时考虑：项目规模、目标平台、开发效率、维护成本，小型工具用Tkinter，专业应用用PyQt，Web应用用HTML+JS。