python 实战之模仿开发QQ聊天软件（一）登录GUI设计

网上找博客找了很久，大家对于PYTHON GUI的介绍都很简单，举得例子也都很基础。

有个BUG卡了我2天，就是因为举得例子太简单，不能满足我的需要。

这里需要说明一下，网上的例子基本不是面向对象的GUI开发，我用的是面向对象，所以在调试过程中会出现很多问题。

卡我两天，然后自己解决还是蛮激动的。

首先上我的界面构图

阐述一下设计图，root 构成主界面/   \放canvas1 frame1  frame2  放下面杂七杂八的按钮和文本框/       \    \嵌入图片的canvas1    frame3放置canvas2    按钮文本框也都放在frame2中/嵌入头像的canvas2# -*-coding:utf-8-*
from PIL import ImageTk as itk          #这里需要安装PIL使用到ImageTk和Image两个板块，是为了将图片放在canvas画布上
from PIL import Image as Img
from Tkinter import *                   #这里需要安装Tkinter
import sql.sql_connect as s
import Tkinter as tk
class Login_UI(Frame):           # 登录事件def load(self,event):id = self.usr.get()id = int(id)pwd = self.pwd.get()s.log_information.connect(id,pwd)#注册事件def regiser(self,event):id = input("Enter your id")name = input("Enter your name")pwd = input("Enter your password")s.log_information.Create_new_usr(id,name,pwd)#找回密码事件def fg_pwd(self,event):id = self.usr.get()id = int(id)s.log_information.Find_pwd(id)def __init__(self):self.root = Tk()              #主界面rootvar1 = StringVar()            #id框中的文字var2 = StringVar()            #密码框中的文字#======查询历史登录信息并显示在文本框内======result = s.log_information.last_inf(self)var1.set(result[0])var2.set(result[1])#=======================================self.root.geometry('415x320')   #设置主界面大小self.root.title("login_ui")     #设置主界面名称#QQ登录主界面分成两行一列#================背景图==================   组件.grid(row = x,column = y) 将组件放入root中（x,y）位置f = Frame(width=520, height=150, bg='green')     #frame1canvas = tk.Canvas(self.root, width=520, height=150, bg='yellow')  #canvas1self.img = itk.PhotoImage(file = "picture/log.png")   #将图片转换成PIL.Imagetk.PhotoImage格式canvas.create_image(205, 75, image=self.img)          #canvas1载入图片canvas.grid(row=0, column=0, columnspan=2, padx=1, pady=3) #canvas1放置在root的第一行第一列#=======================================#================下灰框==================f = Frame(width=520, height=220, bg='#DCDCDC') #frame2f_head = Frame(width=80, height=80, bg='green') #frame3#=======================================#=================头像===================self.canvas2 = tk.Canvas(self.root, width=80, height=80, bg='red')self.img2 = Img.open("picture/headphoto.png")  self.img2 = itk.PhotoImage(self.img2)self.canvas2.create_image(40, 40, image=self.img2)self.canvas2.place(in_=f_head, anchor=NW)  #canvas2放入frame3中，位置是偏西北f_head.place(relx=0.10, rely=0.56)         #frame3放入root的绝对位置上#=======================================#===============用户账号==================  Entry1直接放入root的绝对位置上，也可以尝试放入frame2中self.usr = Entry(self.root, textvariable=var1, bg='#F5F5F5', highlightcolor='#1E90FF')self.usr.place(relx=0.35, rely=0.56)# =======================================#===============密码框==================== Entry2 直接放入root的绝对位置上self.pwd = Entry(self.root, textvariable=var2, bg='#F5F5F5', highlightcolor='#1E90FF')self.pwd['show'] = 'x'self.pwd.place(relx=0.35, rely=0.65)# =======================================#==============找回密码=================== checkbutton 放入绝对位置rem_pwd = Checkbutton(self.root, foreground='#1E90FF').place(relx=0.35, rely=0.72)rem_pwd_lab = Label(self.root, width=13, text='rem_pwd', compound=LEFT, foreground='#808080', bg='#DCDCDC')rem_pwd_lab.place(relx=0.39, rely=0.72)# =======================================#=============登录按钮==================== button3放入绝对位置login_btn = Button(self.root, text='           login in         ', bg='#1E90FF')login_btn.place(relx=0.37, rely=0.8)login_btn.bind("<Button-1>",self.load)# =======================================#===============注册用户================== button1放入绝对位置fgt_usr_btn = Button(self.root, text='register', bg='#DCDCDC', foreground='#1E90FF')fgt_usr_btn.place(relx=0.7, rely=0.54)fgt_usr_btn.bind("<Button-1>",self.regiser)# =======================================#===============找回密码================= button2放入绝对位置fgt_pwd_btn = Button(self.root, text='forget userpawd', bg='#DCDCDC', foreground='#1E90FF')fgt_pwd_btn.place(relx=0.7,rely=0.64)fgt_pwd_btn.bind("<Button-1>",self.fg_pwd)# =======================================if __name__ == "__main__":ui = Login_UI()ui.root.mainloop()

