簡單計算機

這篇教學會運用「Label」以及「Button」元件，設計出一個可以進行基本加減乘除計算的計算機。

因為 Google Colab 不支援 tkinter，所以請使用本機環境 ( 參考：使用 Python 虛擬環境 ) 或使用 Anaconda Jupyter 進行實作 ( 參考：使用 Anaconda )。

介面編排

參考「Label 標籤」、「Button 按鈕」文章，使用 place() 的方法，將介面編排為計算機的樣式。

import tkinter as tk

root = tk.Tk()
root.title('oxxo.studio')
root.geometry('280x200')

a = 0
num = tk.StringVar()
num.set(a)

label = tk.Label(root, textvariable=num,
                borderwidth=1, relief='solid',
                background='#fff', width=20,
                font=('Arial',20), justify='left',
                anchor='e')
label.place(x=5, y=10)

btn_7 = tk.Button(root, text='7', font=('Arial',20), width=2)
btn_7.place(x=5, y=45)
btn_8 = tk.Button(root, text='8', font=('Arial',20), width=2)
btn_8.place(x=65, y=45)
btn_9 = tk.Button(root, text='9', font=('Arial',20), width=2)
btn_9.place(x=125, y=45)
btn_a = tk.Button(root, text='+', font=('Arial',20), width=2)
btn_a.place(x=185, y=45)

btn_4 = tk.Button(root, text='4', font=('Arial',20), width=2)
btn_4.place(x=5, y=80)
btn_5 = tk.Button(root, text='5', font=('Arial',20), width=2)
btn_5.place(x=65, y=80)
btn_6 = tk.Button(root, text='6', font=('Arial',20), width=2)
btn_6.place(x=125, y=80)
btn_b = tk.Button(root, text='-', font=('Arial',20), width=2)
btn_b.place(x=185, y=80)

btn_3 = tk.Button(root, text='3', font=('Arial',20), width=2)
btn_3.place(x=5, y=115)
btn_2 = tk.Button(root, text='2', font=('Arial',20), width=2)
btn_2.place(x=65, y=115)
btn_1 = tk.Button(root, text='1', font=('Arial',20), width=2)
btn_1.place(x=125, y=115)
btn_c = tk.Button(root, text='x', font=('Arial',20), width=2)
btn_c.place(x=185, y=115)

btn_ac = tk.Button(root, text='AC', font=('Arial',20), width=2)
btn_ac.place(x=5, y=150)
btn_0 = tk.Button(root, text='0', font=('Arial',20), width=2)
btn_0.place(x=65, y=150)
btn_e = tk.Button(root, text='=', font=('Arial',20), width=2)
btn_e.place(x=125, y=150)
btn_d = tk.Button(root, text='/', font=('Arial',20), width=2)
btn_d.place(x=185, y=150)

root.mainloop()

使用 eval()，執行數學運算

點擊計算機按鈕時，將點擊的數字與運算式進行「字串組合」，接著參考「內建函式 ( eval 和 exec )」文章，透過 eval() 方法，針對字串進行數學運算，就可以得到最後的結果，此外也會透過邏輯判斷，針對「AC」與「=」進行額外的處理，當按下 AC 時將數值歸零，按下 = 時會先顯示結果，然後再將數值歸零 ( 避免字串相疊加 )。

針對 Button 的 command，使用 command=lambda: test(n) 的方法，將參數數值提交給 test 函式。

import tkinter as tk

root = tk.Tk()
root.title('oxxo.studio')
root.geometry('280x200')

a = 0
num = tk.StringVar()
num.set(a)

label = tk.Label(root, textvariable=num,
                borderwidth=1, relief='solid',
                background='#fff', width=20,
                font=('Arial',20), justify='left',
                anchor='e')
label.place(x=5, y=10)

# 計算函式
def test(e):
    global a
    # 如果按下等於
    if e == 'equal':
        a = eval(a)   # 使用 eval() 計算
        num.set(a)    # 設定顯示的文字變數
        a = 0         # 歸零
    # 如果按下AC
    elif e == 'empty':
        a = 0         # 歸零
        num.set(a)
    else:
        # 如果目前的數字不是 0
        if a != 0:
            a = f'{a}{e}'   # 字串相加
        else:
            a = f'{e}'      # 顯示輸入的字串
        num.set(a)


btn_7 = tk.Button(root, text='7', font=('Arial',20), width=2, command=lambda: test(7))
btn_7.place(x=5, y=45)
btn_8 = tk.Button(root, text='8', font=('Arial',20), width=2, command=lambda: test(8))
btn_8.place(x=65, y=45)
btn_9 = tk.Button(root, text='9', font=('Arial',20), width=2, command=lambda: test(9))
btn_9.place(x=125, y=45)
btn_a = tk.Button(root, text='+', font=('Arial',20), width=2, command=lambda: test('+'))
btn_a.place(x=185, y=45)

btn_4 = tk.Button(root, text='4', font=('Arial',20), width=2, command=lambda: test(4))
btn_4.place(x=5, y=80)
btn_5 = tk.Button(root, text='5', font=('Arial',20), width=2, command=lambda: test(5))
btn_5.place(x=65, y=80)
btn_6 = tk.Button(root, text='6', font=('Arial',20), width=2, command=lambda: test(6))
btn_6.place(x=125, y=80)
btn_b = tk.Button(root, text='-', font=('Arial',20), width=2, command=lambda: test('-'))
btn_b.place(x=185, y=80)

btn_3 = tk.Button(root, text='3', font=('Arial',20), width=2, command=lambda: test(3))
btn_3.place(x=5, y=115)
btn_2 = tk.Button(root, text='2', font=('Arial',20), width=2, command=lambda: test(2))
btn_2.place(x=65, y=115)
btn_1 = tk.Button(root, text='1', font=('Arial',20), width=2, command=lambda: test(1))
btn_1.place(x=125, y=115)
btn_c = tk.Button(root, text='x', font=('Arial',20), width=2, command=lambda: test('*'))
btn_c.place(x=185, y=115)

btn_ac = tk.Button(root, text='AC', font=('Arial',20), width=2, command=lambda: test('empty'))
btn_ac.place(x=5, y=150)
btn_0 = tk.Button(root, text='0', font=('Arial',20), width=2, command=lambda: test(0))
btn_0.place(x=65, y=150)
btn_e = tk.Button(root, text='=', font=('Arial',20), width=2, command=lambda: test('equal'))
btn_e.place(x=125, y=150)
btn_d = tk.Button(root, text='/', font=('Arial',20), width=2, command=lambda: test('/'))
btn_d.place(x=185, y=150)

root.mainloop()

意見回饋

如果有任何建議或問題，可傳送「意見表單」給我，謝謝～