快捷導(dǎo)航

Python Tkinter GUI編程實現(xiàn)Frame切換

更新時間：2022年04月24日 11:39:44 作者：視覺智能

本文主要介紹了Python Tkinter GUI編程實現(xiàn)Frame切換，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

Frame切換

在本文中，將介紹如何使用 Frame tkraise() 方法在 Tkinter 應(yīng)用程序中的Frame之間切換。

1、Frame的tkraise() 方法介紹

通常，一個 Tkinter 應(yīng)用程序由多個Frame組成。而且您經(jīng)常需要在Frame之間切換以顯示與用戶選擇相關(guān)的Frame。

Tkinter 允許將Frame堆疊在一起。要顯示特定Frame，只需按堆疊順序?qū)⒁粋€放在另一個之上。頂部Frame將可見。

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

frame.tkraise()

2、tkraise用法示例

下面將實現(xiàn)一個溫度轉(zhuǎn)換小應(yīng)用，華氏溫度和攝氏溫度分別使用兩個不同的Frame，UI窗口組成如下：

在這里插入圖片描述

ConverterFrame 將有兩個實例，一個將溫度從華氏溫度轉(zhuǎn)換為攝氏溫度，另一個將溫度從攝氏溫度轉(zhuǎn)換為華氏溫度：

在這里插入圖片描述

第一步，定義一個具有兩個靜態(tài)方法的 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

如果忽略第二個參數(shù)或?qū)?True 傳遞給它們，那么 fahrenheit_to_celsius 和 celsius_to_fahrenheit 方法將返回一個格式化字符串。否則，他們會將結(jié)果作為數(shù)字返回。

第二步，定義將顯示用于將溫度從華氏溫度轉(zhuǎn)換為攝氏溫度的 UI 的 ConverterFrame，反之亦然。

為此，需要通過將以下參數(shù)添加到 __init__() 方法來使 ConverterFrame 更加靈活：

將顯示為華氏溫度和攝氏度的字符串
用于轉(zhuǎn)換溫度的回調(diào)函數(shù)。

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 參數(shù)顯示溫度標(biāo)簽。
2）在 convert() 方法中調(diào)用 self.convert 回調(diào)將溫度從一個單位轉(zhuǎn)換為另一個單位。
3）定義 reset() 方法以在Frame從一個切換到另一個時清除條目小部件和結(jié)果標(biāo)簽。

第三，定義一個 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。
創(chuàng)建 ConverterFrame 類的兩個實例，一個負(fù)責(zé)將溫度從華氏溫度轉(zhuǎn)換為攝氏溫度，另一個負(fù)責(zé)將溫度從攝氏溫度轉(zhuǎn)換為華氏溫度。另外，定義一個字典來存儲這些Frame。 Frame的鍵與單選按鈕的值相同。
單擊單選按鈕時，會調(diào)用 change_frame() 方法根據(jù)所選按鈕的值從字典中選擇相應(yīng)的Frame。
調(diào)用Frame的 reset() 方法來重置輸入字段和結(jié)果標(biāo)簽。并且還調(diào)用 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()

運行結(jié)果如下：

在這里插入圖片描述