如何在 Python 中使用 tkinter 编写带有 GUI 的计算器？

Question

我正在为 GCSE 进行计算，我们受控评估的任务之一是创建一个带有 GUI 的计算器。

我可以在没有 GUI 的情况下编写一个简单的计算器，但我不明白如何使用 GUI 来完成。

以下是我从 teampython.wordpress.com 获得的代码，我依稀理解，但如果有人能向我解释每个单独的步骤，那将非常有帮助。

 # calc.py - a Python calculator
 from tkinter import *


class Calc():
    def __init__(self):
        self.total = 0
        self.current = ""
        self.new_num = True
        self.op_pending = False
        self.op = ""
        self.eq = False


    def num_press(self, num):
        self.eq = False
        temp = text_box.get()
        temp2 = str(num)      
        if self.new_num:
            self.current = temp2
            self.new_num = False
        else:
            if temp2 == '.':
                if temp2 in temp:
                    return
            self.current = temp + temp2
        self.display(self.current)

    def calc_total(self):
        self.eq = True
        self.current = float(self.current)
        if self.op_pending == True:
            self.do_sum()
        else:
            self.total = float(text_box.get())

    def display(self, value):
        text_box.delete(0, END)
        text_box.insert(0, value)

    def do_sum(self):
        if self.op == "add":
            self.total += self.current
        if self.op == "minus":
            self.total -= self.current
        if self.op == "times":
            self.total *= self.current
        if self.op == "divide":
            self.total /= self.current
        self.new_num = True
        self.op_pending = False
        self.display(self.total)

    def operation(self, op): 
        self.current = float(self.current)
        if self.op_pending:
            self.do_sum()
        elif not self.eq:
            self.total = self.current
        self.new_num = True
        self.op_pending = True
        self.op = op
        self.eq = False

    def cancel(self):
        self.eq = False
        self.current = "0"
        self.display(0)
        self.new_num = True

    def all_cancel(self):
        self.cancel()
        self.total = 0

    def sign(self):
        self.eq = False
        self.current = -(float(text_box.get()))
        self.display(self.current)

sum1 = Calc()
root = Tk()
calc = Frame(root)
calc.grid()

root.title("Calculator")
text_box = Entry(calc, justify=RIGHT)
text_box.grid(row = 0, column = 0, columnspan = 3, pady = 5)
text_box.insert(0, "0")

numbers = "789456123"
i = 0
bttn = []
for j in range(1,4):
    for k in range(3):
        bttn.append(Button(calc, text = numbers[i]))
        bttn[i].grid(row = j, column = k, pady = 5)
        bttn[i]["command"] = lambda x = numbers[i]: sum1.num_press(x)
        i += 1

bttn_0 = Button(calc, text = "0")
bttn_0["command"] = lambda: sum1.num_press(0)
bttn_0.grid(row = 4, column = 1, pady = 5)

bttn_div = Button(calc, text = chr(247))
bttn_div["command"] = lambda: sum1.operation("divide")
bttn_div.grid(row = 1, column = 3, pady = 5)

bttn_mult = Button(calc, text = "x")
bttn_mult["command"] = lambda: sum1.operation("times")
bttn_mult.grid(row = 2, column = 3, pady = 5)

minus = Button(calc, text = "-")
minus["command"] = lambda: sum1.operation("minus")
minus.grid(row = 3, column = 3, pady = 5)

point = Button(calc, text = ".")
point["command"] = lambda: sum1.num_press(".")
point.grid(row = 4, column = 0, pady = 5)

add = Button(calc, text = "+")
add["command"] = lambda: sum1.operation("add")
add.grid(row = 4, column = 3, pady = 5)

neg= Button(calc, text = "+/-")
neg["command"] = sum1.sign
neg.grid(row = 5, column = 0, pady = 5)

clear = Button(calc, text = "C")
clear["command"] = sum1.cancel
clear.grid(row = 5, column = 1, pady = 5)

all_clear = Button(calc, text = "AC")
all_clear["command"] = sum1.all_cancel
all_clear.grid(row = 5, column = 2, pady = 5)

equals = Button(calc, text = "=")
equals["command"] = sum1.calc_total
equals.grid(row = 5, column = 3, pady = 5)

root.mainloop()

Answer 1

您需要在 Python 中使用 GUI 库，例如 PyQt4、wxPython 或 Tkinter。这个问题太笼统了，不能再给你详细信息了。

从这些教程开始，这些教程教您在 Python 中创建 GUI 所需了解的所有基础知识。

PS：我个人建议你选择PyQt。

Answer 2

所以，我将尽我所能解释您给出的代码。 Calc() 类包含这段代码的所有函数。该结构意味着主 GUI（稍后设置）可以轻松访问每个功能。在Calc() 类中，您拥有自己的功能（由def 等表示）。这些包含此代码计算其输出的各种方法。

在课堂之外，我们有 Tkinter UI 代码。此代码构建您的窗口，您的各种按钮和显示器位于其中。在这种情况下，按钮和文本字段的位置由“网格”方法控制。可以看到，每次代码设置一个对象（这里只有Frame、Button和Entry对象），都会有一个关联的.grid(row=x, column=y...etc)。这指定了 UI 中每个对象的相对位置。例如，使用网格方法，您可以通过给第一个对象 row=1、column=0 和第二个 row=2、column=0 等来堆叠两个对象。

for 循环：

for j in range(1,4):
    for k in range(3):
        bttn.append(Button(calc, text = numbers[i]))
        bttn[i].grid(row = j, column = k, pady = 5)
        bttn[i]["command"] = lambda x = numbers[i]: sum1.num_press(x)
        i += 1 

可能是 UI 中唯一不便于查看您是否刚开始使用的部分。本质上，它所做的只是自动构建按钮（节省您单独编写每个按钮的时间）。 循环中的前两行（希望）显然是循环指定范围内的值。在 bttn.append(... 行下方，在前面设置的 calc = Frame(root) 的计算框架中创建了一个按钮对象，按钮文本由数字列表给出（上面的字面意思是 numbers="789456123"）。最初，i = 0，所以 numbers[i] 将返回列表 numbers 中的第一个元素， numbers[i] for i=1（下一次循环）将给出 8 等等。 bttn.grid(row = j, column = k, pady = 5) 使用前面提到的网格定位方法，但这里的 j 和 k 由循环本身中的值给出（在行的情况下值在 1 和 4 之间，在 0 和 2 - 3 列之间的值 - 在列的情况）。如果您运行代码，您可以看到这将定位所有用于输入数字的键盘按钮。此循环中的最后一行（除了 i+=1，即 i 加 1）处理为按钮分配命令。该命令将调用关联函数，在本例中为Calc() 中的numpress 函数。如您所见，numpress 本身会根据您按下的任何数字更新您的显示。

本示例中的最后一个代码块处理计算器的其余操作，您会注意到每个操作都遵循上述模式，即创建按钮、分配命令和在 UI 中定位按钮。通过我上面的解释，您可能会看到Calc() 中的每个剩余函数都控制算术运算或清除等。

我意识到这是一堵文字墙，但我希望它有所帮助！如果我不清楚或有什么特别不明白的地方，请告诉我，我会尽力解释（我自己学得不长！）。

您可能会发现此Tkinter UI Guide 很有用，我从该指南中学到了很多基础知识。

祝你好运