Python | GUI | Tkinter - 2. 组件使用

最新推荐文章于 2024-09-22 17:12:26 发布
最新推荐文章于 2024-09-22 17:12:26 发布
阅读量538 收藏 1
点赞数
分类专栏： Python GUI 文章标签： python 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/missmango0820/article/details/127657006
版权
Python 同时被 2 个专栏收录
44 篇文章 15 订阅
订阅专栏
GUI
5 篇文章 1 订阅
订阅专栏

本文给出 Tkinter 组件使用的示例。

Update: 2022 / 11 / 2

Python | GUI | Tkinter - 2. 组件使用

属性

大部分控件共享属性，如下表格：

属性特例含义单位常见值
background (bg)当控件显示时，给出的正常颜色colorgray25、#ff4400
borderwidth (bd)设置一个非负值, 该值显示画控件外围 3D 边界的宽度; (特别的由 relief 选项决定这项决定)。控件内部的 3D 效果也可以使用该值pixel3
cursor指定控件使用的鼠标光标,该值可以是 Tkinter 接受的任何格式cursorgumby
fontCanva、Frame、Scrollbar、Toplevel指定控件内部文本的字体fontHelvetica、(Verdana, 8)
foreground (fg)Canvas、Frame、Scrollbar、Toplevel指定控件的前景色colorblack、#ff2244
highlightbackgroundMenu指出经过没有输入焦点的控件加亮区域颜色color gray30
highlightcolorMenu指出经过没有输入焦点的控件周围长方区域加亮颜色colorroyalblue
highlightthicknessMenu设置一个非负值,该值指出一个有输入焦点的控件周围加亮方形区域的宽度,该值可以是 Tk_GetCursor 接受的任何格式。如果为 0, 则不画加亮区域pixel2.1m
relief指出控件3D效果.可选值为 RAISED, SUNKEN, FLAT, RIDGE, SOLID, GROOVE，该值指出控件内部相对于外部的外观样式，比如 RAISED 意味着控件内部相对于外部突出constantRAISED、GROOVE
takefocus决定窗口在键盘遍历时是否接收焦点(比如 Tab, shift-Tab )。在设定焦点到一个窗口之前,遍历脚本检查 takefocus 选项的值, 值 0 意味着键盘遍历时完全跳过, 值 1 意味着只要有输入焦点 (它及所有父代都映射过) 就接收。空值由脚本自己决定是否接收, 当前的算法是如果窗口被禁止, 或者没有键盘捆绑或窗口不可见时, 跳过boolean1 YES
widthMenu指定一个整数, 设置控件宽度, 控件字体的平局字符数。如果值小于等于 0, 控件选择一个能够容纳目前字符的宽度integer32
activebackgroundButton, Checkbutton, Menu, Menubutton, Radiobutton, Scale, Scrollbar指定画活动元素的背景颜色.元素(控件或控件的一部分)在鼠标放在其上并按动鼠标按钮引起某些行为的发生时,是活动的。如果严格的 Modf 一致性请求通过设置 tk_strictModf 变量完成,该选项将被忽略,正常背景色将被使用.对 Windows 和 Macintosh 系统,活动颜色将只有在鼠标按钮 1 被按过元素时使用colorred、#fa07a3
activeforegroundButton, Menu, Checkbutton, Menubutton, Radiobutton指定画活动元素时的前景颜色。参见上面关于活动元素的定义colorcadeblue
anchorButton, Checkbutton, Label, Message, Menubutton, Radiobutton指出控件信息(比如文本或者位图)如何在控件中显示.必须为下面值之一 N, NE, E, SE, S, SW, W, NW 或者 CENTER。比如 NW ( NorthWest ) 指显示信息时使左上角在控件的左上端constant
bitmapButton, Checkbutton, Label, Menubutton, Radiobutton指定一个位图在控件中显示,以 Tkinter (Tk_GetBitmap) 接受的任何形式.位图显示的精确方式受其他选项如锚或对齐的影响.典型的,如果该选项被指定,它覆盖指定显示控件中文本的其他选; bitmap 选项可以重设为空串以使文本能够被显示在控件上.在同时支持位图和图像的控件中,图像通常覆盖位图bitmap
commandButton, Checkbutton, Radiobutton, Scale, Scrollbar指定一个与控件关联的命令.该命令通常在鼠标离开控件之时被调用,对于单选按钮和多选按钮,tkinter变量(通过变量选项设置)将在命令调用时更新commandfunction 类型
disabledforegroundButton, Checkbutton, Radiobutton, Menu, Menubutton指定绘画元素时的前景色.如果选项为空串(单色显示器通常这样设置),禁止的元素用通常的前景色画,但是采用点刻法填充模糊化colorgray50
heightButton, Canvas, Frame, Label, Listbox, Checkbutton, Radiobutton, Menubutton, Text, Toplevel指定窗口的高度, 采用字体选项中给定字体的字符高度为单位,至少为 1integer1 4
imageButton, Checkbutton, Label, Menubutton, Radiobutton指定所在控件中显示的图像,必须是用图像 create 方法产生的.如果图像选项设定,它覆盖已经设置的位图或文本显示; 更新恢复位图或文本的显示需要设置图像选项为空串image
justifyButton, Checkbutton, Entry, Label, Menubutton, Message, Radiobutton当控件中显示多行文本的时候,该选项设置不同行之间是如何排列的,其值为如下之一: LEFT, CENTER 或 RIGHT。

