如何用Python做一个交互式界面,手把手教你学会!


这次教大家实现一个简单的注册界面,跟登陆相比,注册界面新增了一个上传头像的功能,以及将注册信息保存到本地txt文件中的功能,最终实现的效果是这样的: 

完整的注册界面

2. 导入必要的库

from tkinter import *
# filedialog函数用于上传文件
from tkinter import filedialog
# 因为头像是图片需要用到pillow库
from PIL import Image

3. 创建窗口

在导入必要的库之后,我们先创建一个宽度为350,高度为220的窗口,窗口的标题就叫“注册”
  • 创建窗口-代码
# 创建窗口
win = Tk()
# 设置窗口标题
win.title('注册')
# 设置窗口宽度和高度
win.geometry('350x220')

# 主循环
win.mainloop()
  • 实现效果
完成以上代码之后,运行程序实现的效果是这样的

注册窗口

4. 创建账号文本框

窗口创建好之后,接下来在窗口上将“账号”这两个字显示在窗口上,然后在“账号”后边创建一个用于输入账号的文本框
  • 创建账号文本框-代码
# 将“账号:”显示在x坐标为50, y坐标为100的位置
Label(text='账号:').place(x=50, y=100)
# 用变量uname表示输入账号的文本框,方便获取里面的内容
uname = Entry(win)
# 将用于输入账号的文本框放置在x坐标为100,y坐标为100的位置
uname.place(x=100, y=100)
  • 实现效果

界面中新增了用于输入账号的文本框

5. 创建密码文本框

接下来使用同样的方法,将“密码:”两个字,以及用于输入密码的文本框设置在窗口上
  • 创建密码文本框-代码
Label(text='密码:').place(x=50, y=140)
# 使用show="*",在文本框输入的内容就全部显示为*
pwd = Entry(win, show='*')
pwd.place(x=100, y=140)
  • 实现效果

界面中新增了用于输入账号的文本框

6. 点击上传头像

接下来在界面中增加一个点击上传头像的功能
  • 上传头像-代码
# 创建一个自定义函数,用于点击上传按钮的时候调用
def upload_pic():
    # 这行代码会打开C:盘根目录,当你选中文件的时候,将文件的路径保存到pic_path变量
    pic_path = filedialog.askopenfilename(initialdir='C:/')
    # 根据获取到的图片路径打开图片
    img = Image.open(pic_path)
    # 将图片固定设置为宽度为80,高度为80方便在界面中展示
    img = img.resize((80, 80))
    # 想修改完宽和高的图片保存
    img.save('head.png')
    # 加载保存的图片
    head = PhotoImage(file='head.png')
    # 将上传按钮中的图片设置为刚才加载的图片
    head_button.config(image=head)
    head_button.image=head

# 加载一个默认图片,用于在上传按钮中显示
default_pic = PhotoImage(file='default_pic.png')
# 创建一个按钮,设置按钮中要显示的图片,以及点击按钮是调用的函数
head_button = Button(image=default_pic, command=upload_pic)
# 将按钮放置在x坐标为150,y坐标为10的位置,并且设置宽度和高度都是80
head_button.place(x=150, y=10, width=80, height=80)
  • 实现效果

界面中新增了上传头像的按钮

选择一张图片上传之后的效果

7.保存注册信息到本地txt文件

接下来就将输入的账号、密码、以及头像信息保存到本地的txt文件当中
  • 保存信息-代码
# 创建register函数,用于在点击注册按钮的时候调用
def register():
    # 从输入账号的文本框中获取账号
    user_name = uname.get()
    # 从输入密码的文本框中获取密码
    password = pwd.get()
    # 保存上传的图片路径
    head_path = 'head.png'
    # 将以上三条信息写入到本地的txt文件
    with open('data.txt', 'a', encoding='utf-8') as f:
        f.write('{},{},{}\n'.format(user_name,password,head_path))

# 创建注册按钮,点击按钮时调用register函数
Button(text='注册', command=register).place(x=100, y=180, width=190)
  • 实现效果

界面中新增了注册界面

头像、账号、密码都准备好之后点击注册按钮,这些信息就会保存到‘“data.txt”文件当中

data.txt文件中保存的账号信息

8完整代码

from tkinter import *
from tkinter import filedialog
from PIL import Image

# 注册窗口
win = Tk()
win.title('注册')
win.geometry('350x220')
win.resizable(0, 0)
# 账号文本框
Label(text='账号:').place(x=50, y=100)
uname = Entry(win)
uname.place(x=100, y=100)
# 密码文本框
Label(text='密码:').place(x=50, y=140)
pwd = Entry(win, show='*')
pwd.place(x=100, y=140)
# 上传头像
def upload_pic():
    pic_path = filedialog.askopenfilename(initialdir='C:/')
    img = Image.open(pic_path)
    img = img.resize((80, 80))
    img.save('head.png')
    head = PhotoImage(file='head.png')
    head_button.config(image=head)
    head_button.image=head
default_pic = PhotoImage(file='default_pic.png')
head_button = Button(image=default_pic, command=upload_pic)
head_button.place(x=150, y=10, width=80, height=80)
# 注册
def register():
    user_name = uname.get()
    password = pwd.get()
    head_path = 'head.png'
    with open('data.txt', 'a', encoding='utf-8') as f:
        f.write('{},{},{}\n'.format(user_name,password,head_path))

Button(text='注册', command=register).place(x=100, y=180, width=190)

win.mainloop()
  • 默认上传头像图片

最后,如果你对Python感兴趣,想要学习Python,希望可以帮到你,一起加油!以上是给大家分享的Python全套学习资料,都是我自己学习时整理的:

一、Python所有方向的学习路线

Python所有方向路线就是把Python常用的技术点做整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。

图片

图片

二、学习软件

工欲善其事必先利其器。学习Python常用的开发软件都在这里了,还有环境配置的教程,给大家节省了很多时间。

图片

三、全套PDF电子书

书籍的好处就在于权威和体系健全,刚开始学习的时候你可以只看视频或者听某个人讲课,但等你学完之后,你觉得你掌握了,这时候建议还是得去看一下书籍,看权威技术书籍也是每个程序员必经之路。

图片

四、入门学习视频全套

我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。

图片

图片

五、实战案例

光学理论是没用的,要学会跟着一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。

图片

图片

**学习资源已打包,需要的小伙伴可以戳这里:【学习资料】 

  • 12
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值