0

0

如何在 tk.Frame 中正确嵌入 ttk.Notebook 组件

霞舞

霞舞

发布时间:2026-01-20 23:57:09

|

971人浏览过

|

来源于php中文网

原创

如何在 tk.Frame 中正确嵌入 ttk.Notebook 组件

本文详解如何将 `ttk.notebook` 成功添加到 `tk.frame` 中,涵盖创建、布局、标签页添加及关键注意事项,附可运行代码示例。

在 Tkinter 中,ttk.Notebook 是一个容器型控件,用于实现多标签页界面。它本身不直接“显示内容”,而是作为标签页的管理器——你需要先创建 Notebook 实例,再通过 pack/grid/place 将其布局到父容器(如 tk.Frame)中,最后向其添加子 Frame 作为各个标签页的内容区域。

关键点在于:仅实例化 ttk.Notebook(self.frame0) 并不够;必须显式调用布局方法(如 .grid() 或 .pack()),否则组件不会渲染。

以下是在你原有 MyApp 类中集成 Notebook 的完整修正示例(基于 grid 布局,兼顾灵活性与可扩展性):

宣小二
宣小二

宣小二:媒体发稿平台,自媒体发稿平台,短视频矩阵发布平台,基于AI驱动的企业自助式投放平台。

下载
import tkinter as tk
from tkinter import ttk

class MyApp(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title("hello world")

        # 创建两个主 Frame
        self.frame0 = tk.Frame(self, background="green")
        self.frame1 = tk.Frame(self, background="blue")

        self.frame0.pack(side="top", fill="both", expand=True)
        self.frame1.pack(side="top", fill=tk.X, expand=True)

        # 在 frame0 中创建并布局 Notebook
        self.tabControl = ttk.Notebook(self.frame0)
        self.tabControl.grid(row=0, column=0, sticky="nsew", padx=2, pady=2)

        # 配置 grid 权重,确保 Notebook 可随窗口缩放
        self.frame0.grid_rowconfigure(0, weight=1)
        self.frame0.grid_columnconfigure(0, weight=1)

        # 创建标签页内容 Frame
        self.tab1 = tk.Frame(self.tabControl, background="#f0f0f0")
        self.tab2 = tk.Frame(self.tabControl, background="#e0e0e0")

        # 添加标签页(注意:顺序决定默认选中项)
        self.tabControl.add(self.tab1, text="Tab 0")
        self.tabControl.add(self.tab2, text="Tab 1")

        # 在各标签页中添加示例内容
        tk.Label(self.tab1, text="Content of Tab 0", font=("Arial", 10)).pack(pady=20)
        tk.Label(self.tab2, text="Content of Tab 1", font=("Arial", 10)).pack(pady=20)

        # frame1 中保留原 "OTHER" 标签
        self.frame1_label0 = tk.Label(self.frame1, text="OTHER", font=("Arial", 12))
        self.frame1_label0.grid(row=0, column=0, padx=10, pady=5)

def main():
    app = MyApp()
    app.minsize(480, 320)  # 设置最小尺寸,避免 Notebook 被压缩不可见
    app.mainloop()

if __name__ == "__main__":
    main()

? 重要注意事项:

  • 必须布局:ttk.Notebook 实例创建后,务必调用 .grid() / .pack() / .place(),否则不可见;
  • 权重配置:若使用 grid,需为父 Frame 设置 rowconfigure 和 columnconfigure 的 weight=1,否则 Notebook 不会随窗口拉伸;
  • 子 Frame 必须归属 Notebook:每个 tab 的内容 Frame 应以 self.tabControl 为父容器(而非 self.frame0),否则无法被 Notebook 管理;
  • ⚠️ 避免混用布局管理器:同一父容器内不要同时对子组件使用 pack() 和 grid(),否则会引发 TclError;
  • ? 提示:可通过 self.tabControl.select(tab_index) 或 self.tabControl.select(tab_id) 编程切换当前页。

通过以上方式,你即可在任意 tk.Frame 中灵活嵌入功能完备的多标签界面,为复杂 GUI 构建打下坚实基础。

相关专题

更多
云朵浏览器入口合集
云朵浏览器入口合集

本专题整合了云朵浏览器入口合集,阅读专题下面的文章了解更多详细地址。

0

2026.01.20

Java JVM 原理与性能调优实战
Java JVM 原理与性能调优实战

本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

20

2026.01.20

PS使用蒙版相关教程
PS使用蒙版相关教程

本专题整合了ps使用蒙版相关教程,阅读专题下面的文章了解更多详细内容。

62

2026.01.19

java用途介绍
java用途介绍

本专题整合了java用途功能相关介绍,阅读专题下面的文章了解更多详细内容。

87

2026.01.19

java输出数组相关教程
java输出数组相关教程

本专题整合了java输出数组相关教程,阅读专题下面的文章了解更多详细内容。

39

2026.01.19

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

10

2026.01.19

xml格式相关教程
xml格式相关教程

本专题整合了xml格式相关教程汇总,阅读专题下面的文章了解更多详细内容。

13

2026.01.19

PHP WebSocket 实时通信开发
PHP WebSocket 实时通信开发

本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践,涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例,帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程,适用于即时消息与高互动性应用场景。

19

2026.01.19

微信聊天记录删除恢复导出教程汇总
微信聊天记录删除恢复导出教程汇总

本专题整合了微信聊天记录相关教程大全,阅读专题下面的文章了解更多详细内容。

160

2026.01.18

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Java 教程
Java 教程

共578课时 | 48.4万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.0万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号