LEFT 指每行向左对齐, CENTER 指每行居中对齐, RIGHT 指向右对齐		constantRIGHT
padxButton, Checkbutton, Label, Menubutton, Message, Radiobutton, Text指定一个非负值设置控件X方向需要的边距.该值为 Tkinter(Tk_GetPixels) 接受的格式.当计算需要多大的窗口时,控件会把此值加到正常大小之上(由控件中显示内容决定); 如果几何管理器能够满足此请求,控件将在左端或右端得到一个给定的多余空边. 大部分控件只用此项于文本, 如果它们显示位图或图像,通常忽略空边选项pixels2m 10
padyButton, Checkbutton, Label, Menubutton, Message, Radiobutton, Text指定一个非负值设置控件 Y 方向需要的边距。该值为 Tkinter(Tk_GetPixels) 接受的格式。当计算需要多大的窗口时, 控件会把此值加到正常大小之上(由控件中显示内容决定); 如果几何管理器能够满足此请求, 控件将在上端或下端得到一个给定的多余空边。大部分控件只用此项于文本, 如果它们显示位图或图像, 通常忽略空边选项pixels12 3m
selectbackgroundCanvas, Listbox, Entry, Text指定显示选中项时的背景颜色colorblue
selectborderwidthCanvas, Entry, Listbox, Text指定一个非负值,给出选中项的三维边界宽度,值可以是任何 Tkinter(Tk_GetPixels) 接受的格式pixel3
selectforegroundCanvas, Entry, Listbox, Text指定显示选中项的前景颜色coloryellow
stateButton, Checkbutton, Entry, Menubutton, Scale, Radiobutton, Text指定控件下列两三个状态之一 (典型是复选按钮) NORMAL 和 DISABLED 或NORMAL, ACTIVE 和 DISABLED。

在 NORMAL 状态,控件有前景色和背景显示;

在 ACTIVE 状态, 控件按 activeforeground 和 activebackground 选项显示;

在 DISABLED 状态下, 控件不敏感, 缺省捆绑将拒绝激活控件, 并忽略鼠标行为, 此时,由 disabled foreground 和 background 选项决定如何显示		constantACTIVE
textButton, Checkbutton, Label, Menubutton, Message, Radiobutton指定控件中显示的文本,文本显示格式由特定控件和其他诸如锚和对齐选项决定stringDisplay
textvariableButton, Checkbutton, Label, Menubutton, Message, Radiobutton指定一个变量名字.变量值被转变为字符串在控件上显示.如果变量值改变,控件将自动更新以反映新值,字符串显示格式由特定控件和其他诸如锚和对齐选项决定variablewidgetConstant
underlineButton, Checkbutton, Label, Menubutton, Radiobutton指定控件中加入下划线字符的整数索引.此选项完成菜单按钮与菜单输入的键盘遍历缺省捆绑. 0 对应控件中显示的第一个字符, 1 对应第二个, 以此类推integer2
wraplengthButton, Checkbutton, Label, Menubutton, Radiobutton对于能够支持字符换行的控件,该选项指定行的最大字符数,超过最大字符数的行将转到下行显示,这样一行不会超过最大字符数.该值可以是窗口距离的任何标准格式.如果该值小于或等于 0, 不换行, 换行只有在文本中的换行符的地方才出现pixel41,65
xscrollcommandCanvas, Entry, Listbox, Text指定一个用来与水平滚动框进行信息交流的命令前缀,当控件窗口视图改变(或者别的任何滚动条显示的改变,如控件的总尺寸改变等等),控件将通过把滚动命令和两个数连接起来产生一个命令.两个数分别为 0 到 1 之间的分数,代表文档中的一个位置, 0 表示文档的开头, 1.0 表示文档的结尾处, 0.333 表示整个文档的三分之一处, 如此等等。第一个分数代表窗口中第一个可见文档信息, 第二个分数代表紧跟上一个可见部分之后的信息。然后命令把它们传到 Tcl 解释器执行。典型的 xscrollcommand 选项由滚动条标识跟着 set 组成, 如 set.x.scrollbar, set 将引起滚动条在窗口中视图变化时被更新。如果此项没有指定,不执行命令function
yscrollcommandCanvas, Entry, Listbox, Text指定一个用来与垂直滚动框进行信息交流的命令前缀, 当控件窗口视图改变(或者别的任何滚动条显示的改变,如控件的总尺寸改变等等), 控件将通过把滚动命令和两个数连接起来产生一个命令.两个数分别为 0 到 1 之间的分数, 代表文档中的一个位置, 0 表示文档的开头, 1.0 表示文档的结尾处, 0.333 表示整个文档的三分之一处, 如此等等。第一个分数代表窗口中第一个可见文档信息, 第二个分数代表紧跟上一个可见部分之后的信息。然后命令把它们传到 Tcl 解释器执行。典型的 yscrollcommand 选项由滚动条标识跟着 set 组成, 如set.y.scrollbar, set 将引起滚动条在窗口中视图变化时被更新。如果此项没有指定, 不执行命令function

值

为了响应特定小控件的值的变化，Tkinter 提供了自己的变量类，它们可以用来跟踪这些小控件的值。

变量类型含义
tk.Stringvar()字符串型
tk.BooleanVar()布尔型
tk.IntVar()整型
tk.DoubleVar()浮点型

将变量类与控件关联，如下所示：

tk.Entry(root, textvariable=tk.Stringvar())

tk.Checkbutton(root, text="选我", variable=tk.BooleanVar())

tk.Radiobutton(root, text="点我", variable=tk.IntVar()) 

tk.Scale(root, label="音量", variable=tk.DoubleVar())

设定及获取

变量类的操作，使用 set 和 get 方法。

  • 向 Entry 输入框中设置文本来设定控件的关联值, 比如 tk.Stringvar().set("")
  • 使用 tk.Stringvar().get() 来获取 Entry 输入框中用户输入的内容。

界面

Label

背景色
示例
def interface(self):
    """"界面编写位置"""
    label = Label(self.root, text='I like tkinter',
                  fg="lightblue", bg="lightyellow")
    label.pack()

运行效果如下，

在这里插入图片描述


按钮 (Button) 绑定事件

def interface(self):
    """"界面编写位置"""
    self.Button0 = tk.Button(self.root, text="运行", command=self.event)
    self.Button0.grid(row=0, column=0)

    self.Button1 = tk.Button(self.root, text="退出", command=self.root.destroy, bg="Gray")  # bg=颜色
    self.Button1.grid(row=0, column=1, sticky="e", ipadx=10)

