python - 如何在 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

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

在类之外，我们有 Tkinter UI 代码。此代码构建您的窗口，您的各种按钮和显示位于其中。在这种情况下，按钮和文本字段的定位由“网格”方法控制。可以看到，每次代码设置一个对象(这里只有Frame、Button和Entry对象)，都有一个关联的.grid(行=x，列=y...等)。这指定了每个对象在 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 框架中创建了一个按钮对象 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)处理为按钮分配命令。该命令将调用相关函数，在本例中为 numpress Calc() 中的函数。您可能会看到，numpress 本身会根据您按下的任何数字更新您的显示。

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

我知道这是一堵文字墙，但希望对您有所帮助!如果我不清楚或者有什么特别的地方你不明白，请告诉我，我会尽力解释(我自己学的时间不长!)。

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

祝你好运