Python圖形編程探索系列-07-程序登錄界面設計


設計任務

初步設計程序登錄界面,詳細分析設計步驟。

程序詳細分析

基本框架設計

``` import tkinter as tk import tkinter.messagebox root = tk.Tk() # 創建應用程序窗口 root.title("用戶登錄界面設計") root.geometry("230x100") # --------功能塊代碼開始-------

--------功能塊代碼結束------

root.mainloop()

<h2 style="color:cyan;">設計標簽用於提示用戶</h2>

labelName = tk.Label(root, text='用戶姓名:', justify=tk.RIGHT, width=80)
labelPwd = tk.Label(root, text='用戶密碼:', justify=tk.RIGHT, width=80)

<h2 style="color:cyan;">設計輸入框</h2>

entryName = tk.Entry(root, width=80, textvariable=varName)
entryPwd = tk.Entry(root, show='*', width=80, textvariable=varPwd)

<h2 style="color:cyan;">設計按鈕</h2>

buttonOk = tk.Button(root, text='登錄', relief=tk.RAISED, command=login)
buttonCancel = tk.Button(root, text='重置', relief=tk.RAISED, command=cancel)
buttonquit = tk.Button(root, text='退出', relief=tk.RAISED, command=_quit)

<h2 style="color:cyan;">設計功能函數</h2>
**關聯變量**

varName = tk.StringVar()
varName.set('')
varPwd = tk.StringVar()
varPwd.set('')

**登錄按鈕處理函數**

def login():
# 獲取用戶名和密碼
name = entryName.get()
pwd = entryPwd.get()
if name == 'admin' and pwd == '123456':
tk.messagebox.showinfo(title='Python tkinter', message='OK')
else:
tk.messagebox.showerror('Python tkinter', message='Error')

**重新輸入按鈕處理函數**

def cancel():
# 清空用戶輸入的用戶名和密碼
varName.set('')
varPwd.set('')

**退出按鈕處理函數**

def _quit():
root.quit()
root.destroy()

<h2 style="color:cyan;">各個組件排兵布陣</h2>

labelName.place(x=10, y=5, width=80, height=20)
labelPwd.place(x=10, y=30, width=80, height=20)
entryName.place(x=100, y=5, width=80, height=20)
entryPwd.place(x=100, y=30, width=80, height=20)
buttonOk.place(x=30, y=70, width=50, height=20)
buttonCancel.place(x=90, y=70, width=50, height=20)
buttonquit.place(x=150, y=70, width=50, height=20)

<h1 style="background:cyan;">完整程序組裝</h1>

import tkinter as tk
import tkinter.messagebox
root = tk.Tk() # 創建應用程序窗口
root.title("用戶登錄界面設計")
root.geometry("230x100")

--------功能塊代碼開始-------

功能函數設計

varName = tk.StringVar()
varName.set('')
varPwd = tk.StringVar()
varPwd.set('')
def login():
# 獲取用戶名和密碼
name = entryName.get()
pwd = entryPwd.get()
if name == 'admin' and pwd == '123456':
tk.messagebox.showinfo(title='Python tkinter', message='OK')
else:
tk.messagebox.showerror('Python tkinter', message='Error')
def cancel():
# 清空用戶輸入的用戶名和密碼
varName.set('')
varPwd.set('')
def _quit():
root.quit()
root.destroy()

主窗口中的各個組件設計

labelName = tk.Label(root, text='用戶姓名:', justify=tk.RIGHT, width=80)
labelPwd = tk.Label(root, text='用戶密碼:', justify=tk.RIGHT, width=80)
entryName = tk.Entry(root, width=80, textvariable=varName)
entryPwd = tk.Entry(root, show='*', width=80, textvariable=varPwd)
buttonOk = tk.Button(root, text='登錄', relief=tk.RAISED, command=login)
buttonCancel = tk.Button(root, text='重置', relief=tk.RAISED, command=cancel)
buttonquit = tk.Button(root, text='退出', relief=tk.RAISED, command=_quit)

主窗口中各個組件的排放位置 = 排兵布陣

labelName.place(x=10, y=5, width=80, height=20)
labelPwd.place(x=10, y=30, width=80, height=20)
entryName.place(x=100, y=5, width=80, height=20)
entryPwd.place(x=100, y=30, width=80, height=20)
buttonOk.place(x=30, y=70, width=50, height=20)
buttonCancel.place(x=90, y=70, width=50, height=20)
buttonquit.place(x=150, y=70, width=50, height=20)

--------功能塊代碼結束------

root.mainloop() # 窗口運行循環

<h1 style="background:cyan;">最終效果</h1>

![](https://img2018.cnblogs.com/blog/1372901/201810/1372901-20181021182129052-135871456.jpg)

![](https://img2018.cnblogs.com/blog/1372901/201810/1372901-20181021182133505-1654026029.jpg)

![](https://img2018.cnblogs.com/blog/1372901/201810/1372901-20181021182137374-229183115.jpg)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM