手把手教你用python开发界面程序-Tkinter对新手友好

柔情只为你懂 2022-12-30 03:53 137阅读 0赞

在本教程中，我们将通过使用Tkinter包编写一些python GUI示例来学习如何开发图形用户界面。

**Tkinter包是作为标准包随Python一起提供的，所以我们不需要安装任何东西来使用它。**

Tkinter包是一个非常强大的包。如果已经安装了Python，那么可以使用IDLE，它是Python附带的集成IDE，这个IDE是用Tkinter编写的。听起来很酷！！

我假设您对Python基础知识有一点了解，以帮助您理解我们正在做什么。

我们将从创建一个窗口开始，然后学习如何添加小部件，如按钮、组合框等，然后使用它们的属性，让我们开始吧。

### 案例说明 ###

现在，通过一个简易的用户登录窗口的实现，快速上手tkinter。  
可以在登录窗口输入用户名、密码进行登录，用户名、密码符合要求，则显示OK消息，反之则显示Error消息。如下面图片所示：

![format_png][]

image

![format_png 1][]

image

![format_png 2][]

image

# 熟悉常用的基本组件 #

俗话说“磨刀不误砍柴工”，在进行案例代码编写前，先花点时间完成下面6个代码段的练习，熟悉这些基本组件的使用方法。

### 定义并显示主窗口 ###

# 导入tkinter库
    import tkinter
    window = tkinter.Tk()
    # 设置窗口title
    window.title('my window')
    # 设置窗口大小
    window.geometry('200x120')
    # 显示主窗口
    window.mainloop()

运行结果如下：

![format_png 3][]

image

### lable标签 ###

import tkinter
    window = tkinter.Tk()
    window.title('my window')
    window.geometry('200x180')
    
    l = tkinter.Label(window,
        text='This is Label!',    # 标签的文字
        bg='pink',     # 背景颜色
        font=('Arial', 12),     # 字体和字体大小
        width=15, height=2  # 标签长宽
        )
    # 固定窗口位置
    l.pack()
    
    window.mainloop()

运行结果如下：

![format_png 4][]

image

### pack&grid&place 组件布局 ###

import tkinter
    window = tkinter.Tk()
    window.title('my window')
    window.geometry('200x180')
    
    # pack布局
    l1 = tkinter.Label(window,text='This is Label!',bg='pink',width=15, height=2)
    l1.pack(side='bottom')
    
    # grid布局
    # for i in range(4):
    #     for j in range(3):
    #         tkinter.Label(window, text=1).grid(row=i,  # 行
    #                                            column=j,  # 列
    #                                            padx=10,  # 单元格左右间距
    #                                            pady=10  # 单元格上下间距
    #                                            )
    
    ### place布局
    l2 = tkinter.Label(window, text='This is Label2!', justify=tkinter.RIGHT, width=50)
    l2.place(x=40, y=50,   # 设置x，y坐标
             width=100, height=30  # 设置长宽
             )
    
    window.mainloop()

运行结果如下：

![format_png 5][]

image

注释pack布局代码，去除grid布局代码注释，然后运行，运行结果如下：

![format_png 6][]

image

### Button按钮 ###

import tkinter
    window = tkinter.Tk()
    window.title('my window')
    window.geometry('200x120')
    
    # 定义button
    b = tkinter.Button(window,
                       text='退出',  # 按钮的文字
                       bg='pink',  # 背景颜色
                       width=15, height=2,  # 设置长宽
                       command=window.quit  # 响应事件：关闭窗口
                       )
    b.pack()
    
    window.mainloop()

运行结果如下：

![format_png 7][]

image

## 2.5. Entry&Text输入框与文本框 ##

