Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换


Posted in Python onApril 24, 2022

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窗口组成如下:

Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换

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

Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的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 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 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换

 到此这篇关于Python Tkinter GUI编程实现Frame切换的文章就介绍到这了!


Tags in this post...

Python 相关文章推荐
python通过post提交数据的方法
May 06 Python
Django中对通过测试的用户进行限制访问的方法
Jul 23 Python
python构建自定义回调函数详解
Jun 20 Python
Python标准库inspect的具体使用方法
Dec 06 Python
pygame实现雷电游戏雏形开发
Nov 20 Python
nohup后台启动Python脚本,log不刷新的解决方法
Jan 14 Python
Linux下通过python获取本机ip方法示例
Sep 06 Python
Python序列类型的打包和解包实例
Dec 21 Python
python三引号如何输入
Jul 06 Python
基于Python实现体育彩票选号器功能代码实例
Sep 16 Python
Python存储读取HDF5文件代码解析
Nov 25 Python
Python 发送SMTP邮件的简单教程
Jun 24 Python
在 Python 中利用 Pool 进行多线程
Apr 24 #Python
Python何绘制带有背景色块的折线图
python中Pyqt5使用Qlabel标签播放视频
Apr 22 #Python
Python使用MapReduce进行简单的销售统计
python使用pycharm安装pyqt5以及相关配置
Python使用DFA算法过滤内容敏感词
python游戏开发之pygame实现接球小游戏
Apr 22 #Python
You might like
php 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
php检测useragent版本示例
2014/03/24 PHP
php控制文件下载速度的方法
2015/03/24 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
js window对象属性和方法相关资料整理
2015/11/11 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
详解vue使用插槽分发内容slot的用法
2019/03/28 Javascript
vue 获取元素额外生成的data-v-xxx操作
2020/09/09 Javascript
python实现的重启关机程序实例
2014/08/21 Python
python中self原理实例分析
2015/04/30 Python
Saltstack快速入门简单汇总
2016/03/01 Python
Python中的变量和作用域详解
2016/07/13 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
django实现用户注册实例讲解
2019/10/30 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
Python 开发工具PyCharm安装教程图文详解(新手必看)
2020/02/28 Python
Django xadmin安装及使用详解
2020/10/26 Python
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
2016会计专业自荐信范文
2016/01/28 职场文书
销售会议开幕词
2016/03/04 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript
SpringDataJPA在Entity中常用的注解介绍
2021/12/06 Java/Android