在tk按钮中使用图像时,按钮消失

时间:2017-03-28 00:09:06

标签: python tkinter

这是我的代码,你可以忽略它们中的大多数,但只能看到最后一部分#

import tkinter as tk
from PIL import ImageTk, Image

def bresize_and_load(path):
    global bwidth, bheight
    im = Image.open(path)
    bwidth,bheight = im.size    
    resized = bresizemode(im, bwidth, bheight)    
    width,height = resized.size    
    return ImageTk.PhotoImage(resized)

def bresizemode(im, width, height):
    if height / width >= ratio:
        return im.resize((int(round((width / height) * usable_height)), usable_height), 
                  Image.ANTIALIAS)

    if height / width < ratio:
        return im.resize((usable_width, (int(round((height / width) * usable_width)))), 
                  Image.ANTIALIAS)

root = tk.Tk()
root.state("zoomed")
root.resizable(width=False, height=False)

frame = tk.Frame(root)

frame.grid(row = 0, column = 0, sticky = 'nsew')

tk.Grid.rowconfigure(root, 0, weight=1)
tk.Grid.columnconfigure(root, 0, weight=1)

row = 4
collumn = 5
for ro in range(row):
    tk.Grid.rowconfigure(frame, ro, weight=1)
for co in range(collumn):
    tk.Grid.columnconfigure(frame, co, weight=1)

root.update()
f_width  = frame.winfo_width()
f_height = frame.winfo_height()

booklistbutton = []
for i in range(row):
    for e in range(collumn):
        bbutton = tk.Button(frame, height = int(f_height / row), 
                            width = int(f_width / collumn))
        bbutton.grid(row = i, column = e)
        booklistbutton.append(bbutton)

root.update()
usable_width = booklistbutton[0].winfo_width()
usable_height = booklistbutton[0].winfo_height()
ratio = usable_height / usable_width

#here is image path
path = 'sample.jpg'
imm = []

#if it is range(20)(just = row * column) or less than column(here is 5), it work fine
for i in range(20):    
    imm.append(bresize_and_load(path))
    booklistbutton[i].config(image = imm[i])

root.mainloop()

我的问题是,如果您在按钮中加载图像,但成像按钮的数量不小于列或相等的行*列,则成像按钮将消失。

当范围等于行*列(20)时:

http://i.imgur.com/XEjLH0n.png

当范围是6时:

http://i.imgur.com/kSO6MQw.png

这对我来说很奇怪,有没有人有任何想法?

此外,如果您没有设置按钮的宽度和高度,它们也不会消失。但按钮会比图像大一点。

1 个答案:

答案 0 :(得分:1)

(代表OP发布解决方案)

我自己发现问题,问题是当我设置按钮的大小时,它是chr大小,但是当我加载图像时,它会更改为像素大小,并且在相同大小的数字下,chr大小更大并且大于像素大小,因此成像按钮变得太小而无法显示。