如何在Tkinter中绘制对角箭头？解决create_line属性错误

嘿，这个问题我之前踩过坑！你遇到的AttributeError原因很明确——create_line是Tkinter里Canvas（画布）组件的专属方法，不是主窗口（也就是你代码里的_tkinter.tkapp对象）能直接调用的。想要在框之间画箭头，得先搞个画布当“画板”才行。

下面给你一套完整的可行方案：

核心思路 #

1. 先创建一个Canvas组件，把它作为绘制箭头的载体
2. 拿到蓝、绿、黄三个框的位置/尺寸，计算箭头的起点（框的中心或边角）和终点
3. 用Canvas的create_line方法绘制箭头，还能自定义样式

完整示例代码 #

import tkinter as tk

# 初始化主窗口
root = tk.Tk()
root.title("框间箭头绘制示例")

# 模拟你的三个颜色框（这里用Frame代替，你可以换成自己的组件）
blue_box = tk.Frame(root, bg="blue", width=100, height=100)
blue_box.place(x=60, y=60)  # 蓝框位置

green_box = tk.Frame(root, bg="green", width=100, height=100)
green_box.place(x=320, y=60)  # 绿框位置

yellow_box = tk.Frame(root, bg="yellow", width=100, height=100)
yellow_box.place(x=190, y=220)  # 黄框位置

# 创建画布：要覆盖需要绘制的区域，且放在最底层不遮挡框
canvas = tk.Canvas(root, width=480, height=350, bg="#f0f0f0", highlightthickness=0)
canvas.place(x=0, y=0)  # 让画布铺满窗口底层

# 封装一个获取组件中心坐标的函数
def get_widget_center(widget):
    # 获取组件左上角坐标 + 半宽/半高 = 中心坐标
    center_x = widget.winfo_x() + widget.winfo_width() // 2
    center_y = widget.winfo_y() + widget.winfo_height() // 2
    return (center_x, center_y)

# 获取三个框的中心坐标
blue_center = get_widget_center(blue_box)
green_center = get_widget_center(green_box)
yellow_center = get_widget_center(yellow_box)

# 绘制蓝框→黄框的箭头
canvas.create_line(
    blue_center[0], blue_center[1], yellow_center[0], yellow_center[1],
    arrow=tk.LAST,  # 箭头放在线条终点
    width=2,        # 线条粗细
    fill="#333333"  # 箭头颜色
)

# 绘制绿框→黄框的箭头
canvas.create_line(
    green_center[0], green_center[1], yellow_center[0], yellow_center[1],
    arrow=tk.LAST,
    width=2,
    fill="#333333"
)

root.mainloop()

关键细节说明 #

• 画布层级：一定要把Canvas放在所有框的底层（比如用place(x=0,y=0)先放画布，再放框，或者用canvas.lower()），不然箭头会被框挡住。
• 坐标计算：如果你的框是用pack/grid布局的，winfo_x()和winfo_y()依然能拿到组件的实际位置，不影响坐标计算。
• 箭头样式：arrow参数可以选tk.FIRST（箭头在起点）、tk.LAST（箭头在终点）、tk.BOTH（两端都有箭头），按需调整即可。
• 动态更新：如果你的框位置会动态变化，记得在位置改变后重新调用create_line（可以绑定<<Configure>>事件触发重绘）。

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