def event(self):
    """按钮事件"""
    print("运行成功")
    return '按钮事件结束啦！'

Entry

获取内容
  • entry.get()
    使用 get 方法获取文本框中的内容 1 。
示例
def interface(self):
    """"界面编写位置"""
    self.entry00 = tk.StringVar()
    self.entry00.set("默认信息")
    self.entry0 = tk.Entry(self.root, textvariable=self.entry00)
    self.entry0.grid(row=0, column=0)

    self.Button0 = tk.Button(self.root, text="运行", command=self.event)
    self.Button0.grid(row=1, column=0)
    
def event(self):
    """按钮事件,获取文本信息"""
    global entry
    entry = self.entry00.get()

在这里插入图片描述
对于输入框内容的获取、清除的实例，可参考此处 2。


插入内容

参考这里 3

  • entry.insert(index, chars)
    在设计 GUI 程序时，常常需要在建立 Entry 的文本框内默认建立输入文字，在 Widget 控件中可以使用 insert(index, s) 方法插入字符串。
    其中 s 是所插入的字符串，字符串会插在 index 位置 2：如果第1个参数是 0, 表示从最开始的位置插入；如果是 INSERT，表示从光标所在位置插入；如果是 END，表示在末尾插入。
  • entry(root, textvariable=tk.StringVar(value=defaultvalue))
    定义一个 tk.StringVar 变量，设置其 value 为一个 defaultvalue。在创建 Entry 控件时，使用 textvariable 参数指向默认值。

清除内容
  • delete(first, last=None)
    在 tkinter 模块的应用中可以使用 delete(first, last=None) 方法删除 Entry 内的从第 first 字符到 last-1 字符间的字符串，如果要删除整个字符串可以使用 delete(0, END)。

如果删除倒数第一个，我们可以用 len() 方法判断长度，然后长度减一就行。
如果只有一个参数的话，那这个参数将是 first，如不是 last，len_entry - 1 相当于是从到底第一个开始删除，一直到末尾。

例子：单击删除按钮清空文本框内容 2。


数学运算

Python 有一个非常好用的计算数学表达式的函数 eval。
该函数可以直接传回此数学表达式的计算结果，它的语法格式：

"""expression为字符串"""
result = eval(expression)

实例可参考这里 2。


Text

获取内容
  • Text.get(start, end)
    比如 text.get(“0.0”, “end”)，第1个参数 0.0 是指从第 0 行第 0 列开始读取（ 1.3 表示从第 1 行第 3 列开始读取），第2个参数 End 表示最后一个字符 1’ 4’ 5。

示例
获取外部输入内容
def interface(self):
    """"界面编写位置"""
    self.w1 = tk.Text(self.root, width=20, height=3)
    self.w1.grid(row=0, column=0)

    self.Button0 = tk.Button(self.root, text="获取", command=self.event)
    self.Button0.grid(row=1, column=0)

def event(self):
    get = self.w1.get("0.0", "end")
    print(f'get: {get}.')

获取内部输出内容
def interface(self):
    """"界面编写位置"""
    self.text = Text(self.root, width=40, height=10)
    self.text.grid(column=2, padx=30, pady=20, sticky=W + E + S + N)

    scr1 = Scrollbar(self.root, width=10)
    scr1.grid(row=0, column=3, padx=10, pady=20, sticky=N + S)

    self.text.config(yscrollcommand=scr1.set)
    scr1.config(command=self.text.yview)

    for i in range(1001, 1050):
        self.text.insert(END, str(i) + f' {datetime.datetime.now()}\n')

    self.entry = tk.Entry(self.root, width=40)
    self.entry.grid(row=5, column=2, padx=30)

    self.text.bind("<ButtonRelease-1>", self.fill)
    # 绑定鼠标左键释放事件,抬起鼠标按键,立即输出鼠标选中的内容

def fill(self, event):
    self.entry.delete(0, "end")
    try:
        self.entry.insert(INSERT, self.text.get(SEL_FIRST, SEL_LAST))
    except TclError:
        pass

运行效果如下所示：
在这里插入图片描述


清除内容
  • Text.delete(start, end)
示例
def interface(self):
    """"界面编写位置"""
    self.w1 = tk.Text(self.root, width=20, height=3)
    self.w1.grid(row=0, column=0)
    self.w1.insert("insert", "默认信息")

    self.Button0 = tk.Button(self.root, text="清除", command=self.event)
    self.Button0.grid(row=1, column=0)

def event(self):
    """清空输入框"""
    self.w1.delete(0.0, "end")

标签

参考这里 4


示例
外设标签
def interface(self):
    """"界面编写位置"""
    te1 = Text(self.root, width=30, height=20)
    te1.grid(columnspan=2)
    te1.insert(END, '准备\n\n')
    te1.insert(END, '开始\n\n')

    # 创建标签
    te1.tag_add('tag1', '1.5', '1.12')
    te1.tag_config('tag1', background='lightyellow', foreground='red', font='黑体 12')
    te1.tag_add('tag2', '3.3', '3.end')
    te1.tag_config('tag2', foreground='blue', font=('宋体', 10, 'underline'))
    te1.tag_config('tag3', foreground='red', underline=True)  # 红字下划线
    te1.tag_config('tag4', foreground='blue', overstrike=True)  # 蓝字删除线

    but1 = Button(self.root, text="插入内容1", command=lambda: te1.insert(END, '标签1\n', 'tag1'))
    but1.grid(row=1, column=0)
    but2 = Button(self.root, text="插入内容2", command=lambda: te1.insert(END, '标签2\n', 'tag2'))
    but2.grid(row=1, column=1)
    but3 = Button(self.root, text="插入内容3", command=lambda: te1.insert(END, '标签3\n', 'tag3'))
    but3.grid(row=1, column=2)
    but4 = Button(self.root, text="插入内容4", command=lambda: te1.insert(END, '标签4\n', 'tag4'))
    but4.grid(row=1, column=3)
    # 插入的文本用tag3和tag4混合设置，相同的设置，后面的设置覆盖以前的设置
    but5 = Button(self.root, text="混合1", command=lambda: te1.insert(END, '混合1\n', ('tag3','tag4')))
    but5.grid(row=2, column=0)
    but6 = Button(self.root, text="混合2", command=lambda: te1.insert(END, '混合2\n', ('tag4', 'tag3')))
    but6.grid(row=2, column=1)
    but7 = Button(self.root, text="混合3", command=lambda: te1.insert(END, '混合3\n', ('tag1', 'tag2')))
    but7.grid(row=2, column=2)
    but8 = Button(self.root, text="混合4", command=lambda: te1.insert(END, '混合4\n', ('tag2', 'tag1')))
    but8.grid(row=2, column=3)

