Перекрытие изображений в Tkinter Grid Layout
Я работаю над приложением Tkinter, которое отображает изображения кошек в виде сетки. Моя цель — разместить изображения поочередно в левой и правой частях окна, располагая их вертикально. Однако изображения не появляются в ожидаемых положениях.
Вот код, который я использую:
from PIL import Image, ImageTk
import tkinter as tk
import os
import gettingimg2 as img
img.get_titles_and_images("cats", 10)
root = tk.Tk()
root.title("Cat of the Day")
root.geometry("400x900")
images = []
y_position = 70
count = 0
def closing():
count = 1
while count < 11:
os.remove("C:/Users/User/Desktop/cats/cutecat" + str(count) + ".jpg")
count += 1
root.destroy()
root.protocol("WM_DELETE_WINDOW", closing)
for i in range(10):
xcount = 10
swich = False
if i == 1 or i == 3 or i == 5 or i == 7 or i == 9 :
xcount = 200
image_path = f"C:/Users/User/Desktop/cats/cutecat{i + 1}.jpg"
image = Image.open(image_path)
max_width, max_height = 190, 140
image.thumbnail((max_width, max_height), Image.Resampling.LANCZOS)
photo = ImageTk.PhotoImage(image)
label = tk.Label(root, image=photo)
label.place(x=xcount, y=y_position)
if count == 2 or count == 4 or count == 6 or count == 8 or count == 10:
y_position += 150
images.append(photo)
count += 1
print("cutecat" + str(i + 1), "x = " + str(xcount), "y = " + str(y_position))
root.mainloop()
Изображения должны чередоваться с левой (x=10) и правой (x=200) сторонами, а y_position должно увеличиваться каждое второе изображение, чтобы расположить их вертикально. Однако изображения не отображаются должным образом.
Вот журналы моей программы, в которых показаны координаты размещения каждого изображения:
cutecat1 x=10 y=70
cutecat2 x=200 y=70
cutecat3 x=10 y=220
cutecat4 x=200 y=220
cutecat5 x=10 y=370
cutecat6 x=200 y=370
cutecat7 x=10 y=520
cutecat8 x=200 y=520
cutecat9 x=10 y=670
cutecat10 x=200 y=670
Я ожидал, что каждое изображение будет размещено в правильных позициях x и y, чередуя левую и правую стороны и увеличивая позицию y на 150 пикселей каждое второе изображение. Я уже пробовал увеличить окно.
Ответы 2
Не используйте place(), это сбивает с толку даже самых опытных программистов. Вместо этого используйте grid():
from PIL import Image, ImageTk
import tkinter as tk
import os
import gettingimg2 as img
img.get_titles_and_images("cats", 10)
root = tk.Tk()
root.title("Cat of the Day")
root.geometry("400x900")
images = []
y_position = 70
count = 0
def closing():
count = 1
while count < 11:
os.remove("C:/Users/User/Desktop/cats/cutecat" + str(count) + ".jpg")
count += 1
root.destroy()
root.protocol("WM_DELETE_WINDOW", closing)
for i in range(10):
image_path = f"C:/Users/User/Desktop/cats/cutecat{i + 1}.jpg"
image = Image.open(image_path)
max_width, max_height = 190, 140
image.thumbnail((max_width, max_height), Image.Resampling.LANCZOS)
photo = ImageTk.PhotoImage(image)
images.append(photo)
column = 0
row = 0
for photo in images:
l = tk.Label(root, image=photo)
l.grid(column=column, row=row)
if column == 6:
column = 0
row = 1
else:
column += 1
count += 1
root.mainloop()
Используя grid(), вы можете просто вычислить, равен ли столбцу уже 6, и если да, то измените номер строки и сбросьте номер столбца.
Обратите внимание, что OP в вашем случае хочет 2 столбца, а не 7. Также не обязательно иметь два цикла for, достаточно одного.
Снова возникает та же самая ошибка: левая строка находится на 1 выше, а cutecat3 перекрывается с cutecat1.
@Килиан, извини, если я что-то неправильно понял, не мог бы ты сказать мне, какое изображение ты хочешь отобразить?
@LukeL, спасибо за ответ. Я упомянул «вертикально», но в вашем коде оно сделано горизонтально. Когда я попробовал его изменить, как только это сработало, у меня появился тот же баг, что и с местом. Но спасибо, потому что я научился создавать графические интерфейсы с сеткой вместо места.
Моя цель — разместить изображения поочередно слева и справа. окна, сложив их вертикально
ожидалось, что каждое изображение будет размещено в правильных позициях x и y, чередуя >> левую и правую стороны и увеличивая позицию y на 150 пикселей каждое >> второе изображение.
Проблема может быть решена.
Онлайн 45, измените это:
l = tk.Label(root, image=image)
к:
l = tk.Label(root, image=photo) #<== image-> photo
В строке 47 измените это:
if count == 2 or count == 4 or count == 6 or count == 8 or count == 10:
К:
if count == 1 or count == 3 or count == 5 or count == 7 or count == 9:
Скриншот:
Есть еще один способ сделать цикл. для i в диапазоне (10, 400, 200): для r в диапазоне (70, 820, 150):
Вы вычисляете
y_positionпосле строкиlabel.place(), в которой он используется, поэтому используется значение Y, предназначенное для предыдущего изображения.