如何在 tkinter 画布中精确对齐小部件（带滚动条）

Question

如何使用 grid() 方法将旋转框与框网格对齐？

在此示例代码中，旋转框与 place() 对齐，但是当您移动滚动条时，旋转框不会移动：

import tkinter as tk
from tkinter import ttk

cellule_taille = 50
rows = 10
cols = 10
x = 50
y = 35
x_texte = 0
y_lettre_pos = 0

root = tk.Tk()

grille_frame = tk.Canvas(root, borderwidth=2, relief="solid")
grille_frame.grid(row=0, column=0, padx=5, sticky="nsew")
yscrollbar_grille = ttk.Scrollbar(root, orient="vertical", command=grille_frame.yview)
yscrollbar_grille.grid(row=0, column=1, columnspan=2, sticky="ns")
xscrollbar_grille = ttk.Scrollbar(root, orient="horizontal", command=grille_frame.xview)
xscrollbar_grille.grid(row=1, column=0, rowspan=2, sticky="ew")
grille_frame.config(yscrollcommand=yscrollbar_grille.set, xscrollcommand=xscrollbar_grille.set)

for r in range(rows):
    y_temp = y +(cellule_taille // 5)
    x = 50
    spinbox_row = tk.Spinbox(grille_frame, from_=0, to=cols, width=2)

    spinbox_row.place(x=x_texte, y=y_temp)
    temp = []
    for c in range(cols):
        cell = grille_frame.create_rectangle((x, y), (x + cellule_taille, y + cellule_taille), fill="white", outline= "black")
        #temp.append(cell)
        x = x + cellule_taille
    y = y + cellule_taille    
x = 50
for c in range(cols):
    x_temp = x
    spinbox_col = tk.Spinbox(grille_frame, from_=0, to=rows, width=2)
    spinbox_col.place(x=x_temp, y=y_lettre_pos)
    x = x + cellule_taille

root.geometry()
root.mainloop()

在另一个示例中，使用 grid()，旋转框随滚动条移动，但未对齐：

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
Created on Mon Jan 29 12:52:17 2024

@author: jojo
"""

import tkinter as tk
from tkinter import ttk

cellule_taille = 30
rows = 10
cols = 10
x = 30
y = 30
x_texte = 0
y_lettre_pos = 0

root = tk.Tk()

grille_frame = tk.Canvas(root, borderwidth=2, relief="solid")
grille_frame.grid(row=0, column=0, padx=5, sticky="nsew")
yscrollbar_grille = ttk.Scrollbar(root, orient="vertical", command=grille_frame.yview)
yscrollbar_grille.grid(row=0, column=1, rowspan=1, sticky="ns")
xscrollbar_grille = ttk.Scrollbar(root, orient="horizontal", command=grille_frame.xview)
xscrollbar_grille.grid(row=1, column=0, rowspan=1, sticky="ew")
grille_frame.config(yscrollcommand=yscrollbar_grille.set, xscrollcommand=xscrollbar_grille.set)
test1_frame = tk.Frame(grille_frame)
test2_frame = tk.Frame(grille_frame)

for r in range(rows):
    y_temp = y +(cellule_taille // 5)
    x = 30
    spinbox_row = tk.Spinbox(test1_frame, from_=0, to=cols, width=2)
    

    spinbox_row.grid(row=r, column=0)
    temp = []
    for c in range(cols):
        cell = grille_frame.create_rectangle((x, y), (x + cellule_taille, y + cellule_taille), fill="white", outline= "black")
        temp.append(cell)
        x = x + cellule_taille
    y = y + cellule_taille    
x = 30
for c in range(cols):
    x_temp = x
    spinbox_col = tk.Spinbox(test2_frame, from_=0, to=rows, width=2)
    spinbox_col.grid(row=0, column=c)
    x = x + cellule_taille
grille_frame.create_window(10, 10, window=test1_frame)
grille_frame.create_window(10, 10, window=test2_frame)
grille_frame.update_idletasks()
grille_frame.config(scrollregion=grille_frame.bbox("all"))

root.mainloop()

我尝试使用 pack() 和 grid() 但无法对齐小部件...

Answer 1

您需要使用

grille_frame.create_window(...)

而不是

.grid()

或

.pack()

来放置这些旋转框。在这种情况下，这些旋转框应该是

grille_frame

的子级。

更新代码：

import tkinter as tk
from tkinter import ttk

cellule_taille = 30
rows = 10
cols = 10
x = 30
y = 30
x_texte = 0
y_lettre_pos = 0

root = tk.Tk()

grille_frame = tk.Canvas(root, borderwidth=2, relief="solid")
grille_frame.grid(row=0, column=0, padx=5, sticky="nsew")
yscrollbar_grille = ttk.Scrollbar(root, orient="vertical", command=grille_frame.yview)
yscrollbar_grille.grid(row=0, column=1, rowspan=1, sticky="ns")
xscrollbar_grille = ttk.Scrollbar(root, orient="horizontal", command=grille_frame.xview)
xscrollbar_grille.grid(row=1, column=0, rowspan=1, sticky="ew")
grille_frame.config(yscrollcommand=yscrollbar_grille.set, xscrollcommand=xscrollbar_grille.set)

for r in range(rows):
    y_temp = y +(cellule_taille // 5)
    x = 30
    spinbox_row = tk.Spinbox(grille_frame, from_=0, to=cols, width=2)
    #spinbox_row.grid(row=r, column=0)
    grille_frame.create_window((x, y+cellule_taille/2), window=spinbox_row, anchor="e")

    temp = []
    for c in range(cols):
        cell = grille_frame.create_rectangle((x, y), (x + cellule_taille, y + cellule_taille), fill="white", outline= "black")
        temp.append(cell)
        x = x + cellule_taille
    y = y + cellule_taille

x = y = 30
for c in range(cols):
    x_temp = x
    spinbox_col = tk.Spinbox(grille_frame, from_=0, to=rows, width=2)
    #spinbox_col.grid(row=0, column=c)
    grille_frame.create_window((x+cellule_taille/2, y), window=spinbox_col, anchor="s")
    x = x + cellule_taille

grille_frame.update_idletasks()
grille_frame.config(scrollregion=grille_frame.bbox("all"))

root.mainloop()

结果：