运行效果如下：

在这里插入图片描述
插入文本，用 tag3 和 tag4 混合设置，由于 tag_config(tag4,…) 是后于 tag3 设置的，后面如果跟前面有相同的设置，那后面的设置就会覆盖以前的设置，所以，混合1 和 混合2 的输出结果在字体颜色是采取 tag4 的设置，但下划线设置由于 tag4 没有相关的设置，所以还是采用 tag3 的红色下划线设置。

注意：标签设置的前先顺序是由 tag_config 来决定的，不是由 insert() 的第 3 个参数的先后顺序来决定。


内置标签
def interface(self):
    """"界面编写位置"""
    self.te1 = Text(self.root, width=40, height=10)
    self.te1.insert(END, 'Life is short. \nDo whatever you would like to do。')
    self.te1.grid(row=2, column=1, padx=10)

    self.te1.tag_config(SEL, background='red', foreground='white', font='黑体 15')

    self.te2 = Text(self.root, width=40, height=2)
    self.te2.grid(row=4, column=1, padx=10)

    self.te1.bind("<ButtonRelease-1>", self.getSELidx)

def getSELidx(self, event):
    self.te2.delete(0.0, 'end')
    self.te2.insert(INSERT, self.te1.index(SEL_FIRST) + ' - ' + self.te1.index(SEL_LAST))

运行效果如下：

在这里插入图片描述
运行后，鼠标选中一段文本，会看到选中字体大小及颜色的效果，也同时输入系统内置的书签SEL_FIRST 和 SEL_LAST 的位置。


标签事件
def interface(self):
    """"界面编写位置"""
    import webbrowser

    te1 = Text(self.root, width=35, height=3)
    te1.pack(fill=BOTH, expand=True)
    te1.insert(END, '一起围观 她的主页 吧。')

    te1.tag_add('wz', '1.5', '1.10')  # ('tag1','x1','x2')
    te1.tag_config('wz', foreground='orange')  # 鼠标选中标签位置字体背景颜色变蓝色
    te1.tag_bind("wz", "<Enter>", lambda event: te1.config(cursor='hand2'))  # 鼠标移入,鼠标样式变手式
    te1.tag_bind("wz", "<Leave>", lambda event: te1.config(cursor='xterm'))  # 鼠标离开,鼠标样式变 I
    te1.tag_bind("wz", "<Button-1>", lambda event: webbrowser.open('https://blog.csdn.net/MissMango0820', new=1))  # 鼠标点击打开网址

运行效果如下：

在这里插入图片描述

Combobox

默认选项
  • current(newindex)
    设置默认选项。

示例
def interface(self):
    """"界面编写位置"""
    cb = tk.ttk.Combobox(master=self.root,
                         height=10,
                         width=20,
                         state='normal',
                         cursor='arrow',
                         font=('', 15),
                         value=('python', 'java', 'C', 'C++')
                         )
    cb.current(3)
    cb.pack(padx=5, pady=10)

在这里插入图片描述

获取内容
  • combobox.get()
    获取组合框当前的值。

示例
def interface(self):
    """"界面编写位置"""
    self.cb = tk.ttk.Combobox(master=self.root,
                         height=10,
                         width=20,
                         state='normal',
                         cursor='arrow',
                         font=('', 15),
                         value=('python', 'java', 'C', 'C++')
                         )
    self.cb.current(3)
    self.cb.pack(padx=5, pady=10)

    self.varLabel = tk.StringVar()
    label = tk.Label(self.root, textvariable=self.varLabel, width=20, height=1, bg='lightblue', fg='red')
    label.pack()

    button = tk.Button(self.root, text='print', command=self.show)
    button.pack()

def show(self):
    self.varLabel.set(self.cb.get())

在这里插入图片描述


清除内容
  • combobox.set(‘’)
    通过将其值设置为空字符串来清除组合框的选定值 6。

示例
    def interface(self):
        """"界面编写位置"""
        self.cb = tk.ttk.Combobox(master=self.root,
                                  height=10,
                                  width=20,
                                  state='normal',
                                  cursor='arrow',
                                  font=('', 15),
                                  value=('python', 'java', 'C', 'C++')
                                  )
        self.cb.current(3)
        self.cb.pack(padx=5, pady=10)

        self.varLabel = tk.StringVar()
        label = tk.Label(self.root, textvariable=self.varLabel, width=20, height=1, bg='lightblue', fg='red')
        label.pack()

        button = tk.Button(self.root, text='print', command=self.show)
        button.pack()

        buttonclear = tk.Button(self.root, text='clear', command=self.clear)
        buttonclear.pack()

    def show(self):
        self.varLabel.set(self.cb.get())

    def clear(self):
        self.cb.set('')

在这里插入图片描述

在这里插入图片描述


绑定事件

当 Combobox 中的选项有变动时，会产生虚拟事件 <<ComboboxSelected>>，可以使用 combobox.bind('<<ComboboxSelected>>', event) 将此事件绑定处理方法 event 7。


