扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 后端开发 > Python >PythonTkinterGUI编程实现Frame切换
  • 611

0
分享到

PythonTkinterGUI编程实现Frame切换

2024-04-02 19:04:59 611人浏览 安东尼

Python 官方文档：入门教程 => 点击学习

摘要

目录Frame切换1、Frame的tkraise() 方法介绍2、tkraise用法示例Frame切换 在本文中，将介绍如何使用 Frame tkraise() 方法在 Tkinte

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切换内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

您可能感兴趣的文档:

--结束END--

本文标题: PythonTkinterGUI编程实现Frame切换

本文链接: https://lsjlt.com/news/117499.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • PythonTkinterGUI编程实现Frame切换
    目录Frame切换1、Frame的tkraise() 方法介绍2、tkraise用法示例Frame切换 在本文中，将介绍如何使用 Frame tkraise() 方法在 Tkinte...
    99+
    2024-04-02
  • Python Tkinter GUI编程怎么实现Frame切换
    今天小编给大家分享一下Python Tkinter GUI编程怎么实现Frame切换的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，...
    99+
    2023-06-30
  • Android编程之简单逐帧动画Frame的实现方法
    本文实例讲述了Android编程之简单逐帧动画Frame的实现方法。分享给大家供大家参考，具体如下： 1、逐帧动画 即是通过播放预先排序好的图片来实现动态的画面，感觉像是放电影...
    99+
    2022-06-06
    frame 程之 方法 Android
  • Android编程之页面切换测试实例
    本文实例讲述了Android编程之页面切换测试。分享给大家供大家参考。具体分析如下： 一、软件平台: win7 + eclipse + sdk 二、设计思路: 两个页面:mia...
    99+
    2022-06-06
    程之 测试 Android
  • Android编程实现左右滑动切换背景的方法
    本文实例讲述了Android编程实现左右滑动切换背景的方法。分享给大家供大家参考，具体如下： 最近想做一个左右滑动切换背景图片的应用，特地将自己的研究分享一下： 这个需要继承2...
    99+
    2022-06-06
    方法 Android
  • android编程实现局部界面动态切换的方法
    本文实例讲述了android编程实现局部界面动态切换的方法。分享给大家供大家参考，具体如下： 局部界面固定，局部界面可以动态切换。效果如下： 这个效果由3个layout构...
    99+
    2022-06-06
    界面 方法 动态 Android
  • Android编程单击图片实现切换效果的方法
    本文实例讲述了Android编程单击图片实现切换效果的方法。分享给大家供大家参考，具体如下： 新建一个Android项目，命名为FrameLayout 此实例主要操作src文件...
    99+
    2022-06-06
    方法 图片 Android
  • Win7怎样实现快速切换程序 win7切换程序小技巧
    有朋友问我Win7怎样实现快速切换程序，今天小编就为大家带来win7如何实现快速切换程序教程，需要的朋友快去看看吧。 　　在Win7/Win8.1和Win10中，任务栏相同程序按钮合并是默认设置。用鼠标切换这类程序时需要...
    99+
    2023-06-17
    快速切换 Win7 技巧 程序 切换
  • 小程序tab实现页面切换
    本文实例为大家分享了小程序tab实现页面切换的具体代码，供大家参考，具体内容如下 .wxml <view class='title'>       <view c...
    99+
    2024-04-02
  • 小程序实现侧边栏切换
    本文实例为大家分享了小程序实现侧边栏切换的具体代码，供大家参考，具体内容如下 效果图如下： 实现步骤： sort.wxml <!--主盒子--> <view cl...
    99+
    2024-04-02
  • Android编程实现的首页左右滑动切换功能示例
    本文实例讲述了Android编程实现的首页左右滑动切换功能。分享给大家供大家参考，具体如下：很多软件会选择左右滑动的主界面，实现方式也很多，这里的仅供参考，勿喷。不多说什么了，相信大家看看代码就明白，自己也不善言辞，望大家谅解。自定义接口，...
    99+
    2023-05-30
    android 滑动 切换
  • 小程序如何实现侧边栏切换
    这篇文章主要介绍了小程序如何实现侧边栏切换的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇小程序如何实现侧边栏切换文章都会有所收获，下面我们一起来看看吧。效果图如下：实现步骤：sort.wxml<!--主盒...
    99+
    2023-07-02
  • 微信小程序实现tab点击切换
    本文实例为大家分享了微信小程序无滑动效果的tab点击切换的具体代码，供大家参考，具体内容如下 <!--pages/dingdan/dingdan.wxml--> <...
    99+
    2024-04-02
  • 怎么在Android中实现切面编程
    这篇“怎么在Android中实现切面编程”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“怎么在Android中实现切面编程”文...
    99+
    2023-06-30
  • Java面向切面编程怎么实现
    在Java中实现面向切面编程，可以使用以下几种方式：1. 使用代理模式：通过创建代理类，将横切逻辑封装在代理类中，然后在实际业务类中...
    99+
    2023-08-08
    Java
  • Android编程中Tween动画和Frame动画实例分析
    本文实例讲述了Android编程中Tween动画和Frame动画实现方法。分享给大家供大家参考，具体如下： Animation主要有两种动画模式：Tween动画和Frame动画...
    99+
    2022-06-06
    frame Android
  • IDEA Debug过程中使用Drop Frame或Reset Frame实现操作回退的方法
    目录使用Reset Frame回退操作什么情况不能回退什么情况可以回退找不到Reset Frame？找找Drop Frame大家在Debug程序的时候，是否遇到过因为“下...
    99+
    2024-04-02
  • vue.js实现选项卡切换
    因为前端课要交一个大作业，刚好工作室的项目需要一个后台管理界面，就自学了一下vue，今天做了一个选项卡切换，最开始的作为菜鸡是用的js做的，太难了T.T，后面学了bootstrap就...
    99+
    2024-04-02
  • vuejs如何实现class切换
    本篇内容主要讲解“vuejs如何实现class切换”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vuejs如何实现class切换”吧!vuejs实现class切换的方法：1、创建一个html网页...
    99+
    2023-06-25
  • Android如何实现切换imageView
    小编给大家分享一下Android如何实现切换imageView，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！具体如下：最近在做五子棋的界面的时候，需要有一块区域动...
    99+
    2023-05-30
    android imageview
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作