【隨堂筆記】Python 桌面應用程式


  • 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!!!')
    
  • 輸入框元件
    input_entry = tk.Entry(window)
    input_entry.pack()
    
    p.s. 安裝其他字體
    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)
    






你可能感興趣的文章

MTR04_1023

MTR04_1023

CSS保健室|padding

CSS保健室|padding

實作 Redux(五):reducer

實作 Redux(五):reducer






留言討論