Python之tkinter 计算器的华丽设计

发现一个很可怕的问题，只有手写小程序的时候才会发现

无论书籍上面写的如何，只有在亲自动手写程序的时候，才会体会到很多知识点书籍是没有的，可能有，但是也很多都是一笔带过了，只有去百度查阅各种资料才行

实践才是解决问题的根本方法，就像我们读书一样，90%都在刷题，只有少数时间在学知识点

学编程也是一样，只有写小程序才会知道自己那个地方不足，才能融会贯通

下面是计算器的小设计：

import tkinter


# 计算
def calculate():
    # 计算
    # equ.get()获取此时equ内容
    # eval  计算
    result = eval(equ.get())
    # 拼接
    equ.set(equ.get() + "=\n" + str(result))


# 将我们的数字打在文本框上
def show(buttonString):
    # 获取内容
    content = equ.get()
    # 判断，如果内容为0的话相当于没计算，所以空字符串拼接，还是0
    # 如果内容为10的话，content就为10，再拼接我们所按的数字
    if content == "0":
        content = ""
    equ.set(content + buttonString)


# 清除，置为0
def clear():
    equ.set("0")


# 退位
def backSpace():
    # 删除前一个字符
    equ.set(str(equ.get()[:-1]))
    

# 主程序
root = tkinter.Tk()
# 设置程序标题
root.title("简易计算器")
# 框体可拖拽，0,0表示不能拖拽
root.resizable(0, 0)
# equ 是存放显示区的数字
equ = tkinter.StringVar()
# 默认为0
equ.set("0")

# 设置文本框
# width 宽为25
# height 高为2
# relief  指边框的浮雕样式，类似那种3D样式
# anchor  指文字在组件中的方位，SE就是左下角
# textvariable  指可变的text，会随着变量的变化而变化
label = tkinter.Label(root, width=25, height=2, relief="raised", anchor=tkinter.SE, textvariable=equ)
# grid  把按钮整到屏幕上，网格化布局
# row  指entry组件在网格中的横向位置
# column  指entry组件在网格中的纵向位置
# columnspan  指设定entry组件在column方向的合并数量
# padx/pady  设定组件边界与容器(可想成窗口边界)的距离或是控件边界间的距离
label.grid(row=0, column=0, columnspan=4, padx=5, pady=5)

# row1的按钮

# 清除显示区按钮AC
# text  按钮上的文字
# bg  背景色彩
# command  当按钮点击时执行clear函数
buttonClear = tkinter.Button(root, text="AC", width=5, bg="#ff6348", command=clear)
buttonClear.grid(row=1, column=0)

# 退位键按钮
buttonBack = tkinter.Button(root, text="<-", width=5, bg="#ff6348", command=backSpace)
buttonBack.grid(row=1, column=1)

# 余按钮
# lambda函数  传参的话需要运用这个lambda
buttonYu = tkinter.Button(root, text="%", width=5, bg="lightblue", command=lambda: show("%"))
buttonYu.grid(row=1, column=2)

# 除按钮
buttonDivision = tkinter.Button(root, text="/", width=5, bg="lightblue", command=lambda: show("/"))
buttonDivision.grid(row=1, column=3)

# row2的按钮

# 数字7
button7 = tkinter.Button(root, text="7", width=5, bg="orange", command=lambda: show("7"))
button7.grid(row=2, column=0)

# 数字8
button8 = tkinter.Button(root, text="8", width=5, bg="orange", command=lambda: show("8"))
button8.grid(row=2, column=1)

# 数字9
button9 = tkinter.Button(root, text="9", width=5, bg="orange", command=lambda: show("9"))
button9.grid(row=2, column=2)

# 乘法按钮
buttonMultiplication = tkinter.Button(root, text="*", width=5, bg="lightblue", command=lambda: show("*"))
buttonMultiplication.grid(row=2, column=3)

# row3的按钮

# 数字4
button4 = tkinter.Button(root, text="4", width=5, bg="orange", command=lambda: show("4"))
button4.grid(row=3, column=0)

# 数字5
button5 = tkinter.Button(root, text="5", width=5, bg="orange", command=lambda: show("5"))
button5.grid(row=3, column=1)

# 数字6
button6 = tkinter.Button(root, text="6", width=5, bg="orange", command=lambda: show("6"))
button6.grid(row=3, column=2)

# 减法按钮
buttonSubtraction = tkinter.Button(root, text="-", width=5, bg="lightblue", command=lambda: show("-"))
buttonSubtraction.grid(row=3, column=3)

# row4的按钮

# 数字1
button1 = tkinter.Button(root, text="1", width=5, bg="orange", command=lambda: show("1"))
button1.grid(row=4, column=0)

# 数字2
button2 = tkinter.Button(root, text="2", width=5, bg="orange", command=lambda: show("2"))
button2.grid(row=4, column=1)

# 数字3
button3 = tkinter.Button(root, text="3", width=5, bg="orange", command=lambda: show("3"))
button3.grid(row=4, column=2)

# 加法按钮
buttonAdd = tkinter.Button(root, text="+", width=5, bg="lightblue", command=lambda: show("+"))
buttonAdd.grid(row=4, column=3)

# row5的按钮

# 小数点按钮
buttonPoint = tkinter.Button(root, text=".", width=5, bg="orange", command=lambda: show("."))
buttonPoint.grid(row=5, column=0)

# 数字0
button0 = tkinter.Button(root, text="0", width=5, bg="orange", command=lambda: show("0"))
button0.grid(row=5, column=1)

# 等于号
buttonEqual = tkinter.Button(root, text="=", width=12, bg="lightgreen", command=calculate)
buttonEqual.grid(row=5, column=2, columnspan=2)

# 程序循环进行
root.mainloop()

运行结果：

因为比较注重界面，所以判断输入的合法性没有着重的考虑，希望读者可以优化一下

附：
Mac os系统，因为color不兼容的缘故，笔者查阅了很多资料，按照目前的文章的知识水平，只有一种不太好的兼容方法，不是不可行，只是没有跟windows系统差不多的效果

 bg="orange"
 # 替换成
 highlightbackground="orange"

就可以显示颜色了，但是！！Windows不支持，只有Mac os系统支持这样，如果Windows替换了，会不显示颜色的

谢谢观看，笔者会持续更新，如有错误或者建议，请私信我