Python Tkinter GUI编程怎么实现Frame切换

时间：2023-05-11 23:50

1、Frame的tkraise() 方法介绍

通常，一个 Tkinter 应用程序由多个Frame组成。而且您经常需要在Frame之间切换以显示与用户选择相关的Frame。

Tkinter 允许将Frame堆叠在一起。要显示特定Frame，只需按堆叠顺序将一个放在另一个之上。顶部Frame将可见。

要将Frame置于顶部，可以使用 Frame 小部件的 tkraise() 方法，如下所示：

frame.tkraise()

2、tkraise用法示例

下面将实现一个温度转换小应用，华氏温度和摄氏温度分别使用两个不同的Frame，UI窗口组成如下：

Python Tkinter GUI编程怎么实现Frame切换

ConverterFrame 将有两个实例，一个将温度从华氏温度转换为摄氏温度，另一个将温度从摄氏温度转换为华氏温度：

Python Tkinter GUI编程怎么实现Frame切换

第一步，定义一个具有两个静态方法的 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 tkfrom tkinter import ttkfrom tkinter.messagebox import showerrorclass 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 resultclass 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切换