Python 图形用户界面编程

骑猪看日落 2022-06-02 03:51 366阅读 0赞

Python 图形用户界面编程

Python的默认GUI工具集是Tk，我们可以通过Python的Tkinter接口来使用Tk.

我们可以跟之前一样，通过import来引入Tk，可以先在交互窗口看看是否可用：

![SouthEast][]

Tkinter提供各种控件，如按钮，标签和文本框，一个GUI应用程序中使用。这些控件通常被称为控件或者部件。

目前有15种Tkinter的部件。如下表：

<table> 
 <tbody> 
 <tr> 
 <td style="background:#555555"> 控件 </td> 
 <td style="background:#555555"> 描述 </td> 
 </tr> 
 <tr> 
 <td> Button </td> 
 <td> 按钮控件；在程序中显示按钮。 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Canvas </td> 
 <td style="background:#F6F4F0"> 画布控件；显示图形元素如线条或文本 </td> 
 </tr> 
 <tr> 
 <td> Checkbutton </td> 
 <td> 多选框控件；用于在程序中提供多项选择框 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Entry </td> 
 <td style="background:#F6F4F0"> 输入控件；用于显示简单的文本内容 </td> 
 </tr> 
 <tr> 
 <td> Frame </td> 
 <td> 框架控件；在屏幕上显示一个矩形区域，多用来作为容器 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Label </td> 
 <td style="background:#F6F4F0"> 标签控件；可以显示文本和位图 </td> 
 </tr> 
 <tr> 
 <td> Listbox </td> 
 <td> 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Menubutton </td> 
 <td style="background:#F6F4F0"> 菜单按钮控件，由于显示菜单项。 </td> 
 </tr> 
 <tr> 
 <td> Menu </td> 
 <td> 菜单控件；显示菜单栏,下拉菜单和弹出菜单 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Message </td> 
 <td style="background:#F6F4F0"> 消息控件；用来显示多行文本，与label比较类似 </td> 
 </tr> 
 <tr> 
 <td> Radiobutton </td> 
 <td> 单选按钮控件；显示一个单选的按钮状态 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Scale </td> 
 <td style="background:#F6F4F0"> 范围控件；显示一个数值刻度，为输出限定范围的数字区间 </td> 
 </tr> 
 <tr> 
 <td> Scrollbar </td> 
 <td> 滚动条控件，当内容超过可视化区域时使用，如列表框。. </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Text </td> 
 <td style="background:#F6F4F0"> 文本控件；用于显示多行文本 </td> 
 </tr> 
 <tr> 
 <td> Toplevel </td> 
 <td> 容器控件；用来提供一个单独的对话框，和Frame比较类似 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Spinbox </td> 
 <td style="background:#F6F4F0"> 输入控件；与Entry类似，但是可以指定输入范围值 </td> 
 </tr> 
 <tr> 
 <td> PanedWindow </td> 
 <td> PanedWindow是一个窗口布局管理的插件，可以包含一个或者多个子控件。 </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> LabelFrame </td> 
 <td style="background:#F6F4F0"> labelframe 是一个简单的容器控件。常用与复杂的窗口布局。 </td> 
 </tr> 
 <tr> 
 <td> tkMessageBox </td> 
 <td> 用于显示你应用程序的消息框。 </td> 
 </tr> 
 </tbody> 
</table>

**标准属性**

标准属性也就是所有控件的共同属性，如大小，字体和颜色等等。

<table> 
 <tbody> 
 <tr> 
 <td style="background:#F6F4F0"> 属性 </td> 
 <td style="background:#F6F4F0"> 描述 </td> 
 </tr> 
 <tr> 
 <td> Dimension </td> 
 <td> 控件大小； </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Color </td> 
 <td style="background:#F6F4F0"> 控件颜色； </td> 
 </tr> 
 <tr> 
 <td> Font </td> 
 <td> 控件字体； </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Anchor </td> 
 <td style="background:#F6F4F0"> 锚点； </td> 
 </tr> 
 <tr> 
 <td> Relief </td> 
 <td> 控件样式； </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> Bitmap </td> 
 <td style="background:#F6F4F0"> 位图； </td> 
 </tr> 
 <tr> 
 <td> Cursor </td> 
 <td> 光标； </td> 
 </tr> 
 </tbody> 
</table>

--------------------

**几何管理**

Tkinter控件有特定的几何状态管理方法，管理整个控件区域组织，一下是Tkinter公开的几何管理类：包、网格、位置

<table> 
 <tbody> 
 <tr> 
 <td style="background:#F6F4F0"> 几何方法 </td> 
 <td style="background:#F6F4F0"> 描述 </td> 
 </tr> 
 <tr> 
 <td> pack() </td> 
 <td> 包装； </td> 
 </tr> 
 <tr> 
 <td style="background:#F6F4F0"> grid() </td> 
 <td style="background:#F6F4F0"> 网格； </td> 
 </tr> 
 <tr> 
 <td> place() </td> 
 <td> 位置； </td> 
 </tr> 
 </tbody> 
</table>

我们通过一个小例子来简单演示一下：

#!/usr/bin/ env python
    #coding=utf-8
    
    from Tkinter import *
    
    #在进度条被拉伸的时候自动调整内部文字大小
    def resize(ev=None):
        label1.config(font='Helvetica -%d bold' % scale1.get())
    
    top = Tk()
    
    #定义一个标签控件
    label1 =Label (top, text = 'Hello Python!')
    #对标签进行包装
    label1.pack()
    
    #定义一个滚动条
    scale1 = Scale(top, from_=10, to = 40, orient=HORIZONTAL, command=resize)
    #范围控件默认为12
    scale1.set(12)
    #对范围控件进行包装
    scale1.pack(fill=X, expand=1)
    
    #定义一个button
    button1 = Button(top,text='Quit', command=top.quit(), bg='red', fg='white')
    #对button进行包装
    button1.pack(fill=X, expand=1)
    
    
    #进入消息循环
    mainloop()

运行一下，初始效果：

![SouthEast 1][]

拉动滚动条：

![SouthEast 2][]

[SouthEast]: /images/20220602/57f4c86812064427b205d9b7d705821c.png
[SouthEast 1]: /images/20220602/ce0cfc7fee7f4f63b2f0735e0c1169bb.png
[SouthEast 2]: /images/20220602/cc6268f9a7434d6fad465b23834ab230.png