语法
  • widget.bind(event, handler, add=None) 8

tkinter 提供了一种强大的机制使你处理 event。对于每个控件，你可以把 python 函数绑定到 event 上。
如果 event 符合 widget 的 event 描述，给定的 handler 会被调用。
所以你在 bind 中定义的 handler 函数被作为 event 对象调用。这个对象包括这个 widge 从哪种 event 生成，event 的种类及更多。
关于这个对象你当然不用做任何事，但是你的函数必须以下面的形式出现 9’ 10：

def save(self, event):

示例
单一事件
def interface(self):
    """"界面编写位置"""
    self.cb = tk.ttk.Combobox(master=self.root,
                              height=10,
                              width=20,
                              state='normal',
                              cursor='arrow',
                              font=('', 15),
                              value=('akp','C','C++','Java',
                                     'Python','Perl','PHP',
                                     'ASP','JS','HTML','Ruby',
                                     'Machine Learning'),
                              postcommand=self.print
                              )
    self.cb.current(3)
    self.cb.pack(padx=5, pady=10)
    self.cb.bind('<<ComboboxSelected>>', self.show)

    self.varLabel = tk.StringVar()
    label = tk.Label(self.root, textvariable=self.varLabel, width=20, height=1, bg='lightblue', fg='red')
    label.pack()

def print(self):
    self.varLabel.set(self.cb.get())

def show(self, event):
    self.varLabel.set(str(self.cb.current()) + self.cb.get())

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


多个事件

参考这里 8’ 11

  1. 不同 handler
def interface(self):
    """"界面编写位置"""
    self.t = tk.StringVar()
    self.values = ('akp','C','C++','Java',
                   'Python','Perl','PHP',
                   'ASP','JS','HTML','Ruby',
                   'Machine Learning')
    self.cb = tk.ttk.Combobox(master=self.root,
                              height=10,
                              width=20,
                              state='readonly',
                              cursor='arrow',
                              font=('', 15),
                              textvariable=self.t,
                              values=self.values,
                              )
    self.cb.current(3)
    self.cb.pack(padx=5, pady=10)
    self.cb.bind('<<ComboboxSelected>>', self.print)
    self.cb.bind('<<ComboboxSelected>>', self.show, add='+')

    self.varLabel = tk.StringVar()
    label = tk.Label(self.root, textvariable=self.varLabel, width=20, height=1, bg='lightblue', fg='red')
    label.pack()

    self.varLabeladd = tk.StringVar()
    labeladd = tk.Label(self.root, textvariable=self.varLabeladd, width=20, height=1, bg='lightgreen', fg='blue')
    labeladd.pack()

def show(self, event):
    self.varLabel.set(self.cb.get())

def print(self, event):
    self.varLabeladd.set(self.cb.get())

在这里插入图片描述

  1. 同 handler
def interface(self):
    """"界面编写位置"""
    self.values = ['mustang', 'focus', 'tesla']
    self.cb = tk.ttk.Combobox(master=self.root,
                              height=10,
                              width=20,
                              state='normal',
                              cursor='plus',
                              font=('', 15),
                              values=self.values
                              )
    self.cb.pack(padx=5, pady=10)
    self.cb.bind('<<ComboboxSelected>>', self.handler)

    self.label = tk.Label(self.root, width=20, height=1, bg='lightblue', fg='red')
    self.label.pack()

def handler(self, event):
    current = self.cb.current()
    value = self.values[current]
    func_map = {
        "mustang": self.method_mustang,
        "focus": self.method_focus,
        "tesla": self.method_tesla
    }
    func = func_map.get(value)
    # type, <class 'function'>
    func()
    # type, <class 'NoneType'>

def method_mustang(self):
    self.label.configure(text="mustang selected")

def method_focus(self):
    self.label.configure(text="focus selected")

def method_tesla(self):
    self.label.configure(text="tesla selected")

在这里插入图片描述


模糊匹配

需要在 postcommand 属性下定义下拉列表弹出前的回调函数，用于动态改变下拉列表内容 12。

可能也可以利用 bind 事件来改变下拉列表内容 13。

combobox 的 state设置为 readonly 时，点击 combobox 输入框处会自动弹出下拉列表。
但设置为 readonly 时，combobox 无法输入，所以可以绑定鼠标左键单击事件，左键单击恢复 combobox 的 state 属性为 normal ，这样有可以恢复输入了。
匹配触发动作可以根据自己的需求改，比如按方向键下或鼠标左键双击，触发匹配动作 14。


示例
def interface(self):
    """"界面编写位置"""
    self.t = tk.StringVar()
    self.values = ('akp','C','C++','Java',
                   'Python','Perl','PHP',
                   'ASP','JS','HTML','Ruby',
                   'Machine Learning')
    self.cb = tk.ttk.Combobox(master=self.root,
                              height=10,
                              width=20,
                              state='normal',
                              cursor='arrow',
                              font=('', 15),
                              textvariable=self.t,
                              values=self.values,
                              postcommand=self.auto_match
                              )
    self.cb.current(3)
    self.cb.pack(padx=5, pady=10)
    self.cb.bind('<<ComboboxSelected>>', self.show)

    self.varLabel = tk.StringVar()
    label = tk.Label(self.root, textvariable=self.varLabel, width=20, height=1, bg='lightblue', fg='red')
    label.pack()

def show(self, event):
    self.varLabel.set(self.cb.get())

def auto_match(self):
    self.cb['values'] = [i for i in self.values if self.cb.get() in i]

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


多级联动
示例

参考这里 15’ 16