import tkinter
    window = tkinter.Tk()
    window.title('my window')
    window.geometry('200x200')
    
    def plus():
        n1 = e1.get()  # 获取输入框1的值
        n2 = e2.get()  # 获取输入框2的值
        t.delete(1.0, 'end')  # 清除文本框内容
        t.insert('insert', int(n1)+int(n2))  # 将结果添加到文本框显示
    
    l1 = tkinter.Label(window, text='输入数字1')
    l1.pack()
    # 定义输入框1
    e1 = tkinter.Entry(window, width=15)
    e1.pack()
    # 定义输入框2
    l2 = tkinter.Label(window, text='输入数字2')
    l2.pack()
    e2 = tkinter.Entry(window, width=15)
    e2.pack()
    
    b1 = tkinter.Button(window, text="计算两数之和", command=plus)
    b1.pack()
    # 定义文本框
    t = tkinter.Text(window, 
                     state='normal',  # 有disabled、normal 两个状态值，默认为normal
                     width=15, height=2
                     )
    t.pack()
    b2 = tkinter.Button(window, text='退出', command=window.quit)
    b2.pack()
    
    window.mainloop()

运行结果如下：

![format_png 8][]

image

### messagebox消息对话框 ###

import tkinter
    import tkinter.messagebox
    window = tkinter.Tk()
    window.title('my window')
    window.geometry('200x100')
    
    def say_hello():
        tkinter.messagebox.showinfo(title='my message', message='hello!')
    
    # 定义消息对话框
    b = tkinter.Button(window, text="click", command=say_hello)
    b.pack()
    
    window.mainloop()

运行结果如下：

![format_png 9][]

image

![format_png 10][]

image

# 案例代码实现 #

import tkinter
    import tkinter.messagebox
    
    # 用户登录验证
    def login():
        name = entryName.get()
        pwd = entryPwd.get()
        if name == 'admin' and pwd == '123456':
            tkinter.messagebox.showinfo(title='userlogin', message='ok')
        else:
            tkinter.messagebox.showerror(title='userlogin', message='Error')
    # 清空用户输入的用户名和密码
    def cancel():
        varName.set('')
        varPwd.set('')
    
    window = tkinter.Tk()
    window.title('my window')
    window.geometry('200x120')
    varName = tkinter.StringVar(value='')
    varPwd = tkinter.StringVar(value='')
    # 创建标签
    labelName = tkinter.Label(window, text='User Name', justify=tkinter.RIGHT, width=80)
    # 将标签放到窗口上
    labelName.place(x=10, y=5, width=80, height=20)
    # 创建文本框，并设置关联的变量
    entryName = tkinter.Entry(window, width=80, textvariable=varName)
    entryName.place(x=100, y=5, width=80, height=20)
    
    labelPwd = tkinter.Label(window, text='User Pwd:', justify=tkinter.RIGHT, width=80)
    labelPwd.place(x=10, y=30, width=80, height=20)
    # 创建密码文本框
    entryPwd = tkinter.Entry(window, show='*', width=80, textvariable=varPwd)
    entryPwd.place (x=100, y=30, width=80, height=20)
    # 创建按钮组件，同时设置按钮事件处理函数
    buttonOk = tkinter.Button(window, text='Login', command=login)
    buttonOk.place(x=30, y=70, width=50, height=20)
    buttonCancel = tkinter.Button(window, text='Cancel', command=cancel)
    buttonCancel.place(x=90, y=70, width=50, height=20)
    # 启动消息循环
    window .mainloop()

> 文章来源 ：p\_l\_l
> 
> https://www.jianshu.com/p/58b047f3985d

\- EOF -

推荐阅读  点击标题可跳转

[Python100行-贪吃蛇小游戏][Python100_-]

[用python打包exe应用程序-PyInstaller][python_exe_-PyInstaller]

[20行python代码的入门级小游戏][20_python]

[10行python代码做出哪些酷炫的事情？][10_python]

[一行Python代码能做出哪些神器的事情][Python]

都来到这了，拜托拜托点个赞

