Tkinter 登录页面布局问题 - Python

Question

我正在尝试使用 .pack() 在 Tkinter 中创建登录页面。我想把 loginFrame 放在小 window 的中心。在 loginFrame 中，用户名部分位于密码部分之上。

def main():
    window = tk.Tk()
    window.geometry("400x200")
    window.title("PySploit")
    window.resizable(False, False)
    window.configure(background="#E1E5F2")

    loginFrame = tk.Frame(window).pack(anchor="center")

    usernameFrame = tk.Frame(loginFrame).pack(side=LEFT)
    passwordFrame = tk.Frame(loginFrame).pack(side=LEFT)

    tk.Label(usernameFrame, text="Username").pack(side=LEFT)
    tk.Entry(usernameFrame, name="username").pack(side=LEFT)

    tk.Label(passwordFrame, text="Password").pack(side=LEFT)
    tk.Entry(passwordFrame, name="password").pack(side=LEFT)
    
    window.mainloop()
    return

if __name__ == "__main__":
    main()

这是我的错误输出：

Answer 1

根据您的要求，不需要usernameFrame和passwordFrame，只需loginFrame即可。

您可以使用 place() 将 loginFrame 放在 window 的中心，并使用 grid() 将这些标签和按钮放在 loginFrame 中：

import tkinter as tk

def main():
    window = tk.Tk()
    window.geometry("400x200")
    window.title("PySploit")
    window.resizable(False, False)
    window.configure(background="#E1E5F2")

    loginFrame = tk.Frame(window)
    # place loginFrame at the center of window
    loginFrame.place(relx=0.5, rely=0.5, anchor='c')

    # use grid() instead of pack() to lay out labels and entries
    tk.Label(loginFrame, text="Username").grid(row=0, column=0)
    tk.Entry(loginFrame, name="username").grid(row=0, column=1)

    tk.Label(loginFrame, text="Password").grid(row=1, column=0)
    tk.Entry(loginFrame, name="password").grid(row=1, column=1)

    window.mainloop()


if __name__ == "__main__":
    main()

Tkinter 登录页面布局问题 - Python

Tkinter login page layout problem - Python

python

python-3.x

tkinter

tkinter-layout

tkinter-menu