图形用户界面 (gui)图形用户界面 (gui) 只不过是一个桌面应用程序，可帮助我们与计算机进行交互
像文本编辑器这样的 gui 应用程序可以创建、读取、更新和删除不同类型的文件
数独、国际象棋和纸牌等应用程序则是游戏版的gui程序
还有 google chrome、firefox 和 microsoft edge 之类的 gui 应用程序是用来浏览 internet 的
这些都是我们日常在电脑上使用的一些不同类型的 gui 应用程序，其实我们通过 tkinter 也是可以构建简单的类似应用程序的
今天我们作为 gui 的入门，将创建一个非常简单且漂亮的 gui 应用程序
用于创建gui的 python 库python 有大量的第三方类库，对于 gui 库，主要有以下几种：
kivy
python qt
wxpython
tkinter
其中，tkinter 是很多学习者和开发者的首选，因为它简单易用而且随 python 安装自带
tkinter 基础下面的图片显示了应用程序是如何在 tkinter 中实际执行
我们首先导入 tkinter 模型，接着，我们创建主窗口，在这个窗口中，我们将要执行操作并显示一切视觉效果，接下来我们添加 widgets，最后我们进入 main event loop
这里有 2 个重要的关键字
widgets
main event loop
事件循环基本上是告诉代码继续显示窗口，直到我们手动关闭它,是在后台无限循环运行的
对于 widgets 我们后面单独学习
下面一个代码例子，来深入理解下
import tkinterwindow = tkinter.tk()# to rename the title of the window window.title("gui")# pack is used to show the object in the windowlabel = tkinter.label(window, text = "hello world!").pack()window.mainloop()
我们导入 tkinter 包并定义一个窗口，接着我们可以修改一个窗口标题，每当打开应用程序时，该标题都会显示在标题选项卡上
最后，我们还定义了一个标签，标签只不过是需要在窗口上显示的输出，在例子中是 hello world
tkinter widgets那么到底什么是 widgets 呢
widgets 类似于 html 中的元素，我们可以在 tkinter 中找到针对不同类型元素的不同类型的 widgets
让我们看看 tkinter 中所有这些 widgets 的简要介绍
canvas - canvas 用于在 gui 中绘制形状
button – button 用于在 tkinter 中放置按钮
checkbutton – checkbutton 用于在应用程序中创建复选按钮
entry - entry 用于在 gui 中创建输入字段
frame – frame 在 tkinter 中用作容器
label - label 用于创建单行 widgets，如文本、图像等
menu - menu 用于在 gui 中创建菜单
下面让我们逐一看一下每个 widgets 的用法
label标签用于创建文本和图像以及所有相关的，而且要注意的是，它只能是单行定义
l1 = label(window, text="萝卜大杂烩!", font=("arialbold", 50))l1.grid(column=0, row=0)
还有一个函数 geometry，它基本上用于更改窗口大小并根据我们的要求进行设置
l1 = label(window, text="萝卜大杂烩!", font=("arialbold", 50))window.geometry('350x200')
在这种情况下，我们将其设置为宽 350 像素和高 200 像素
接下来是 button
button按钮与标签非常相似，我们创建一个变量并使用 widgets 语法来定义按钮要表达的内容
window.geometry('350x200')bt = button(window, text="enter")
我们还可以更改按钮或任何其他 widgets 的前景颜色，使用代码中所示的参数 fg。 同样，也可以使用 bg 属性更改背景颜色
bt = button(window, text="enter", bg="orange", fg="red")bt.grid(column=1, row=0)
我们的前景是定义为红色的文本，背景为橙色
下面来看一下点击按钮的操作
def clicked(): l1.configure(text="按钮被点击了!!")bt = button(window, text="enter", bg="orange", fg="red", command=clicked)
这个我们称之为点击事件，我们需要编写有关单击按钮或触发单击事件时应该发生什么的功能
我们定义了一个名为 clicked 的函数，可以显示一条文本消息，我们在按钮定义中添加一个名为 command 的参数，来调用点击事件
entry它用于在 gui 中创建输入字段以接收文本输入
txt = entry(window, width=10)txt.grid(column=1, row=0)def clicked(): res = "welcome to " + txt.get() l1.configure(text=res)bt = button(window, text="enter", bg="orange", fg="red", command=clicked)
在这里，我们使用 tkinter entry 类创建一个文本框，grid 定义我们希望窗口小部件位于何处
同时 clicked 函数接收 entry 的文本信息
combobox这是一个带有某些选项的下拉菜单
from tkinter.ttk import *combo = combobox(window)combo['values']= (1, 2, 3, 4, 5, "text")combo.current(3)combo.grid(column=0, row=0)
这样一个下拉菜单就完成了
checkbutton复选按钮是非常常用的组件
chk_state = booleanvar()chk_state.set (true)chk = checkbutton(window, text="select", var=chk_state)chk.grid(column=4, row=0)
我们首先创建一个 booleanvar 类型的变量，这是一个 tkinter 变量
默认情况下，我们将设置状态保持为 true，这代表按钮已经被选中 接下来，我们将 chk_state 传递给 checkbutton 类来为我们设置检查状态
radio button单选按钮也是非常常用的
rad1 = radiobutton(window, text=python', value=1)rad2 = radiobutton(window, text=java', value=2)rad3 = radiobutton(window, text=scala', value=3)rad1.grid(column=0, row=0)rad2.grid(column=1, row=0)rad3.grid(column=2, row=0)
在这里，我们使用了不同的参数值，1,2和3，如果它们相同，则会导致冲突并出现错误
它们的文本数据是可以相同，在这里，我们使用了 python、java 和 scala
scrolled text滚动文本组件
scro_txt = scrolledtext.scrolledtext(window, width=40,height=10)scro_txt.grid(column=0, row=4)
我们指定了窗口的高和宽，否则默认会填充整个 windiws 窗口
message box消息组件可以方便的弹出提醒消息
def clicked(): messagebox.showinfo('message title', 'message content')btn = button(window,text=‘enter', command=clicked)
spinboxspinbox 也是一个常见的组件，有两个选项卡，存在向上和向下滚动选项卡
pin = spinbox(window, from_=0, to=100, width=5)
有 3 个参数——from、to 和 width
from – 告诉我们范围的开始和默认值
to – 给我们范围的上限阈值
width 基本上是将 widget 的大小设置为5个字符的空格
geometrytkinter 中的所有 widgets 都会有一些位置信息，这些度量使得我们可以组织 widgets 及其父框架、窗口等
tkinter 具有以下三个布局方式
pack():- 它在块中组织 widgets，这意味着它占据了整个可用宽度，这是在窗口中显示 widgets 的标准方法
grid():- 它以类似表格的结构组织 widgets
place():- 它将 widgets 放置在我们想要的特定位置
组织布局为了在窗口中安排布局，我们将使用 frame 类
frame -- 在窗口中创建分区，我们可以根据需要使用 pack() 方法的侧面参数对齐框架
button -- 在窗口中创建一个按钮，需要传递几个参数，如文本（按钮的值）、fg（文本的颜色）、bg（背景颜色）
在下面的代码中，我们使用 window、top_frame、bottom_frame 来布局
import tkinterwindow = tkinter.tk()window.title("gui")# creating 2 frames top and bottomtop_frame = tkinter.frame(window).pack()bottom_frame = tkinter.frame(window).pack(side = "bottom")# now, create some widgets in the top_frame and bottom_framebtn1 = tkinter.button(top_frame, text = "button1", fg = "red").pack()# 'fg - foreground' is used to color the contentsbtn2 = tkinter.button(top_frame, text = "button2", fg = "green").pack()# 'text' is used to write the text on the buttonbtn3 = tkinter.button(bottom_frame, text = "button2", fg = "purple").pack(side = "left")# 'side' is used to align the widgetsbtn4 = tkinter.button(bottom_frame, text = "button2", fg = "orange").pack(side = "left")window.mainloop()
再来看一个登录的小栗子
import tkinterwindow = tkinter.tk()window.title("gui")# creating 2 text labels and input labelstkinter.label(window, text = "username").grid(row = 0) # this is placed in 0 0# 'entry' is used to display the input-fieldtkinter.entry(window).grid(row = 0, column = 1) # this is placed in 0 1tkinter.label(window, text = "password").grid(row = 1) # this is placed in 1 0tkinter.entry(window).grid(row = 1, column = 1) # this is placed in 1 1# 'checkbutton' is used to create the check buttonstkinter.checkbutton(window, text = "keep me logged in").grid(columnspan = 2) # 'columnspan' tells to take the width of 2 columns# you can also use 'rowspan' in the similar mannerwindow.mainloop()
下面我们来了解 binding 函数
binding 函数每当事件发生时调用函数就是绑定函数
在下面的示例中，当单击按钮时，它会调用一个名为 say_hi 的函数。 函数 say_hi 会创建一个带有文本 hi 的新标签
import tkinterwindow = tkinter.tk()window.title("gui")# creating a function called say_hi()def say_hi(): tkinter.label(window, text = "hi").pack()tkinter.button(window, text = "click me!", command = say_hi).pack() # 'command' is executed when you click the button# in this above case we're calling the function 'say_hi'.window.mainloop()
另一种绑定函数的方法是使用事件，事件类似于鼠标移动、鼠标悬停、单击和滚动等等
import tkinterwindow = tkinter.tk()window.title("gui")# creating a function with an arguments 'event'def say_hi(event): # you can rename 'event' to anything you want tkinter.label(window, text = "hi").pack()btn = tkinter.button(window, text = "click me!")btn.bind("button-1", say_hi) # 'bind' takes 2 parameters 1st is 'event' 2nd is 'function'btn.pack()window.mainloop()
单击事件有 3 种不同的类型，分别是 leftclick、middleclick 和 rightclick
下面的代码将使用对于的文本创建一个新标签
import tkinterwindow = tkinter.tk()window.title("gui")#creating 3 different functions for 3 eventsdef left_click(event): tkinter.label(window, text = "left click!").pack()def middle_click(event): tkinter.label(window, text = "middle click!").pack()def right_click(event): tkinter.label(window, text = "right click!").pack()window.bind("button-1", left_click)window.bind("button-2", middle_click)window.bind("button-3", right_click)window.mainloop()
images 和 icons我们可以使用 photoimage 方法添加图像和图标
import tkinterwindow = tkinter.tk()window.title("gui")# taking image from the directory and storing the source in a variableicon = tkinter.photoimage(file = "4.png")# displaying the picture using a 'label' by passing the 'picture' variriable to 'image' parameterlabel = tkinter.label(window, image = icon)label.pack()window.mainloop()
好了，进步的 tkinter 知识我们都梳理完毕了，下面就完成一个简单的实战项目吧
计算器 app首先初始化页面
window = tk()window.geometry("350x380")window.resizable(0, 0) # this prevents from resizing the windowwindow.title("小小计算器")
接下来定义输入数字框
input_text = stringvar()input_frame = frame(window, width=312, height=50, bd=0, highlightbackground="black", highlightcolor="black", highlightthickness=1)input_frame.pack(side=top)input_field = entry(input_frame, font=('arial', 18, 'bold'), textvariable=input_text, width=50, bg="#eee", bd=0, justify=right)input_field.grid(row=0, column=0)input_field.pack(ipady=10)
然后定义按钮方法，我们以清除按钮和除法按钮为例
clear = button(btns_frame, text="c", fg="black", width=32, height=3, bd=0, bg="#eee", cursor="hand2", command=lambda: btn_clear()).grid(row=0, column=0, columnspan=3, padx=1, pady=1)divide = button(btns_frame, text="/", fg="black", width=10, height=3, bd=0, bg="#eee", cursor="hand2", command=lambda: btn_click("/")).grid(row=0, column=3, padx=1, pady=1)
最后就是计算equal逻辑
equals = button(btns_frame, text="=", fg="black", width=10, height=3, bd=0, bg="#eee", cursor="hand2", command=lambda: btn_equal()).grid(row=4, column=3, padx=1, pady=1)def btn_equal(): global expression result = str(eval(expression)) input_text.set(result) expression = ""
以上就是python gui布局工具tkinter使用方法是什么的详细内容。