python+tkinter+动画图片+爬虫(查询天气)的GUI图形界面设计
1.完整代码:
import time import urllib.request #发送网络请求,获取数据 import gzip #压缩和解压缩模块 import json #解析获得的数据 from tkinter import * root1 = Tk() #用tkinter建立根窗口 root1.title('天气查询xgj@V1.0')#窗口标题 root1.geometry('1300x800+500+0') #注意x=是小写的字母x,不是乘号 root1.configure(bg='black') #构建一个函数,bg=背景颜色设置 Label(root1,text = '请输入要查询天气的城市:',font=10,bg='black',fg='purple').grid(row=0,column=0)#设置标签并调整位置 enter = Entry(root1,font=10,fg='purple')#输入框设置,字体大小 enter.grid(row = 0,column=1,padx = 20, pady = 20)#调整位置 enter.insert(0,'北京')#设置默认文本,初始为北京 def get_weather_data() :#爬虫部分:获取网站数据 city_name = enter.get()#获取输入框的内容 url1 = 'http://wthrcdn.etouch.cn/weather_mini?city='+urllib.parse.quote(city_name) weather_data = urllib.request.urlopen(url1).read() #读取网页数据 weather_data = gzip.decompress(weather_data).decode('utf-8') #解码并解压网页数据 weather_dict = json.loads(weather_data) #将json数据转换为dict数据 #增加判断 if weather_dict.get('desc') == 'invilad-citykey': #输入错误提示弹出框 print(messagebox.askokcancel("提示","你输入的城市名有误,或者天气中心未收录你所在城市")) else: show_data(weather_dict,city_name) #如果正确,那就进入展示数据窗口和内容 #定义展示数据窗口和内容设置 def show_data(weather_dict,city_name):#显示数据窗口的设置 forecast = weather_dict.get('data').get('forecast')#获取数据块 root2=Tk()#弹出天气查询结果的窗口,第2个窗口 root2.geometry('1500x500+500+0')#修改窗口大小 root2.configure(bg='black') root2.title(city_name + '的未来5天的天气状况')#副窗口标题 #设置日期列表 for i in range(5):#将每一天的数据放入列表中 ,列表中5个数据 LANGS = [(forecast[i].get('date'),'日期'), (forecast[i].get('fengxiang'),'风向'), (forecast[i].get('high'),'最高温'), (forecast[i].get('low'),'最低温'), (forecast[i].get('type'),'天气')] group = LabelFrame(root2,text = '天气状况',font=6,bg='black',fg='purple',padx = 0,pady = 0)#框架 group.pack(padx=11,pady=0,side = LEFT)#放置框架 for lang, value in LANGS:#将数据放入框架中 c = Label(group,text = value + ': ' + lang,fg='green',font=8,bg='black') c.pack(anchor = W) #第2个窗口root2的标签和按钮设置 Label(root2,font=10,text = '今日:' + weather_dict.get('data').get('ganmao'), fg = 'red',bg='black').place(x=40,y=20,height=40)#温馨提示 Label(root2,text = "↑这是今天的天气",font=8,fg = "red",bg = "black").place(x=10,y=450,width=300,height=50)#作者网站 Button(root2,text = '确认并退出',font=10,fg = "purple",bg = "black",command = root2.quit).place(x=1200,y=450,width = 200,height=50)#退出按钮 root2.mainloop() #主界面:第1个窗口的按钮设置布置按键 Button(root1, text = "确认",width=10,font=10,bg='black',fg='purple',command = get_weather_data)\ .grid(row = 3, column=0,sticky = W, padx = 10, pady = 5) Button(root1, text = '退出',width=10,font=10,bg='black',fg='purple',command = root1.quit)\ .grid(row = 3, column = 1, sticky = E, padx = 10, pady = 5) # 配置,放在这里,那么主窗口的2个按钮就先显示出来 # 要打开的图像 image1 = "open.gif" #注意tkinter中需要gif格式的图片,默认目录下 image2 = "welcome.gif" #也可以单独设置目录或者路径 #python3的特性,一行依次赋值 x0, y0=50.0,50.0 # 初始坐标 x,y=[x0],[y0] # 列表将包含所有的x和y坐标.到目前为止,他们只包含初始坐标 vx,vy=1.0,0.5 # 每次移动的速度或距离 # 边界,这里要考虑到图片的大小,要预留一半的长和宽 x_min,y_min,x_max,y_max=46.0,46.0,754.0,554.0 range_min,range_max=1,2000 # 运行步数 # 创建500次的x和y坐标 for t in range(range_min, range_max): # 新坐标等于旧坐标加每次移动的距离 new_x = x[t - 1] + vx new_y = y[t - 1] + vy # 如果已经越过边界,反转方向 if new_x >= x_max or new_x <= x_min: vx = vx * -1.0 if new_y >= y_max or new_y <= y_min: vy = vy * -1.0 # 添加新的值到列表 x.append(new_x) y.append(new_y) canvas = Canvas(root1,width=800, height=600, bg='white') canvas.grid(row = 2,column=0)#调整位置 photo1 = PhotoImage(file=image1) photo2 = PhotoImage(file=image2) #add width1 = photo1.width() height1 = photo1.height() image_x = (width1) / 2.0 image_y = (height1) / 2.0 # 每次的移动 for t in range(range_min, range_max): canvas.create_image(x[t], y[t], image=photo1, tag="pic") #tag是这张图片的标签,这里需要 canvas.update() # 暂停多少秒,然后删除图像 time.sleep(0.001) #1秒,缓慢;如果0.025s等于每秒40帧;0.001s很快 canvas.delete("pic") #因为这里需要删除它 #等上面动画结束后,再出现这个图片 canvas.create_image(400, 300, image=photo2) #这里不需要tag canvas.update() #主窗口循环走起 root1.mainloop()
2. 图片可自定义:注意是gif格式。