python GUI 图形界面tkinter 模块的简单总结

港控/mmm° 2023-06-03 13:58 68阅读 0赞

tkinter 是使用 python 进行窗口视窗设计的模块。Tkinter模块是Python的标准Tk GUI工具包的接口。作为 python 特定的GUI界面，是一个图像的窗口，tkinter是python 自带的，可以编辑的GUI界面。

简单总结了一点tkinter的用法：

##### **一.tkinter 16 个核心窗口部件** #####

Button：一个简单的按钮，用来执行一个命令或别的操作。  
Canvas：组织图形。这个部件可以用来绘制图表和图，创建图形编辑器，实现定制窗口部件。  
Checkbutton：代表一个变量，它有两个不同的值。点击这个按钮将会在这两个值间切换。  
Entry：文本输入域。  
Frame：一个容器窗口部件。帧可以有边框和背景，当创建一个应用程序或dialog(对话）版面时，帧被用来组织其它的窗口部件。  
Label：显示一个文本或图象。  
Listbox：显示供选方案的一个列表。listbox能够被配置来得到radiobutton或checklist的行为。  
Menu：菜单条。用来实现下拉和弹出式菜单。  
Menubutton：菜单按钮。用来实现下拉式菜单。  
Message：显示一文本。类似label窗口部件，但是能够自动地调整文本到给定的宽度或比率。  
Radiobutton：代表一个变量，它可以有多个值中的一个。点击它将为这个变量设置值，并且清除与这同一变量相关的其它radiobutton。  
Scale：允许你通过滑块来设置一数字值。  
Scrollbar：为配合使用canvas, entry, listbox, and text窗口部件的标准滚动条。  
Text：格式化文本显示。允许你用不同的样式和属性来显示和编辑文本。同时支持内嵌图象和窗口。  
Toplevel：一个容器窗口部件，作为一个单独的、最上面的窗口显示。  
messageBox：消息框，用于显示你应用程序的消息框。(Python2中为tkMessagebox)

##### **二 . tkinter有三种布局管理方式** #####

**2.1** **pack布局管理**

import tkinter as tk
    root = tk.Tk()
    Button(root,text='A').pack(side=LEFT,expand=YES,fill=Y)
    root.mainloop()

**其中pack 的参数有：**  
side:　停靠在哪个方向（left/top/right/botton）  
fill:　填充方式（x/y/both(水平和竖直方向)/none(不填充)）  
expand: 是否随主窗体的大小变化(True/False)  
anchor:　N:北 上，E:东 右，S:南 下，W:西 左，CENTER:中间  
padx:x方向的外边距  
pady:y方向的外边距  
ipadx:x方向的内边距  
ipady：y方向的内边距

**2.2** **Grid 布局管理**

import tkinter as tk
    root = tk.Tk()
    Button(root,text='A').grid(row=0, column=0, sticky=tk.W)
    root.mainloop()

**其中Grid 的参数有：**  
column = 列数 \[number - use cell identified with given column (starting with 0)\]  
columnspan = 跨列数 \[number - this widget will span several columns\]  
in = master - use master to contain this widget  
in\_ = master - see ‘in’ option description  
ipadx = 单元格左右间距 \[amount - add internal padding in x direction\]  
ipady = 单元格上下间距 \[amount - add internal padding in y direction\]  
padx = 单元格内部元素与单元格的左右间距 \[amount - add padding in x direction\]  
pady = 单元格内部元素与单元格的上下间距 \[amount - add padding in y direction\]  
row = 行数 \[number - use cell identified with given row (starting with 0)\]  
rowspan = 跨行数 \[number - this widget will span several rows\]  
sticky = 空间位置 \[NSWE - if cell is larger on which sides will this\]

**2.3** **Place 布局管理**

import tkinter as tk
    root = tk.Tk()
    Button(root,text='A').Place(x=0, y=0, anchor=NW)
    root.mainloop()

**其中Place 的参数有：**  
x,y　指定组件放置的绝对位置  
relx,rely　指定组件放置的绝对位置,范围为(0-1.0)  
anchor:　N:北 上，E:东 右，S:南 下，W:西 左，CENTER:中间

##### **二 . 使用tkinter Grid 布局方式写个简单的demo** #####

import tkinter as tk
    
    
    class Gui(object):
        def __init__(self):
            self.root = tk.Tk()
            self.root.title('Gui sample')
            # 设置界面居中
            self.set_window_center(width=720, height=410)
            # 显示一个文本或图象
            self.label = tk.Label(self.root, text="Label is here")
            # 单行文本输入域
            self.input = tk.StringVar()
            self.entry = tk.Entry(self.root, textvariable=self.input)
            self.input.set('Entry is here')
            # 多行文本输入域，允许你用不同的样式和属性来显示和编辑文本。同时支持内嵌图象和窗口。
            self.text = tk.Text(self.root)
            self.text.insert(tk.END, 'Test is here')
            # 执行所有窗口部件
            self.label.grid(row=0, column=0, sticky=tk.W)
            self.entry.grid(row=1, column=0, sticky=tk.W)
            self.text.grid(row=3, column=0)
    
        def set_window_center(self, width=300, height=300):
            """ 设置GUI界面居中显示 :param width: expect width (type： int) :param height: expect height (type： int) :return: """
            # 获取电脑屏幕高度和宽度
            ws = self.root.winfo_screenwidth()
            hs = self.root.winfo_screenheight()
            # 计算X & Y轴位置
            x = (ws / 2) - (width / 2)
            y = (hs / 2) - (height / 2)
            # 设置GUI大小和位置
            self.root.geometry('%dx%d+%d+%d' % (width, height, x, y))
    
    
    if __name__ == '__main__':
        gui = Gui()
        gui.root.mainloop()

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTYxODMz_size_16_color_FFFFFF_t_70]  
参考博客：https://blog.csdn.net/polyhedronx/article/details/81634902

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTYxODMz_size_16_color_FFFFFF_t_70]: /images/20230601/100611b81a654200b03ba9d05dfa21db.png