【问题标题】:Why width tkinter widgets are not the same as the tkinter window为什么宽度 tkinter 小部件与 tkinter 窗口不同
【发布时间】:2019-12-13 22:06:17
【问题描述】:

我想连续制作三个按钮,但是小部件的宽度与 tkinter 窗口的因素不同(希望每个按钮的宽度为 tkinter 窗口宽度(400px)的 1/3。

代码如下:

from tkinter import *

window = Tk()
window.geometry("400x400")
window.update()
print(window.winfo_width())
button = Button(window, width=window.winfo_width() // 3)
button.grid(row=0, column=0)
button = Button(window, width=window.winfo_width() // 3)
button.grid(row=0, column=1)
button = Button(window, width=window.winfo_width() // 3)
button.grid(row=0, column=2)

window.mainloop()

我该如何解决这个问题? 提前致谢。

编辑:

谢谢大家,我想通了。 如果其他人有同样的问题,this 网站也可能会有所帮助。

【问题讨论】:

  • 不要使用width= 使用.grid(..., sticky='ew') 并允许使用window.grid(0, weight=1) 增长列。对所有列都这样做。

标签: python tkinter


【解决方案1】:

除非您指定了图像,否则按钮的宽度由字符数指定,而不是像素数。

有更好的方法来确保每个按钮都是窗口的 1/3。由于您使用的是网格,因此您可以使用 uniform 选项强制列的大小相等。只需为每一列设置相同的字符串,并为每一列赋予非零权重,以便在有额外空间时它们同样增长。

注意:当一个窗口的所有布局代码组合在一起而不是与其他代码交错时,我发现解决布局问题要容易得多,所以这就是我构建此示例的方式。

from tkinter import *

window = Tk()
window.geometry("400x400")
window.update()
print(window.winfo_width())

window.grid_columnconfigure((0,1,2), uniform="equal", weight=1)

button1 = Button(window)
button2 = Button(window)
button3 = Button(window)

button1.grid(row=0, column=0, sticky="ew")
button2.grid(row=0, column=1, sticky="ew")
button3.grid(row=0, column=2, sticky="ew")

window.mainloop()

【讨论】:

  • Thx,另一个问题 grid_columnconfigure 和 columnconfigure 有什么区别?
  • @everest:只有名字。一个是另一个的别名。
【解决方案2】:

在按钮中仅指定 sticky 选项是行不通的。

使用 tkinter 中的 grid_columnconfigure 方法和 非零 权重选项将配置列,让按钮随着水平拉伸时的窗口。



    from tkinter import *
    window = Tk()
    window.geometry("400x400")
    btn1 = Button(text='button 1')
    btn2 = Button(text='button 2')
    btn3 = Button(text='button 3')

    btn1.grid(row=0, column=0, sticky='ew')
    btn2.grid(row=0, column=1, sticky='ew')
    btn3.grid(row=0, column=2, sticky='ew')

    window.grid_columnconfigure([0,1,2],weight=1)
    window.mainloop()

【讨论】:

  • 只有在按钮自然宽度相同的情况下才能保证它们的宽度相同。重量与宽度无关。它只是告诉网格如何分配额外的空间。
  • @BryanOakley 确定.. 很好的解释
猜你喜欢
  • 1970-01-01
  • 2014-08-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多