def interface(self):
    """"界面编写位置"""
    self.t = tk.StringVar()
    self.category = {'home': ['utilities', 'rent', 'cable'],
                     'car': ['gas', 'oil', 'repairs'],
                     'rv': ['parks', 'maintenance', 'payment']}
    self.cb1 = tk.ttk.Combobox(master=self.root,
                               height=10,
                               width=18,
                               state='readonly',
                               cursor='arrow',
                               font=('', 15),
                               textvariable=self.t,
                               values=list(self.category.keys()))
    self.cb1.current(1)
    self.cb1.pack(padx=5, pady=10)
    self.cb1.bind('<<ComboboxSelected>>', self.update)

    self.cb2 = tk.ttk.Combobox(master=self.root,
                               height=10,
                               width=20,
                               state='readonly')
    self.cb2.pack(padx=5, pady=10)

def update(self, event):
    self.cb2['values'] = self.category[self.cb1.get()]

在这里插入图片描述
在这里插入图片描述

Checkbutton

获取状态
  • variable.get()
    使用 get 方法获取复选框的状态。
def interface(self):
    """"界面编写位置"""
    self.varChkBtn = tk.IntVar()
    self.chkbtn = tk.Checkbutton(self.root, text="点我啊", variable=self.varChkBtn, command=self.show).pack()

    self.varLabel = tk.StringVar()
    label = tk.Label(self.root, textvariable=self.varLabel, width=20, height=1, bg='lightblue', fg='red')
    label.pack()

def show(self):
    self.varLabel.set(str(self.varChkBtn.get()))

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


清除控件

def interface(self):
    """"界面编写位置"""
    self.Label0 = tk.Label(self.root, text="文本显示")
    self.Label0.grid(row=0, column=0)

    self.Entry0 = tk.Entry(self.root)
    self.Entry0.grid(row=1, column=0)

    self.w1 = tk.Text(self.root, width=20, height=2)
    self.w1.grid(row=2, column=0)

    self.Button0 = tk.Button(self.root, text="确定", command=self.event)
    self.Button0.grid(row=3, column=0)

def event(self):
    '''按钮事件，清除Label、Entry、Text组件'''
    a = [self.Label0, self.Entry0, self.w1]
    for i in a:
        i.grid_forget()

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


清除复选框勾选状态

def interface(self):
    """"界面编写位置"""
    self.v1 = tk.IntVar()
    self.Checkbutton01 = tk.Checkbutton(self.root, text="复选框", command=self.Check_box, variable=self.v1)
    self.Checkbutton01.grid(row=0, column=0)

    self.w1 = tk.Text(self.root, width=20, height=2)
    self.w1.grid(row=1, column=0)

    self.Button0 = tk.Button(self.root, text="清除", command=self.event)
    self.Button0.grid(row=2, column=0)

def event(self):
    '''按钮事件，清除复选框勾选状态'''
    self.Checkbutton01.deselect()

def Check_box(self):
    '''复选框事件'''
    if self.v1.get() == 1:
        self.w1.insert(1.0, "勾选" + '\n')
    else:
        self.w1.insert(1.0, "未勾选" + '\n')

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


文本框 (Text) 内容获取

def interface(self):
    """"界面编写位置"""
    self.w1 = tk.Text(self.root, width=20, height=2)
    self.w1.grid(row=0, column=0)

    self.Button0 = tk.Button(self.root, text="确定", command=self.event)
    self.Button0.grid(row=1, column=0)

def event(self):
    '''按钮事件，获取文本框内容'''
    a = self.w1.get('0.0', 'end')
    print(a)

在这里插入图片描述
对于如何制作1个 Tkinter 输入框并关闭它，可参考此处 [^Tkinter输入框内容获取及关闭]。


下拉选择框绑定事件

def interface(self):
    """"界面编写位置"""
    self.value = tk.StringVar()
    self.value.set('2')  # 默认值
    values = ['1', '2', '3', '4']
    self.combobox = ttk.Combobox(
        master=self.root,                                 # 父容器
        height=10,                                        # 高度,下拉显示的条目数量
        width=20,                                         # 宽度
        state='',                                         # 设置状态 normal(可选可输入)、readonly(只可选)、 disabled(禁止输入选择)
        cursor='arrow',                                   # 鼠标移动时样式 arrow, circle, cross, plus...
        font=('', 15),                                    # 字体
        textvariable=self.value,                          # 通过StringVar设置可改变的值
        values=values,                                    # 设置下拉框的选项
    )
    
    self.combobox.bind("<<ComboboxSelected>>", self.pick) # 绑定事件,下拉列表框被选中时，绑定pick()函数
    self.combobox.grid(padx=20)
    
def pick(self, *args):                                    # 处理事件，*args表示可变参数
    print('选中的数据:{} \n value的值:{}'.format(self.combobox.get(), self.value.get()))

在这里插入图片描述
对于下拉框绑定事件的实例，可参考此处 [^下拉选择框内容获取及关闭]’ [^下拉选择框内容获取]’ [^下拉选择框内容获取1]。

多级下拉选择框绑定

对于多级下拉框绑定事件的实例（比如说下订单时选定特定省份后选择相应的城市），可参考此处 [^多级下拉选择框1]。


画布

参考这里 17


move

静态
示例
from tkinter import *
root = Tk()

cv = Canvas(root, bg='white')
# 创建一个Canvas对象，设置其背景色为白色;

rt1 = cv.create_rectangle(
    100, 100, 50, 50,
    tags=('r1', 'r2', 'r3'),
    outline='blue',
    width=5)
    
cv.create_rectangle(
    100, 100, 50, 50,
    tags=('r1', 'r2', 'r3'),
    outline='red',
    width=5)
# 创建两个同样的rectangle，比较移动前后的不同

cv.move(rt1, 30, -20)
# move可以指定x, y在相对偏移量，可以为负值，移动rt1

cv.pack()

root.mainloop()

在这里插入图片描述

动态
示例
import tkinter as tk
from tkinter import Canvas
import time

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height)
canvas.pack()

rt = canvas.create_rectangle(
    50, 50, 20, 20,
    tags=('r1', 'r2', 'r3'))

for x in range(0, 100):
    canvas.move(rt, 5, 0)
    root.update()
    time.sleep(0.05)

