Tkinter计算器'='按钮位置异常求助：被挤入'+'按钮区域

问题根源 #

你的代码中=按钮的布局错误核心在于两个点：

1. 给=按钮设置了columnspan=2，导致它同时占据列2和列3，与右侧列3行5的+按钮直接重叠；
2. 循环中处理=按钮时的col_num +=2逻辑，进一步打乱了列索引的正常推进节奏，导致布局错位。

修复方案 #

方案1：保持原有列表顺序，修正=按钮布局逻辑 #

移除=按钮的跨列设置，让它仅占据9、6、3所在的列（列2），同时调整列索引递增逻辑：

import tkinter as tk
import math

# Create the main window
root = tk.Tk()
root.title("Simple Calculator")

# Define button height, width, and padding
BUTTON_HEIGHT = 2
BUTTON_WIDTH = 5
BUTTON_PADDING = (10, 0)  # Padding from top

# Create entry widget
entry = tk.Entry(root, width=20, font=("Arial", 14))
entry.grid(row=0, column=0, columnspan=5, pady=BUTTON_PADDING)  # Add some padding to top

def button_click(value):
    current = entry.get()
    entry.delete(0, tk.END)
    entry.insert(0, current + value)

def clear():
    entry.delete(0, tk.END)

def calculate():
    try:
        result = eval(entry.get())
        entry.delete(0, tk.END)
        entry.insert(0, str(result))
    except Exception as e:
        entry.delete(0, tk.END)
        entry.insert(0, "Error")

def square_root():
    try:
        value = float(entry.get())
        result = math.sqrt(value)
        entry.delete(0, tk.END)
        entry.insert(0, str(result))
    except Exception as e:
        entry.delete(0, tk.END)
        entry.insert(0, "Error")

# Create clear button to the left of the % button
tk.Button(root, text='C', width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=clear).grid(row=1, column=0)

# Create % button above the number buttons in the top-left corner
tk.Button(root, text='%', width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=lambda: button_click('%')).grid(row=1, column=1)

# Create square root button to the right of the % button
tk.Button(root, text='√', width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=square_root).grid(row=1, column=2)

# Create buttons for numbers
numbers = [
    '7', '8', '9',
    '4', '5', '6',
    '1', '2', '3',
    '.', '0', '='
]

row_num = 2
col_num = 0

for number in numbers:
    if number == '=':
        # 移除columnspan=2，让=按钮仅占据目标列（列2）
        tk.Button(root, text=number, width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=calculate).grid(row=row_num, column=col_num)
        col_num += 1  # 仅递增1，匹配单列布局
    else:
        tk.Button(root, text=number, width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=lambda value=number: button_click(value)).grid(row=row_num, column=col_num)
        col_num += 1
    if col_num > 2:
        col_num = 0
        row_num += 1

# Create buttons for operations
operations = [
    '/', '*', '-', '+', 
]

row_num = 2
col_num = 3

for operation in operations:
    tk.Button(root, text=operation, width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=lambda value=operation: button_click(value)).grid(row=row_num, column=col_num)
    row_num += 1

# Run the main loop
root.mainloop()

方案2：贴近常规计算器布局（0占两列） #

如果想要更符合大众使用习惯的布局（0按钮跨两列，=按钮仍在目标列），可以拆分数字按钮的创建逻辑，手动处理底部按钮：

# ... 前面代码保持不变 ...

# Create buttons for numbers
# 处理前9个数字
numbers_top = [
    '7', '8', '9',
    '4', '5', '6',
    '1', '2', '3'
]

row_num = 2
col_num = 0

for number in numbers_top:
    tk.Button(root, text=number, width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=lambda value=number: button_click(value)).grid(row=row_num, column=col_num)
    col_num += 1
    if col_num > 2:
        col_num = 0
        row_num += 1

# 手动创建底部的.、0、=按钮，确保=在目标列
tk.Button(root, text='.', width=BUTTON_WIDTH, height=BUTTON_HEIGHT, command=lambda: button_click('.')).grid(row=row_num, column=0)
tk.Button(root, text='0', width=BUTTON_WIDTH*2, height=BUTTON_HEIGHT, command=lambda: button_click('0')).grid(row=row_num, column=1, columnspan=2)
tk.Button(root, text='=', width=BUTTON_WIDTH, height=BUTTON_HEIGHT*2, command=calculate).grid(row=row_num-1, column=2, rowspan=2)

# ... 后面操作按钮代码保持不变 ...

内容的提问来源于stack exchange，提问作者CommaderCX