Python 內建介面開發框架 Tkinter入門篇 乙

八戒englyf發表於2023-01-29
Python框架

*以下內容為本人的學習筆記，如需要轉載，請宣告原文連結 微信公眾號「englyf」https://mp.weixin.qq.com/s/2GFLTstDC7w6u3fTJxflNA

本文大概 1685 個字，閱讀需花 6 分鐘內容不多，
但也花了一些精力如要交流，
歡迎關注我然後評論區留言
謝謝你的點贊收藏分享

這篇文章屬於系列文章《Python 內建介面開發框架 Tkinter入門篇》的第二篇，上接《Python 內建介面開發框架 Tkinter入門篇 甲》，歡迎關注我的微信公眾號「englyf」檢視這個系列相關文章。

基本控制元件

上一篇裡，介紹了部分基本控制元件，還有部分也需要繼續介紹。

Scale 刻度條

上面經已介紹的那些控制元件在動態修改數值時，對於使用者來說還是不太方便。為了更方便地修改數值，比如使用者可以按住滑鼠鍵直接拖動控制元件時，數值就會跟著變動，刻度條控制元件 Scale 就剛好可以實現這樣的功能。

下面舉個例子，在主介面新增一個刻度條控制元件。

import tkinter as tk

window = tk.Tk()
scale = tk.Scale(
    master=window,
    orient=tk.VERTICAL,
    length=150,
    from_=0,
    to_=200
    )
scale.pack()
window.mainloop()

例項化控制元件 Scale，引數 orient 指定刻度條方向（VERTICAL 對應垂直方向，HORIZONTAL 對應水平方向），引數 length 設定控制元件長度（單位為畫素）， 引數 from_ 設定數值範圍的最小值，引數 to 設定數值範圍的最大值。

獲取控制元件 Scale 的當前值，使用 get()，返回整數值或者浮點數。

設定控制元件 Scale 的當前值，使用 set()，輸入設定的數值。

看看顯示效果

拖動中間的滑塊，把控制元件當前值拉到168。

Listbox 列表

如果有很多類似的內容需要顯示給使用者，那麼就適合用到列表控制元件 Listbox。控制元件 Listbox 用於顯示單行文字項的列表，允許使用者瀏覽列表內容，並且選擇一個或多個選項。

舉個例子使用控制元件 Listbox 來顯示花名單

import tkinter as tk

window = tk.Tk()
contents = ["貴爺", "蔡禮佛", "梁老師", "雞毛", "胖子"]
listvar = tk.StringVar(value=contents)
listbox = tk.Listbox(
    window,
    bd=2,
    bg="#dddddd",
    listvariable=listvar
    )
listbox.grid()
contents.append("助班")
listvar.set(contents)
window.mainloop()

例項化控制元件 Listbox 時，也使用了一個方便快速操作內部資料的引數 listvariable，類似其它控制元件的 textvariable 引數，但是由於列表控快速切換到主題控制元件件內部管理的是文字列表，所以 listvariable 接收的量必須是列表型別[]。先是直接建立一個列表量，然後傳入 StringVar() 轉換成特殊格式返回，返回值 listvar 再賦給控制元件 Listbox 例項化的引數 listvariable。

在後邊需要更新或讀取列表控制元件內容時，直接呼叫 listvar.set() 或 listvar.get() 即可。

控制元件 Listbox 其實是有自帶的介面可以操作內部資料的，但是相對於初始化 listvariable 引數來說太硬核了，不夠靈活，所以不展開了。

看看顯示效果

主題控制元件

Tkinter 框架提供了一部分支援切換主題外觀的控制元件，這些控制元件包含在 tkinter.ttk 模組(主題模組)內，這些控制元件被稱為主題控制元件。比如，前面介紹的那些基本控制元件，在主題模組裡基本都有相應的主題版本可供使用，這就使得 tkinter 做出來的介面可觀性提高了不少。

另外基本控制元件和主題控制元件的 API 基本類似，只有少量差異，所以可以輕鬆切換使用。

快速切換到主題控制元件

如果遺留程式碼裡使用的是基本控制元件，為了能使用主題控制元件來快速覆蓋，在匯入庫時可以參考使用萬用字元 import （*），這樣就不需要大範圍修改程式碼了。

先看下假設的遺留程式碼，程式碼中只有個按鈕 Button。

from tkinter import *

window = Tk()
btn = Button(
    text="Click me!",
    width=25
    )
btn.pack()
window.mainloop()

顯示效果是這樣子

然後新增匯入主題模組 ttk

from tkinter import *
from tkinter.ttk import *

window = Tk()
btn = Button(
    text="Click me!",
    width=25
    )
btn.pack()
window.mainloop()

看看新的顯示效果

看起來主題控制元件風格的確和基礎控制元件有所不同，主題控制元件相對更現代一些。

那麼為什麼呢？往下看。

切換主題

主題庫既然支援切換主題，那麼怎麼切換到不同的主題？又有哪些主題可供選擇呢？

不同的主題其實就分別對應不同的樣式，而 tkinter.ttk 模組提供了 Style 類用於操作主題控制元件樣式。

直接看下面的示例程式碼

from tkinter import *
from tkinter.ttk import *

window = Tk()
style = Style()
print(style.theme_names())
print(style.theme_use())
btn = Button(
    text="Click me!",
    width=25
    )
btn.pack()
window.mainloop()

執行的程式介面和上面的無異，但是命令終端會有輸出

(.venv) D:\englyf\python>python main.py
('winnative', 'clam', 'alt', 'default', 'classic', 'vista', 'xpnative')
vista

上面程式碼呼叫 Style 類例項的 theme_names() 返回 tkinter 支援的所有主題型別('winnative', 'clam', 'alt', 'default', 'classic', 'vista', 'xpnative')。

呼叫 theme_use() 輸入為空，返回預設的主題型別，這裡是 vista。如果需要改變主題型別，可以呼叫 theme_use() 輸入對應的主題名字即可。如果設定主題型別為 winnative，你會留意到控制元件的風格就變得和基本控制元件的一致，看來還是 vista 更現代一些。

然後，簡單介紹一下部分其它的主題控制元件，比如進度條 Progressbar。

Progressbar 進度條

有些情況下，某些操作比較耗時間，而使用者也不知道這操作到底還要花多長時間時，你就有必要告訴使用者剩餘的操作時間了。為了形象體現出剩餘時間或者已執行進度，可以使用控制元件 Progressbar。

下面舉個例子，在主介面新增一個進度條控制元件。

import tkinter as tk
import tkinter.ttk as ttk

window = tk.Tk()
progressbar = ttk.Progressbar(
    master=window,
    maximum=50,
    value=50
    )
progressbar.pack()
window.mainloop()

看看顯示效果

由於篇幅受限，本系列教程還未完結，下一篇《Python 內建介面開發框架 Tkinter入門篇 丙》將在本公眾號稍後推送，如果你對此教程有興趣或者想和我一起交流更多精彩內容，歡迎關注我的微信公眾號 【englyf】，等著你哦！

相關文章