执行效果图如下：

说明一下：canvas1的图片是截图下来的，canvas2的图片是80*80的，自己ps一下。

之后更新与数据库连接的操作实现注册用户，找回密码，登录检测，自动读取上一次登录的账号和密码的操作。

python实现数据库的操作

python 实战之模仿开发QQ聊天软件（一）登录GUI设计相关推荐

python 实战之模仿开发QQ聊天软件（二）MySQL数据库的连接和使用
上一篇说道QQ登录界面GUI的模仿设计在自己的电脑上安装mysql. ctrl +shift +T,依次输入 sudo su apt-get install MySQL-client-core-5. ...
python 实战之模仿开发QQ聊天软件（三）TCP/IP服务器与客户端建设
无论是p2p还是c/s还是b/s,只要用到通讯,必然是要用到今天写的这个. python+MYSQL 在pycharm中的使用 TCP/IP是网络软件最核心的部分,缺少这个你只能当做单机游戏玩. TC ...
仿QQ聊天软件（登录界面、好友界面、聊天界面）-Java（Swing、Socket）
文章目录一.项目结构二.项目功能三.制作界面 (一).登录界面的制作 (二).好友列表界面 (三).聊天界面四.制作服务器五.设计通信协议六.项目缺点学习了socket通信后,就想来制作 ...
转载：仿QQ聊天软件2.0版
仿QQ聊天软件2.0版这是大神的地址:牟尼的专栏 http://blog.csdn.net/u012027907 详细的过程本人没看,但是看见他的实现效果,相当诱人! 上次课设做了Java版 ...
仿QQ聊天软件（JavaFX+云端数据库）
仿QQ聊天软件(JavaFX+云端数据库) 这个项目是这学期(大二上学期学完Java后的期末项目),寒假闲着无聊就整理下发上来供大家学习以及参考啦(因为国内关于JavaFX的各种资料感觉都太浅了,本来 ...
linux qq多进程客户端,基于多进程QQ聊天软件设计.doc
基于多进程QQ聊天软件设计基于多进程的QQ聊天程序设计功能需求描述用户名登陆聊天,人与人之间交流是必不可少的.私聊,与特定的用户聊天群聊,向所有的用户发送消息,大家一起聊欢乐多 server端输入 ...
仿微信界面开发的聊天软件和聊天客户端功能介绍
系统模式:独立系统版本,独立服务器部署,服务器配置:建议 4 核 8G:10M 带宽既可以下是聊天系统客户端的功能介绍,服务端的功能我会再写一篇文章接着仿微信聊天开发的聊天软件以及聊天客户端功能介 ...
java仿qq思路_java仿QQ聊天软件OIM艰辛之路(开源项目)
既然QQ能仿ICQ, 咱java也来个仿QQ. 在我刚学完java后,就想做点什么项目锻炼下自己的技能.凑巧的是,我一个同样学java的朋友在做一个仿qq的项目,不过他做的实在太丑了. 然后他想让我也 ...
用Delphi开发视频聊天软件
一.引言我们知道视频聊天软件的关键技术在于采集视频,并实时传输给聊天软件在线的人.对于视频的采集,这里采用微软公司的关于数字视频的一个软件包VFW(Video for Windows).相信很多人对 ...

python 实战之模仿开发QQ聊天软件（一）登录GUI设计

python实现数据库的操作

python 实战之模仿开发QQ聊天软件（一）登录GUI设计相关推荐

最新文章

热门文章