- CLI(Command Line Interface):指令碼介面操作程式
GUI:圖形化使用者介面 Tkinter 模組建立 GUI 桌面應用程式
流程:
(1) 建立主視窗 -> ex. 視窗大小、位置、名稱
(2) 元件放入視窗 -> ex. 按鈕、文字方塊
(3) 事件處理函示 -> ex. 點擊按鈕後要執行的行為GUI 含有:
UI Component 元件設計(介面上有哪些元素)
Layout 排版(如何排版畫面上的元素)
Event Handler 事件處理(當使用者觸發了事件後要做什麼事)建立按鈕元件和監聽事件處理
def click_me(): # 於終端機印出文字 print('hello world :)') # 建立按鈕元件(第一個參數放入 window 代表要顯示在哪個區塊),顯示文字為 click me,command 是當點擊會觸發處理的函式 button = tk.Button(window, text='click me', command=click_me) # pack 渲染按鈕元件 button.pack()
- 更新屬性值
# 更新按鈕屬性設定 button.configure(text='clicked!!!')
- 輸入框元件
p.s. 安裝其他字體input_entry = tk.Entry(window) input_entry.pack()
import tkinter as tk from tkinter.font import Font window = tk.Tk() # 若有內建支援中文字體不用額外設定,但若需要另外設定字體 myFont = Font(family="字體名稱", size=12) result_label = tk.Label(window) result_label.pack() result_label.configure(font=myFont, text='文字')
- 群組化與元素定位方式:將同一區塊的元件用
frame
群組化import tkinter as tk # 建立主視窗和 Frame(把元件變成群組的容器) window = tk.Tk() # 將元件分為 top/bottom 兩群組並加入主視窗 top_frame = tk.Frame(window) # 記得要使用 pack() 將元件畫出 top_frame.pack() bottom_frame = tk.Frame(window) # side 參數是定位元素位置,此處使用 tkinter 內建的 BOTTOM 常數 bottom_frame.pack(side=tk.BOTTOM)