root.mainloop()

delete

方法

使用以下2种方法来删除 item。

  • canvas.delete(id)
  • canvas.delete(tag)

示例
import tkinter as tk
from tkinter import Canvas
import time

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height, bg='white')
canvas.pack()

# 创建两个rectangle
rt1 = canvas.create_rectangle(
    100, 100, 50, 50,
    tags=('r1', 'r2', 'r3'),
    outline='grey',
    width=5)
r2 = canvas.create_rectangle(
    110, 110, 50, 50,
    tags=('s1', 's2', 's3'),
    outline='orange',
    width=5)

canvas.delete(rt1)
# 使用id删除rt1

canvas.delete('s1')
# 使用tag删除r2

root.mainloop()

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

scale

示例
import tkinter as tk
from tkinter import Canvas
import time

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height, bg='white')
canvas.pack()

rt1 = canvas.create_rectangle(
    50, 50, 20, 20,
    tags=('r1', 'r2', 'r3'),
    outline='green',
    width=5)

canvas.scale(rt1, 0, 0, 1, 2)
# 将y坐标放大为原来的2位，x坐标值不变

root.mainloop()

在这里插入图片描述
在这里插入图片描述


tag_bind

示例
import tkinter as tk
from tkinter import Canvas
import time

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height, bg='white')
canvas.pack()

rt1 = canvas.create_rectangle(
    10, 10, 110, 110,
    tags=('r1', 'r2', 'r3'),
    outline='purple',
    width=5)

def printRect(event):
    print('rectangle')

canvas.tag_bind('r1', '<Button-1>', printRect)
# 绑定item与事件, 只有点击到矩形的边框时才会触发事件。

root.mainloop()

在这里插入图片描述

import tkinter as tk
from tkinter import Canvas
import time

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height, bg='white')
canvas.pack()

rt1 = canvas.create_rectangle(
    10, 10, 110, 110,
    tags=('r1', 'r2', 'r3'),
    outline='purple',
    width=5)

def printRect(event):
    print('rectangle')

def printLine(event):
    print('line')

canvas.tag_bind(tagOrId='r1', sequence='<Button-1>', func=printRect)
# 绑定item与左键事件
canvas.tag_bind(tagOrId='r1', sequence='<Button-2>', func=printLine)
# 绑定item与右键事件
#
# 只有点击到矩形的边框时才会触发事件,不使用add参数，默认就是向这个item添加一个处理函数，它不会替换原来的事件函数

root.mainloop()

在这里插入图片描述


create_arc

示例
import tkinter as tk
from tkinter import Canvas, PIESLICE, CHORD, ARC

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height, bg='white')
canvas.pack()

canvas.create_arc((10, 10, 110, 110), )
# 使用默认参数创建一个ARC，结果为90度的扇形

d = {1: PIESLICE, 2: CHORD, 3: ARC}
for i in d:
    canvas.create_arc((10, 10 + 60 * i, 110, 110 + 60 * i), style=d[i])
    print(i, d[i])

root.mainloop()

在这里插入图片描述

import tkinter as tk
from tkinter import Canvas, PIESLICE, CHORD, ARC

root = tk.Tk()
width, height = 300, 200
root.geometry(f'{width}x{height}+500+300')
canvas = Canvas(root, width=width,height=height, bg='white')
canvas.pack()

canvas.create_arc((10, 10, 110, 110), )
# 使用默认参数创建一个ARC，结果为90度的扇形

d = {1: PIESLICE, 2: CHORD, 3: ARC}
for i in d:
    canvas.create_arc((10, 10 + 60 * i, 110, 110 + 60 * i),
                      style=d[i],
# 指定样式
                      start=30,
# 指定起始角度
                      extent=30)
# 指定角度偏移量
    print(i, d[i])

root.mainloop()

在这里插入图片描述

参考链接

%todo:

  1. Tkinter 学习笔记：如何用get（）方法获取 Text（） 和 Entry（）文本框的内容 ↩︎ ↩︎

  2. Python之tkinter 文本框Entry的基本应用 ↩︎ ↩︎ ↩︎ ↩︎

  3. 给Entry控件设置默认值 ↩︎

  4. 强大的tkinter的多行文本框组件Text ↩︎ ↩︎

  5. python：TKinter获取Text文本框的输入内容（python图形化界面） ↩︎

  6. python - 如何清除 ttk.Combobox 的文本字段部分？ - Cache One ↩︎

  7. Python之tkinter 组合框 Combobox ↩︎

  8. Tkinter Event Binding ↩︎ ↩︎

  9. tkinter TypeError: function takes 1 positional argument but 2 were given() ↩︎

  10. Use one function for the “ComboboxSelected”, to read multiple combobox ↩︎

  11. How to make a combobox that binds different methods in python ↩︎

  12. Python GUI开发之Tkinter基础篇14：Combobox组件 ↩︎

  13. How to make a ttk.Combobox callback ↩︎

  14. Combobox实现自动匹配输入 ↩︎

  15. How do you populate a Combobox based on the selection of another Combobox? ↩︎

  16. 利用python ttk combobox控件制作省、市二级联动菜单 ↩︎

  17. Tkinter教程之Canvas(2)篇 ↩︎

