《tkinter实用教程六》tkinter ttk

代码执行结果如下图：

点击按钮后，如下图：

被绑定的变量，并非普通变量，必须是通过 StringVar()、IntVar() 创建的特殊对象。

Button 中的内容也是可以绑定变量的！！

ttk.Lable 如何展示图片

ttk.Label 还可以展示图片，如果你需要在界面上放置一张图片，这是最常用的做法。

示例代码如下：

from tkinter import *

from tkinter import ttk

root = Tk()

main = ttk.Frame(root)

image = PhotoImage(file=“bg.png”)

label = ttk.Label(main,image=image)

label.grid()

main.grid(column=0,row=0)

root.mainloop()

执行结果如下图：

ttk.Label同时展示文字和图片

如果你同时为 Label 对象设置了 text 参数和 image 参数，那么文字和图像会同时展示。

此时我们可以使用 compound 参数设定文字和图片的相对位置。

示例代码如下：

from tkinter import *

from tkinter import ttk

root = Tk()

main = ttk.Frame(root)

image = PhotoImage(file=“bg.png”)

label = ttk.Label(main,text=“文本”,image=image,compound=CENTER)# 文本在图片中间

label.grid()

labe2 = ttk.Label(main,text=“文本”,image=image,compound=RIGHT)# 文本在图片中间

labe2.grid()

labe3 = ttk.Label(main,text=“文本”,image=image,compound=LEFT)# 文本在图片中间

labe3.grid()

labe4 = ttk.Label(main,text=“文本”,image=image,compound=TOP)# 文本在图片中间

labe4.grid()

labe5 = ttk.Label(main,text=“文本”,image=image,compound=BOTTOM)# 文本在图片中间

labe5.grid()

main.grid(column=0,row=0)

root.mainloop()

执行结果如下：

多行文本展示

ttk.Label 可以通过两种方式展示多行文本：

1. 在文本中添加 \n，主动换行

2. 使用 wraplength 指定最宽字符长度，自动换行

示例代码如下：

from tkinter import *

from tkinter import ttk

root = Tk()

main = ttk.Frame(root)

image = PhotoImage(file=“bg.png”)

label = ttk.Label(main,text=“文本文本文本文本文本文本文本\n文本”)# 手动换行

label.grid()

labe2 = ttk.Label(main,text=“文本文本文本文本文本文本文本文本文本”,wraplength=102)# 自动换行

labe2.grid()

main.grid(column=0,row=0)

root.mainloop()

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。