[format_png]: /images/20221120/6701c9cef43f461586fc00e5a240cb8c.png
[format_png 1]: /images/20221120/4c86212bcab243ffb9d935824be1c388.png
[format_png 2]: /images/20221120/fbb152fdc9e44062ba41668988146c59.png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYlAzMU1hZ3dlMVRIOXd5OG1pY2hacjFyWTZ1RndwT3BaT1RaTjlYT0gyVjdvZG53WjM3TGJGQVEvNjQw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYjBkWlJzU3diWEp1QVJoM1pKZVE0enljeEFtaWFEU3cxemlhYTdMN3NKeHlwNTdhRDlRd1lQVmFBLzY0MA?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYktkS0YxUENPaWE5MXdQNFZmRUNPMDk5MUJtYjdmekIyZ1FlNkdJdmljTFhkRGtob080ckR6dk9nLzY0MA?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYjllQUw4bVRheXZKOUJZT0IzemdxTzRQQm9pYUlLOG44d2pkMEl3Qm9zVVhqSEQ4dTRKMmtBNEEvNjQw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYlhUYmNxOWljOThnWDUydWZhY0tGRmIxMjdkWTFGdjlHTU5yajZXWEtwZFlSaWE3aGVtd2FUb3VnLzY0MA?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYjg0Z2NhTnFMM0dRc0NpYzJIY21wcTZkQmljWU52UDVTWndoRUhYZXNRUVY2N2JpYndxckdSR1VTQS82NDA?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYkE0Q1R3U0pzWHI0eFA3NEl0OGlhMXJONnRvWlJKc3dJczZUcklCZWp1TWI1VnFYMHh4Vk8xaWNnLzY0MA?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6Lzl5MVRlSFl6MUF4SkhERGdqQllQT1pLclJPY2RPOWlhYnUxOTRYRGljNUZpYzRHYkRWaWFJY0gzT1hsYmlhYVI2Vm5uSTdLaWJkc0ZqUU95S0drOE1pYWJldEV6US82NDA?x-oss-process=image/format,png
[Python100_-]: http://mp.weixin.qq.com/s?__biz=MzI3MjM5MjE5OA%3D%3D&chksm=eb3211e3dc4598f5adb3d12004198e4bace29794c1d9f6601fa3e7781302b06e0bed3c7dde87&idx=1&mid=2247489674&scene=21&sn=1e6f1bc98dcc5b70e9e9ec0bf409eb74#wechat_redirect
[python_exe_-PyInstaller]: http://mp.weixin.qq.com/s?__biz=MzI3MjM5MjE5OA%3D%3D&chksm=eb321e46dc459750794fd547abfe81ff5995ed557bec4e1bd5dc919b62bada2ea9c1defe2028&idx=1&mid=2247489327&scene=21&sn=9c1dddf5fd3ccc5714c7f4f89bdf437c#wechat_redirect
[20_python]: http://mp.weixin.qq.com/s?__biz=MzI3MjM5MjE5OA%3D%3D&chksm=eb321dc2dc4594d480ef38f172401fe91f37abf07dbb3d375f1ade4f2d333db37a688b3751ef&idx=1&mid=2247488683&scene=21&sn=57b54964df28a53c02ae99153e860264#wechat_redirect
[10_python]: http://mp.weixin.qq.com/s?__biz=MzI3MjM5MjE5OA%3D%3D&chksm=eb321e68dc45977e0e995d9f0fd29218bd8b5899aba98d57db02629a69966fd7df6aa687748a&idx=1&mid=2247489281&scene=21&sn=89bb6cc0c02de16c80dfcca33387e7f5#wechat_redirect
[Python]: http://mp.weixin.qq.com/s?__biz=MzI3MjM5MjE5OA%3D%3D&chksm=eb32079bdc458e8d554a5b82711971863578679f8f77f220a81c320e5a5ed660afe0d9200f9b&idx=2&mid=2247487218&scene=21&sn=3447161b81640ab2d46c140f04fa2b95#wechat_redirect