Question

我正在创建一个带有更改密码屏幕的登录屏幕，我遇到了两个屏幕相互重叠的问题。

import fileinput
import tkinter as tk
import tkinter.messagebox as tm
from tkinter import ttk

class TypingLogin(tk.Tk):

    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)

        container=tk.Frame(self)
        container.pack(side="top", fill="both", expand=True)
        container.grid_rowconfigure(0, weight=1)
        container.grid_columnconfigure(0, weight=1)

        self.frames = {}
        for F in (LoginScreen,TestScreen):
            frame=F(container, self)
            self.frames[F]=frame
        self.ShowFrame(LoginScreen)


    def ShowFrame(self, cont):
        frame=self.frames[cont]
        frame.tkraise()

class LoginScreen(tk.Frame):

    def __init__(self, parent, controller):
        self.controller=controller
        self.parent=parent
        tk.Frame.__init__(self, parent)

        w = 270
        h = 170
        x = 500
        y = 100
        controller.geometry("%dx%d+%d+%d" % (w, h, x, y))

        self.canvas=tk.Frame(parent, bg="red")
        self.canvas.pack(side='top',fill='both',expand='yes')

        self.passwordlabel=tk.Label(self.canvas, text="Password")
        self.passwordentry=tk.Entry(self.canvas, show="*")

        self.passwordlabel.place(x=40, y=60)
        self.passwordentry.place(x=100, y=60)

        self.loginbutton=tk.Button(self.canvas, text="Change Password",  command=self.ChangeButtonClicked)
        self.loginbutton2=tk.Button(self.canvas, text="Login")#When Lesson select screen is made, put navigating command here

        self.loginbutton.place(x=80, y=120)
        self.loginbutton2.place(x=110, y=90)

        self.usernamelabel=tk.Label(self.canvas, text="Username")
        self.usernameentry=ttk.Combobox(self.canvas)
        self.usernameentry.bind("<<ComboboxSelected>>")
        self.usernameentry['values']=(combol)
        self.usernameentry.current(0)
        self.usernamelabel.place(x=35, y=30)
        self.usernameentry.place(x=100, y=30)

    def ChangeButtonClicked(self):
        global username, passWord, codedPassWord

        username=self.usernameentry.get()
        passWord=self.passwordentry.get()
        codedPassWord = CodeWord(passWord)

        allUsers = LoadListFromFile()

        isFound = False
        for name,password in allUsers:
            if name == username:
                if codedPassWord == password:
                    isFound = True

        if isFound:
            self.controller.ShowFrame(TestScreen)
        else:
            tm.showerror("Login error", "Incorrect Login details")

class TestScreen(tk.Frame,tk.Toplevel):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)

        w = 270
        h = 170
        x = 500
        y = 100
        controller.geometry("%dx%d+%d+%d" % (w, h, x, y))

        self.canvas=tk.Frame(parent, bg="blue")
        self.canvas.pack(side='top',fill='both',expand='yes')

        self.label=tk.Label(self, text="Old Password")
        self.label2=tk.Label(self, text="New Password")
        self.label3=tk.Label(self, text="Confirm Password")

        self.entry=tk.Entry(self, show="*")
        self.entry2=tk.Entry(self, show="*")
        self.entry3=tk.Entry(self, show="*")

        self.label.place(x=40, y=25)
        self.label2.place(x=40, y=50)
        self.label3.place(x=40, y=75)
        self.entry.place(x=100, y=25)
        self.entry2.place(x=100, y=50)
        self.entry3.place(x=100, y=75)

        self.changebutton=tk.Button(self, text="Change")
        self.changebutton.place(x=70, y=100)

combol=['Select your name']
for e,f in my:
    combol.append(e)

app = TypingLogin()
app.title("CLHS Typing Program")
app.mainloop()

我觉得我错过了一些非常简单的事情。我已经在这方面工作了很长时间，以至于我可能在问题所在的地方掠过。一双新鲜的眼睛在这里真的很有用。

编辑：按钮＆＃34;登录＆＃34;和＆＃34;更改密码＆＃34;在那里，他们就在重叠的屏幕/框架下面。只需向上或向下展开窗口即可揭开它们。

Answer 1

第一个问题是您将画布放在错误的窗口中。屏幕中的所有内容都必须是该屏幕的子节点或后代的子节点。

你需要改变这个：

self.canvas = tk.Frame(parent, ...)

到此：

self.canvas = tk.Frame(self, ...)

然后，您需要确保将所有屏幕放在主窗口中。通过在创建屏幕的循环中调用grid来执行此操作：

for F in (LoginScreen,TestScreen):
    ...
    frame.grid(row=0, column=0, sticky="nsew")

Tkinter：创建不重叠的帧

1 个答案: