視窗程式 -- TKinter
頭前 轉厝 後壁Tkinter
  tk0.py



標籤(Label)
  tk1.py



PACK()
  tk2.py




圖形標籤
  tk3.py


按鈕(Button)
  tk4.py






常見事件
<Button> | 按下滑鼠鍵。 |
<ButtonRelease> | 放開滑鼠按鍵。 |
<Double-Button> | 連按兩次。 |
<Enter> | 滑鼠指標進入元件(widget)。(不是按下Enter) |
<Leave> | 滑鼠指標離開元件(widget)。 |
<FocusIn> | 鍵盤焦點移至元件(使用tab切換) |
<FocusOut> | 鍵盤焦點移開元件(使用tab切換) |
<Return> | 按下Enter鍵。也可使用其他鍵,例如:Cancel(Break), BackSpace, Tab, Return(Enter), Shift_L, Contro_L, Alt_L, Pause, Caps_Lock, Escape, Prior(Page Up), Next(Page Down), End, Home, Left, Up, Right, Down, Print, Insert, Delete, F1~F12, Num_Lock, Scroll_Lock. |
<Key> | 按下任一鍵。 |
a | 按下某一鍵,原則上大部分可印出的鍵都可以,除了空白鍵。 |
<Shift-Up> | 同時按下Shift+Up鍵。也可以跟Alt或Control連用。 |
<Configure> | 元件的大小改變。 |
<Motion> | 滑鼠移動。 |
Example:  tk8.py




練習:小明想要設計一個能夠記錄按了幾次滑鼠按鍵的程式來測驗按滑鼠的速度,請問可以如何設計?   tk9.py

練習:承上題,小明想要額外設計一個按鍵讓次數歸零,請問可以如何設計?   tk10.py

文字輸入列(entry)
  tk11.py





練習:小明想要設計一個視窗程式來計算BMI,請問可以如何設計?   tk12.py




練習:小明想要設計一個視窗程式來計算華式(Fahrenheit)溫度轉換成攝氏(centigrade)溫度轉換,請問可以如何設計?   tk13.py



類別形式
  tk14.py

版面配置(Layout management)
- pack()+Frame  tk15.py
- grid() -- 使用grid()就不需使用pack()了  tk16.py
- place()  tk17.py