Python Tkinter GUI编程实现Frame切换

更新时间：2022年04月24日 11:39:44 作者：视觉智能

本文主要介绍了Python Tkinter GUI编程实现Frame切换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

Frame切换

在本文中，将介绍如何使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换。

1、Frame的tkraise() 方法介绍

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

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

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

frame.tkraise()

2、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切换的文章就介绍到这了,更多相关Python Tkinter GUI Frame切换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

基于python 的Pygame最小开发框架
这篇文章主要介绍了基于python 的Pygame最小开发框架，文章基于python的相关资料围绕主题展开详细内容需要的小伙伴可以参考一下
2022-04-04
微信跳一跳python代码实现
这篇文章主要为大家详细介绍了微信跳一跳python代码实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-01-01
浅谈python3打包与拆包在函数的应用详解
这篇文章主要介绍了浅谈python3打包与拆包在函数的应用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-05-05
python实现打开手机app并点击操作
这篇文章主要介绍了python实现打开手机app并点击操作，本文分为两部分一部分是打开应用，第二部分是调式手机连接电脑,需要的朋友可以参考下
2022-04-04
浅谈django不使用restframework自定义接口与使用的区别
这篇文章主要介绍了浅谈django不使用restframework自定义接口与使用的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
python多维数组切片方法
下面小编就为大家分享一篇python多维数组切片方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-04-04
Python+Tkinter实现软件自动更新与提醒
这篇文章主要为大家详细介绍了Python如何利用Tkinter编写一个软件自动更新与提醒小程序，文中的示例代码简洁易懂，感兴趣的小伙伴可以动手尝试一下
2023-07-07
Python深度学习pytorch神经网络多层感知机简洁实现
这篇文章主要为大家讲解了Python深层学习中pytorch神经网络多层感知机的简洁实现方式，有需要的朋友可以借鉴参考下，希望能够有所帮助
2021-10-10
Python高级技巧之利用psutil和subprocess实现程序监控与管理
本文介绍了如何使用Python的psutil和subprocess模块监控程序运行状态,并提供了一个案例脚本,用于监控目标程序并在停止时自动重启,详细介绍了subprocess模块的基本用法和psutil模块的系统信息获取、进程管理及资源监控功能,需要的朋友可以参考下
2024-09-09
用Python将库打包发布到pypi
这篇文章主要介绍了用Python将库打包发布到pypi,文中有很详细的代码作参考,对正在学习python的小伙伴们有很好的学习价值,需要的朋友可以参考下
2021-04-04