通常，一個 Tkinter 應用程式由多個Frame組成。而且您經常需要在Frame之間切換以顯示與使用者選擇相關的Frame。
Tkinter 允許將Frame堆疊在一起。要顯示特定Frame，只需按堆疊順序將一個放在另一個之上。頂部Frame將可見。
要將Frame置於頂部，可以使用Frame 小部件的tkraise() 方法，如下所示：
frame.tkraise()
下面將實作一個溫度轉換小應用，華氏溫度和攝氏溫度分別使用兩個不同的Frame，UI視窗組成如下：
ConverterFrame 將有兩個實例，一個將溫度從華氏溫度轉換為攝氏溫度，另一個將溫度從攝氏溫度轉換為華氏溫度：
第一步，定義一個具有兩個靜態方法的TemperatureConverter 類別：fahrenheit_to_celsius 和celsius_to_fahrenheit。
class TemperatureConverter:
@staticmethod
def fahrenheit_to_celsius(f, format=True):
result = (f - 32) * 5/9
if format:
return f'{f} Fahrenheit = {result:.2f} Celsius'
return result
@staticmethod
def celsius_to_fahrenheit(c, format=True):
result = c * 9/5 + 32
if format:
return f'{c} Celsius = {result:.2f} Fahrenheit'
return result如果忽略第二個參數或將 True 傳遞給它們，那麼 fahrenheit_to_celsius 和 celsius_to_fahrenheit 方法將會傳回一個格式化字串。否則，他們會將結果作為數字回傳。
第二步，定義將顯示用於將溫度從華氏溫度轉換為攝氏溫度的 UI 的 ConverterFrame，反之亦然。
為此，需要透過將以下參數新增至__init__() 方法來使ConverterFrame 更加靈活：
將顯示為華氏溫度和攝氏度的字串
用於轉換溫度的回呼函數。
class ConverterFrame(ttk.Frame):
def __init__(self, container, unit_from, converter):
super().__init__(container)
self.unit_from = unit_from
self.converter = converter
# field options
options = {'padx': 5, 'pady': 0}
# temperature label
self.temperature_label = ttk.Label(self, text=self.unit_from)
self.temperature_label.grid(column=0, row=0, sticky='w', **options)
# temperature entry
self.temperature = tk.StringVar()
self.temperature_entry = ttk.Entry(self, textvariable=self.temperature)
self.temperature_entry.grid(column=1, row=0, sticky='w', **options)
self.temperature_entry.focus()
# button
self.convert_button = ttk.Button(self, text='Convert')
self.convert_button.grid(column=2, row=0, sticky='w', **options)
self.convert_button.configure(command=self.convert)
# result label
self.result_label = ttk.Label(self)
self.result_label.grid(row=1, columnspan=3, **options)
# add padding to the frame and show it
self.grid(column=0, row=0, padx=5, pady=5, sticky="nsew")
def convert(self, event=None):
""" Handle button click event
"""
try:
input_value = float(self.temperature.get())
result = self.converter(input_value)
self.result_label.config(text=result)
except ValueError as error:
showerror(title='Error', message=error)
def reset(self):
self.temperature_entry.delete(0, "end")
self.result_label.text = ''上面程式碼如何運作？
1）使用 unit_from 參數顯示溫度標籤。
2）在 convert() 方法中呼叫 self.convert 回呼將溫度從一個單位轉換為另一個單位。
3）定義 reset() 方法以在Frame從一個切換到另一個時清除條目小部件和結果標籤。
第三，定義一個 ControlFrame 類，顯示用於選擇要顯示的Frame的單選按鈕。 ControFrame 類別繼承自 ttk.LabelFrame。
class ControlFrame(ttk.LabelFrame):
def __init__(self, container):
super().__init__(container)
self['text'] = 'Options'
# radio buttons
self.selected_value = tk.IntVar()
ttk.Radiobutton(
self,
text='F to C',
value=0,
variable=self.selected_value,
command=self.change_frame).grid(column=0, row=0, padx=5, pady=5)
ttk.Radiobutton(
self,
text='C to F',
value=1,
variable=self.selected_value,
command=self.change_frame).grid(column=1, row=0, padx=5, pady=5)
self.grid(column=0, row=1, padx=5, pady=5, sticky='ew')
# initialize frames
self.frames = {}
self.frames[0] = ConverterFrame(
container,
'Fahrenheit',
TemperatureConverter.fahrenheit_to_celsius)
self.frames[1] = ConverterFrame(
container,
'Celsius',
TemperatureConverter.celsius_to_fahrenheit)
self.change_frame()
def change_frame(self):
frame = self.frames[self.selected_value.get()]
frame.reset()
frame.tkraise()上面程式碼如何運作？
每個單選按鈕都有一個值 0 或 1。
建立 ConverterFrame 類別的兩個實例，一個負責將溫度從華氏溫度轉換為攝氏溫度，另一個負責將溫度從攝氏溫度轉換為華氏溫度。另外，定義一個字典來儲存這些Frame。 Frame的鍵與單選按鈕的值相同。
當點選單選按鈕時，會呼叫 change_frame() 方法根據所選按鈕的值從字典中選擇對應的Frame。
呼叫Frame的 reset() 方法來重置輸入欄位和結果標籤。並且也呼叫 tkraise() 方法來顯示Frame。
第四，定義從tk.Tk 類別繼承的App 類別：
class App(tk.Tk):
def __init__(self):
super().__init__()
self.title('Temperature Converter')
self.geometry('300x120')
self.resizable(False, False)最後，啟動程式
if __name__ == "__main__":
app = App()
ControlFrame(app)
app.mainloop()程式碼整合如下：
import tkinter as tk
from tkinter import ttk
from tkinter.messagebox import showerror
class TemperatureConverter:
@staticmethod
def fahrenheit_to_celsius(f, format=True):
result = (f - 32) * 5/9
if format:
return f'{f} Fahrenheit = {result:.2f} Celsius'
return result
@staticmethod
def celsius_to_fahrenheit(c, format=True):
result = c * 9/5 + 32
if format:
return f'{c} Celsius = {result:.2f} Fahrenheit'
return result
class ConverterFrame(ttk.Frame):
def __init__(self, container, unit_from, converter):
super().__init__(container)
self.unit_from = unit_from
self.converter = converter
# field options
options = {'padx': 5, 'pady': 0}
# temperature label
self.temperature_label = ttk.Label(self, text=self.unit_from)
self.temperature_label.grid(column=0, row=0, sticky='w', **options)
# temperature entry
self.temperature = tk.StringVar()
self.temperature_entry = ttk.Entry(self, textvariable=self.temperature)
self.temperature_entry.grid(column=1, row=0, sticky='w', **options)
self.temperature_entry.focus()
# button
self.convert_button = ttk.Button(self, text='Convert')
self.convert_button.grid(column=2, row=0, sticky='w', **options)
self.convert_button.configure(command=self.convert)
# result label
self.result_label = ttk.Label(self)
self.result_label.grid(row=1, columnspan=3, **options)
# add padding to the frame and show it
self.grid(column=0, row=0, padx=5, pady=5, sticky="nsew")
def convert(self, event=None):
""" Handle button click event
"""
try:
input_value = float(self.temperature.get())
result = self.converter(input_value)
self.result_label.config(text=result)
except ValueError as error:
showerror(title='Error', message=error)
def reset(self):
self.temperature_entry.delete(0, "end")
self.result_label.text = ''
class ControlFrame(ttk.LabelFrame):
def __init__(self, container):
super().__init__(container)
self['text'] = 'Options'
# radio buttons
self.selected_value = tk.IntVar()
ttk.Radiobutton(
self,
text='F to C',
value=0,
variable=self.selected_value,
command=self.change_frame).grid(column=0, row=0, padx=5, pady=5)
ttk.Radiobutton(
self,
text='C to F',
value=1,
variable=self.selected_value,
command=self.change_frame).grid(column=1, row=0, padx=5, pady=5)
self.grid(column=0, row=1, padx=5, pady=5, sticky='ew')
# initialize frames
self.frames = {}
self.frames[0] = ConverterFrame(
container,
'Fahrenheit',
TemperatureConverter.fahrenheit_to_celsius)
self.frames[1] = ConverterFrame(
container,
'Celsius',
TemperatureConverter.celsius_to_fahrenheit)
self.change_frame()
def change_frame(self):
frame = self.frames[self.selected_value.get()]
frame.reset()
frame.tkraise()
class App(tk.Tk):
def __init__(self):
super().__init__()
self.title('Temperature Converter')
self.geometry('480x240')
self.resizable(False, False)
if __name__ == "__main__":
app = App()
ControlFrame(app)
app.mainloop()運行結果如下：
以上是Python Tkinter GUI程式設計怎麼實現Frame切換的詳細內容。更多資訊請關注PHP中文網其他相關文章！
