• 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()
    View Code

    2. 图片可自定义:注意是gif格式。

  • 相关阅读:
    《Spring_Four》第二次作业 基于Jsoup的大学生考试信息展示系统开题报告
    《Spring_Four》第一次作业:团队亮相
    4.11jsp
    4.7jsp
    3.17jsp
    3.24jsp
    3.10jsp
    3.4软件测试
    回文串
    博客园第二次作业
  • 原文地址:https://www.cnblogs.com/ysysbky/p/12269553.html
Copyright © 2020-2023  润新知