如何在 guizero 对象（如按钮）上使用 Tkinter 中的 .place() 方法

Question

我正在尝试在 guizero 按钮 对象上使用 .place() Tkinter 方法。

使用 Tkinter，代码将如下所示：

vidbutton = tk.Button(w, text="Video", command = connectgp)
vidbutton.place(relheight=0.176, relwidth=0.176, relx=0.02, rely=0.02)

shutterbutton = tk.Button(w, text="Shutter", command = connectgp)
shutterbutton.place(relheight=0.176, relwidth=0.176, relx=0.196, rely=0.02)

执行时，上述代码将显示两个按钮以正确的间距比例彼此相邻放置。

我正在尝试使用 guizero 来实现此操作，而不是使用以下代码：

connectbutton = PushButton(app, text="Connect Gopros", command=connect)
connectbutton.tk.place(relheight=0.176, relwidth=0.176, relx=0.02, rely=0.02)

videobutton = PushButton(app, text="Video", command=video)
videobutton.tk.place(relheight=0.176, relwidth=0.176, relx=0.196, rely=0.02)

对于 guizero 代码，只有最后一个按钮将显示正确的位置和 .place对于之前的 guizero 对象， () 被完全忽略。

非常困惑，建议会有所帮助。

Answer 1

您需要将 Buttons Widget 作为其父级放入 Box Widget 中，您可以通过此处的 guizero 布局指南获取更多详细信息：
https://lawsie.github.io/guizero/layout/#boxes
尤其是对齐和位置。

根据我的尝试，如果您进行此调整，您的代码可以给出与标准 tk 相同的结果：

from guizero import *

def connect():
    print("Connected!")


def video():
    print("Video!")

app = App(title="guizero")

botton_box = Box(app)
botton_box2 = Box(app)
botton_box.tk.place(relheight=0.176, relwidth=0.176, relx=0.02, rely=0.02)
botton_box2.tk.place(relheight=0.176, relwidth=0.176, relx=0.196, rely=0.02)

connectbutton = PushButton(botton_box,width="fill", height="fill", align="left", text="Connect Gopros", command=connect)
videobutton = PushButton(botton_box2, width="fill", height="fill", align="right",text="Video", command=video)


app.display()

根据您的操作系统，布局将如下所示：

Answer 2

我遇到了同样的问题，我尝试了@Loay 解决方案，该解决方案有效。
然后我尝试变得越来越简约，看看到什么时候它不再起作用了。

最后，我能找到对我有用的最简单的解决方案是：

from guizero import *

def connect():
    print("Connected!")

def video():
    print ("Video!")


app = App(title="guizero")

# Instantiate the widgets first
vidbutton = PushButton(app, text="Video", command = video)
shutterbutton = PushButton(app, text="Shutter", command = connect)

# Call all the .place() methods afterward
vidbutton.tk.place(relheight=0.176, relwidth=0.176, relx=0.02, rely=0.02)
shutterbutton.tk.place(relheight=0.176, relwidth=0.176, relx=0.196, rely=0.02)

app.display()

请注意，与您的代码的唯一区别是我首先实例化了所有小部件，然后调用 .place()方法。
顺序应该不重要，但确实如此。