MissMango0820
关注
专栏目录
Python库 | plib3.gui-0.10.2.tar.gz
03-09
在Python中，有许多用于GUI开发的库，如Tkinter（Python的标准GUI库）、PyQt、wxPython等。`plib3.gui`可能是这些库的一个扩展或替代，提供了特定的接口和设计模式，使得开发者能更方便地构建交互式应用。 在实际...
Python库 | assemblyline_ui-4.2.0.24-py3-none-any.whl
03-15
在Python中开发用户界面，开发者通常会选择使用各种库，如Tkinter（Python的标准GUI库）、wxPython、PyQt、Kivy等。`assemblyline_ui` 库可能是这些库中的一个，或者是提供特定服务的独立框架。它的特点是专注于提供...
Python | GUI | Tkinter - 1. 基本控件
MissMango0820的博客
06-30 1826
本文对总结Tkinter以及基本控件的使用。
Python | GUI | Tkinter - 3. 多窗体
MissMango0820的博客
11-02 3047
本文总结如何创建Tkinter多窗体。
Python | GUI | Tkinter - 4. 多线程以及文件间调用
MissMango0820的博客
11-02 2947
本文总结如何暂停或继续Tkinter多线程以及多文件间的调用。
【python】python GUI编程--tkinter模块初探
景天科技苑
06-07 2万+
我们之前实现的都是基于控制台的程序，程序和用户的交互通过控制台来完成。 本章，我们将学习 GUI（Graphics User Interface），即图形用户界面编程，我们 可以通过 python 提供的丰富的组件，快速的实现使用图形界面和用户交互。 GUI 编程类似于“搭积木”，将一个个组件(Widget)放到窗口中。
Python Tkinter Gui 常用组件介绍 基本使用
EXIxiaozhou的博客
10-17 6953
Python Tkinter Gui 常用组件介绍 基本使用
python tkinter输入框_python tkinter-按钮.标签.文本框、输入框
weixin_39761481的博客
11-21 563
原博文2019-03-23 09:05 −按钮无功能按钮Button的text属性显示按钮上的文本tkinter.Button(form, text='hello button').pack()无论怎么变幻窗体大小，永远都在窗体的最上行的居中位置点击触发事件Button 的 comm...011442相关推荐2019-12-20 14:26 −一、tkinter是python的标准gui库，tki...
python窗体应用学习----tkinter.Frame组件
coder的博客
10-30 3526
文章主要介绍Python-用户接口i编程中所涉及到的Frame组件容器的使用,通过实例展示具体用法，frame的作用在于窗口需要进行复杂的组件管理的时候用得上，如果某个面板真的很复杂，那么你可能就需要tkinter.Frame来帮助你管理组件了;Frame的好处在于你能模块化管理一个面板中的组件,组件包括很多，有输入框，按钮，多选框，标签，菜单等等 目录 环境声明： 写在前面： Pytho...
Python-GUI界面设计（tkinter）
害怕也得前进
01-17 4万+
GUI界面设计（tkinter）
python GUI开发: tkinter菜单创建，记事本和画图软件综合项目的实战演练
景天科技苑
06-19 2万+
GUI 程序通常都有菜单，方便用户的交互。我们一般将菜单分为两种： 1. 主菜单。 2.上下文菜单。
python之Tkinter使用详解
热门推荐
檬柠wan
06-06 12万+
kinter是Python标准库中的一个GUI（Graphical User Interface，图形用户界面）工具包，其目的是为Python开发者提供快捷创建GUI应用程序的方式。
Python库 | hat_gui-0.4.1.dev20210401-cp39-none-any.whl
02-17
在实际使用中，开发者可能会结合Python的其他库，如Tkinter（Python的标准GUI库）、PyQt或wxPython，来增强Hat_GUI的功能。此外，这个库可能还支持事件处理、数据绑定、异步操作等特性，以提高GUI应用的交互性和性能...
Python库 | plib3.ui-0.12.1.tar.gz
03-07
`plib3.ui`可能是为了简化Python开发者创建GUI（图形用户界面）的应用程序而设计的，它可能提供了一些便捷的API和组件，使得开发者能够快速搭建美观且功能丰富的界面。 Python库的组织结构一般包括如下部分： 1. *...
简单题101. 对称二叉树 （python）20240922
最新发布
Sep21m_wyy的博客
09-22 214
【代码】简单题101. 对称二叉树 （python）20240922。
Pandas的入门操作-Series对象
weixin_58305115的博客
09-18 734
data参数data是Series构造函数中最主要的参数，它用来指定要存储在Series中的数据。data可以是多种数据类型，例如：Python 列表（list）或元组（tuple），如pd.Series([1, 2, 3])或pd.Series((4, 5, 6))。NumPy 数组，例如pd.Series(np.array([7, 8, 9]))。标量值（单个数值、字符串等），如pd.Series(5, index=[0, 1, 2])，这将创建一个包含相同标量值的Series。
Leetcode 2183. 统计可以被 K 整除的下标对数目
m0_51437455的博客
09-17 155
第二步，理论：两个数字的乘积能被k整除 两个数字各自与k的最大公约数的乘积能被k整除。循环两层遍历最大公约数，获取两两组合的频数乘积的和。在这里，对于合法的(i,j)对，会被枚举两次，(i,j)和(j,i)两对相同；同时对于不合法的(i,i)对，会被枚举一次。第四步，result除以2，消除(i,j)和(j,i)重复对的影响，并返回结果。nums[i] * nums[j] 能被 k 整除。第三步，去掉多枚举的不合法的(i,i)对。哈希表 + 辗转相除法求最大公约数。
Python——俄罗斯方块
2302_81225694的博客
09-14 2470
这段代码使用了Pygame库来实现游戏的图形界面，通过键盘控制方块的移动和旋转。游戏循环不断更新方块的位置和网格状态，并绘制在屏幕上。在方块达到底部或无法继续移动时，判断是否有满行，并清除满行的方块。游戏会根据方块的状态和移动情况不断更新，直到无法继续下落为止，游戏结束。俄罗斯方块游戏是一款经典的益智游戏，通常使用编程语言Python来实现。请注意，这只是一个简单的示例，可能还有一些功能和优化方面的改进。您可以根据自己的需求进行修改和扩展。
python3-tkinter.el8.rpm
05-15
Tkinter是一个Python GUI（图形用户界面）包，允许用户创建和操作窗口、标签、按钮、菜单等各种组件，使界面用户友好。它是Python自带的一个标准库，我们无需进行额外的安装就可以使用它。python3-tkinter.el8.rpm是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值